Difference between revisions of "MediaWiki:Vector.css"

MuseWiki, wiki for the band Muse
Jump to navigation Jump to search
(Gave .references columns)
(.columns-autio, .references: set height to 5em. According to mozdev, doing so stops new columns from being made before the first is 5em tall. Will have to test this in other browsers.)
Line 610: Line 610:
.columns-auto, .references {
.columns-auto, .references {
column-width: 20em;
column-width: 20em;
height: 5em;
-moz-column-width: 20em;
-moz-column-width: 20em;
-webkit-column-width: 20em;
-webkit-column-width: 20em;

Revision as of 12:27, 26 September 2011

/* <pre><nowiki> */

/* CSS placed here will affect users of the Vector skin */

html, body {
	font-size: 100%;
}

body {
	background: black url('skins/common/images/resistancebg2.jpg') no-repeat fixed;
}

body, h1, h2, h3, h4, h5, pre, table, th, #siteSub {
	color: #333;
}

h1 {
	border-bottom: .0781em dotted #DDD;
	text-shadow: .0781em .0781em .0391em #666;
}

li {
	list-style-image: none !important;
}

pre {
	background-color: #EEE;
	border-color: #AAA;
}

#content {
	background-image: none;
	box-shadow: .36em .264em .16em #000;
	-moz-box-shadow: .36em .264em .16em #000;
	-webkit-box-shadow: .36em .264em .16em #000;
}


/* Hide editing-related info when not editing */

#bodyContent > .hide-this {
	display: none;
}


/* Use bullet character, not image, for unordered lists */

#content ul > li {
	list-style: disc none;
}

/* But not for some ul */

.toclevel-1, .toclevel-2, .toclevel-3 {
	list-style-type: none !important;
}

/* Side-bar */

#p-logo {
	background: url('skins/common/images/musewikiLogo.png') no-repeat center center;
	height: 40px;
	margin-bottom: 1em;
	position: relative;
	top: 0;
	z-index: -1;
}

#p-logo > a {
	background-image: none !important;
}

#mw-panel {
	top: 0;
}

#feed-atom {
	background-image: none;
	padding-left: 0;
}

.body > ul > li {
	font-size: .8em !important;
}

.portal > h5 {
	color: #FFF !important;
	font-size: 1em !important;
	padding: 0 .25em .25em 1.25em !important;
	text-shadow: .125em .125em .0625em #000;
	text-transform: uppercase;
}

.body {
	background: #000 !important;
	filter: alpha(opacity=70);
	opacity: .7;
	padding: .625em 0 .3125em .625em !important;
	text-shadow: .0781em .0781em #000;
	transition: background-image 1s, margin-left 1s, opacity 1s;
	-moz-transition: background-image 1s, margin-left 1s, opacity 1s;
	-webkit-transition: background-image 1s, margin-left 1s, opacity 1s;
}

.body:hover {
	background-image: radial-gradient(30% 20%, circle farthest-corner, #333 5%, #000 50%) !important;
	margin-left: .75em !important;
	filter: alpha(opacity=100);
	opacity: 1;
	background-image: -moz-radial-gradient(30% 20%, circle farthest-corner, #333 5%, #000 50%) !important;
	background-image: -webkit-radial-gradient(30% 20%, circle farthest-corner, #333 5%, #000 50%) !important;
	background-image: -ms-radial-gradient(30% 20%, circle farthest-corner, #333 5%, #000 50%) !important;
}

.body > ul > li > a {
	color: #FFF !important;
}


/* Top bar */

#mw-page-base {
	background-color: transparent;
	height: 4.0625em;
	margin-left: 10em;
}

#mw-head-base, #mw-page-base {
	background-image: none;
}

#left-navigation > .vectorTabs, #left-navigation > .vectorTabs > ul, #left-navigation > .vectorTabs > ul > li, #left-navigation > .vectorTabs > ul > li > a {
	background: none !important;
}

#left-navigation > .vectorTabs a > span {
	padding-top: .25em;
}

#right-navigation {
	background: #FFF;
	margin-top: 1.5625em;
}

#p-search {
	padding-bottom: .7em;
}

#p-namespaces > ul > li > a > span {
	color: #FFF !important;
}

#p-personal > ul > li {
	background-image: none;
}

#p-personal > ul > li > a {
	color: #FFF;
}

#preferences {
	border: 0 none;
}

.page-MuseWiki > #content > #firstHeading {
	display: none;
}


/* Stop disc bullets from appearing on drop-downs */

.col > li {
	list-style-type: none !important;
}

/* Links and make guillemet thingies look like links */

a, .gu, #p-views > ul > li > a > span {
	color: #0378AE;
}

a:visited, .col:hover > li > .gu {
	color: #669;
}

a.external {
	color: #069 !important;
}

.gu {
	display: inline;
}

table, td, .frontth, #preferences, #mw_metadata td, table.gallery > tbody > tr > td {
	background: transparent;
}

.gallery, .gallery > tbody > tr > td {
	border-style: none !important;
}

.gallerybox > .thumb {
	border-style: none !important;
	padding: 0 !important;
}

.diff {
	border-collapse: collapse;
}

th {
	background: #FFF;
	text-transform: uppercase;
}

#contentSub {
	margin: 0;
}

fieldset {
	border-color: #AAA;
}

fieldset > hr {
	background-color: #AAA !important;
}

/* Home page index box */
#frontpage-indexbox {
	background: #C9DAE1;
	border: .0781em solid #AAA;
	border-radius: 1em;
	box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
	margin-top: .7em;
	width: 100%;
	-khtml-border-radius: 1em;
	-moz-border-radius: 1em;
	-moz-box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
	-webkit-border-radius: 1em;
	-webkit-box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
}

#frontpage-title > a, #frontpage-stats > a, #frontpage-indexbox > tbody > tr > td > ul > li > a {
	border-bottom: 1px dotted;
	color: black;
	text-decoration: none;
}

#frontpage-title > a:hover, #frontpage-stats > a:hover, #frontpage-indexbox > tbody > tr > td > ul > li > a:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}

#frontpage-indexbox > tbody > tr > td > table {
	text-align: center;
}

#frontpage-title {
	font-size: 1.62em;
	padding: .1em;
}

#frontpage-subtitle {
	font-size: .95em;
}

#frontpage-indexbox-footer {
	color: #AAA;
	font-size: .95em;
	margin: -.175em 0 .075em;
	width: 100%
}

#frontpage-indexbox-footer > tbody > tr > td {
	padding: 0;
}

#frontpage-simplephotos {
	width: 100%;
}

#frontpage-simplephotos > div {
	display: inline-block;
	text-align: center;
	width: 33%;
	*display: inline;
}

#frontpage-simplephotos > div > p > .image > img {
	box-shadow: .45em .33em .2em #666;
}

#frontpage-simplephotos > div > p:last-child {
	font-size: .95em;
}

#frontpage-bodytable {
	border-spacing: .5em;
	margin: 0 -.5em;
}

#museAre {
	vertical-align: top;
	width: 170px;
}

#museAre > p > span {
	font-size: x-small;
}

#museNew {
	padding: 0 .781em;
	vertical align: top;
}

#museGigs {
	vertical-align: top;
}

#museGigs > div {
	border-radius: 1em;
	padding: .781em;
	-khtml-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#museGigs > div:first-child {
	background: #E4B5CC;
	margin-bottom: .781em;
}

#frontpage-gigs {
	background: #FFD;
	margin-bottom: .781em;
}

#musetwitter {
	background: #E2ECF2;
	margin-bottom: .781em;
}

#wikitwitter {
	background: #ECF2E2;
}

#frontpage-infofooter {
	font-size: .95em;
	margin-bottom: .5em;
	margin-top: 2em;
	text-align: center;
}

/* Home page Feed images */
.simplepie > ul > li > img {
	float: right;
	margin: 0 0 .781em .781em;
}

/* NB: What's this needed for? */
.MainPageBG > .simplepie li {
	clear: both;
}

#museNew > .simplepie > ul {
	margin: 0;
}

#museNew > .simplepie > ul > li {
	list-style-type: none;
}

/* Right side bar */
#musetwitter > h2 {
	background: url('https://s3.amazonaws.com/twitter_production/profile_images/1285340280/muse1_mini.jpg') no-repeat right 5px;
}

#wikitwitter > h2 {
	background: url('https://s3.amazonaws.com/twitter_production/profile_images/359401915/theresistance_mini.jpg') no-repeat right 5px;
}


/* Gig links */

.gigindex {
	background: #E0E6D3;
	border-radius: .5em;
	border: .0781em solid #AAA;
	box-shadow: 0 .0781em .3906em #82A63A, 0 .7813em 1.5625em #FFF inset;
	display: inline-block;
	margin: 1em 0;
	padding: .2em;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em;
	-moz-box-shadow: 0 .0781em .3906em #82A63A, 0 .7813em 1.5625em #FFF inset;
	-webkit-border-radius: .5em;
	-webkit-box-shadow: 0 .0781em .3906em #82A63A, 0 .7813em 1.5625em #FFF inset;
	*display: block;
}

.gigindex > span {
	display: inline-block;
	padding: .3125em;
	*display: block;
}

/* End gig links */


/* Notice box styling */

.colourbox {
	border: .0781em solid #AAA;
	border-radius: .5em;
	color: #000;
	display: block;
	font-weight: bold;
	margin: .5em 10%;
	padding: .5em;
	text-align: center;
	width: 80%;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.colourbox > a {
	border-bottom: .0781em dotted;
	color: #000 !important;
}

.colourbox > a:hover {
	border-bottom: .0781em solid;
	text-decoration: none;
}

.bluebackbox { 
	background: #C9DAE1;
	box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
	-moz-box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
	-webkit-box-shadow: 0 .0781em .3906em #0378AE, 0 .7813em 1.5625em #FFF inset;
}

.greenbackbox {
	background: #E0E6D3;
	box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #FFF inset;
	-moz-box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #FFF inset;
	-webkit-box-shadow: 0 .0781em .3907em #82A63A, 0 .7813em 1.5625em #FFF inset;
}

.redbackbox {
	background: #D68485;
	box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #FFF inset;
	-moz-box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #FFF inset;
	-webkit-box-shadow: 0 .0781em .3907em #AF2022, 0 .7813em 1.5625em #FFF inset;
}

/* End notice boxes */


/* Box shadows */

/* for .8em tables */

.disco-list, .infbox, .greytable, .gigtable, #pricetable, #speechtable, .tabulature-list, .thumbinner, .gallerybox > .thumb > div > .image > img {
	box-shadow: .45em .33em .2em #666;
}

/* End box shadows */


/* Info boxes (+gig tables) */

/* Colours */

.infbox > tbody > tr > th, .greytable > tbody > tr > th, .gigtable > tbody > tr > th {
	color: #FFF;
}

.discobox > tbody > tr > th {
	background: #4D1F68;
}

.discobox > tbody > tr > th > div {
	float: right;
	font-size: xx-small;
	text-transform: lowercase;
}

.discobox > tbody > tr > th > div > a:before {
	content: "⇩";
	transition: color 1s, content 1s;
	-moz-transition: color 1s, content 1s;
	-webkit-transition: color 1s, content 1s;
}

.discobox > tbody > tr > th > div > a {
	color: #DAD0DF;
	transition: color 1s;
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
}

.discobox > tbody > tr > th > div > a:hover:before {
	color: #FFF;
	content: "⬇" !important;
}

.discobox > tbody > tr > th > div > a:hover {
	color: #FFF;
	text-decoration: none;
}

.discobox > tbody > tr:nth-child(2n+1) {
	background: #DAD0DF;
}

#gearbox > tbody > tr > th, .greytable > tbody > tr > th {
	background: #656565;
}

#gearbox > tbody > tr:nth-child(2n+1), .greytable > tbody > tr:nth-child(2n+1) {
	background: #D9D9D9;
}

#gigbox > tbody > tr > th, .gigtable > tbody > tr > th {
	background: #82A63A;
}

#gigbox > tbody > tr:nth-child(2n+1), .gigtable > tbody > tr:nth-child(2n+1) {
	background: #E0E6D3;
}

#memberbox > tbody > tr > th {
	background: #AF2022;
}

#memberbox > tbody > tr:nth-child(2n+1) {
	background: #DEDEDE;
}

#jambox > tbody > tr > th, #songbox > tbody > tr > th {
	background: #0378AE;
}

#jambox > tbody > tr:nth-child(2n+1), #songbox > tbody > tr:nth-child(2n+1) {
	background: #C9DAE1;
}

#vidbox > tbody > tr > th {
	background: #E3AF1E;
}

/* End colours */

/* Info box borders */

.greytable, .greytable > tbody > tr > th, .greytable > tbody > tr > td, .gigtable, .gigtable > tbody > tr > th, .gigtable > tbody > tr > td, .infbox, .infbox > tbody > tr > th, .infbox > tbody > tr > td {
	border: none !important;
	padding: .2em .5em .2em .5em !important;
}

/* Info box left column */

.infbox > tbody > tr > td:first-child {
	font-weight: bold;
}

/* End info boxes */


#backto-muse {
	border: 0.0781em #AAA solid;
	border-radius: .5em;
	margin: 1em 1em 1em 0;
	text-align: center;
	width: 20em;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}


/* Discography and tabulature tables */

.disco-list, .tabulature-list {
	border: .0781em #AAA solid;
	border-radius: .5em;
	border-spacing: 0;
	margin-bottom: 1em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.disco-list > tbody, .tabulature-list > tbody {
	border-collapse: collapse;
}

/* 1em / 12.8px * 4px = 0.3125em */

.disco-list > tbody > tr > th, .disco-list > tbody > tr > td {
	padding: .3125em .5em .3125em .5em;
}

.tabulature-list > tbody > tr > th, .tabulature-list > tbody > tr > td {
	padding: .3125em;
	vertical-align: text-top;
}

.columns-auto, .references {
	column-width: 20em;
	height: 5em;
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
}

/* End discography and tabulature tables */


/* Nav */

.nav {
	border: 1px #AAA solid;
	border-collapse: collapse;
	border-radius: .5em;
	box-shadow: .58em .42em .25em #666;
	font-size: x-small;
	padding: 0;
	text-align: center;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

.nav > tbody > tr > th {
	border: .1em solid transparent;
	border-radius: .5em .5em 0 0;
	color: #FFF;
	padding: inherit;
	-khtml-border-radius: .5em;
	-moz-border-radius: .5em .5em 0 0;
	-webkit-border-radius: .5em;
}

#nav-gig > tbody > tr > th {
	background: #82A63A;
}

#nav-song > tbody > tr > th {
	background: #0378AE;
}

#nav-vid > tbody > tr > th {
	background: #E3AF1E;
}

/* Appears to fix buggy border */
.nav > tbody > tr:last-child {
	border: .1em solid transparent;
}

.nav > tbody > tr > td {
	padding: inherit;
}

.nav > tbody > tr > td:nth-child(2n), .nav > tbody > tr > td:nth-child(3) {
	font-weight: bold;
}

.nav > tbody > tr > td:nth-child(2n+1) {
	transition: background-color 1s;
	width: 17em;
	-moz-transition: background-color 1s;
	-webkit-transition: background-color 1s;
}

#nav-gig > tbody > tr > td:nth-child(2n+1):hover {
	background-color: #E0E6D3;
}

#nav-song > tbody > tr > td:nth-child(2n+1):hover {
	background-color: #C9DAE1;
}

/* End Nav */


/* Set lists */

/* hide YouTube link images within set-lists */

.ytube > a {
	background: none !important;
	padding: 0 !important;
}

/* align intro with songs in set-lists
 * remove bullet therefrom             */

#setlist > ul {
	margin-left: 3.2em;
}

#intro {
	list-style: none !important;
}

/* End set lists */


/* Footer */

#footer-icons, #footer-places-disclaimer, #footer-places-privacy {
	display: none;
}

#footer {
	background-color: #FFF;
	background-image: none;
	border-radius: 0 0 .5em .5em;
	filter: alpha(opacity=70);
	margin: 0 auto .5em;
	opacity: .7;
	transition: opacity 1s;
	width: 17em;
	-moz-border-radius: 0 0 .5em .5em;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#footer:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#footer > ul {
	text-align: center;
}

#footer-info > li {
	padding: 0 0 .5em !important;
}

#footer-places > li {
	padding: 0 !important;
}

/ * End footer */


/* Tablets and whatnot */

@media handheld {
	.col > .di {
		display: block !important;
	}
}

/* End tablets */


/* plain styling */

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.small {
	font-size: x-small;
}

.unknown {
	font-style: italic;
}

/* For making first letter upper-case */

.TextToUpper:first-letter {
	text-transform: uppercase;
}

/* Superscript */

.sup {
	font-size: x-small;
	line-height: 0;
	vertical-align: super;
}

/* End plain styling */


/* collapsible CSS stuff */

.col {
	list-style: none none;
	margin-left: 0;
}

.col > .di {
	display: none;
}

.col:hover > .di {
	display: block;
}

/* End collapsible CSS stuff */


/* OoS anniversary */

.page-Leeds_Bramham_Park_2011_gig, .page-Reading_Little_John_s_Farm_2011_gig {
	background: #FFF url('images/Origin_of_Symmetry_art_%E2%80%93_dark.jpg') repeat-x fixed;
	background-size: 100%;
}

.page-Leeds_Bramham_Park_2011_gig > #content > #bodyContent > #gigbox > tbody > tr > th, .page-Reading_Little_John_s_Farm_2011_gig > #content > #bodyContent > #gigbox > tbody > tr > th {
	background: #B04D48;
}

.page-Leeds_Bramham_Park_2011_gig > #content > #bodyContent > #gigbox > tbody > tr:nth-child(2n+1), .page-Reading_Little_John_s_Farm_2011_gig > #content > #bodyContent > #gigbox > tbody > tr:nth-child(2n+1) {
	background: #FFD1CF;
}

.page-Leeds_Bramham_Park_2011_gig > #content > #bodyContent > #nav-gig th, .page-Reading_Little_John_s_Farm_2011_gig > #content > #bodyContent > #nav-gig th {
	background: #B04D48;
}

.page-Leeds_Bramham_Park_2011_gig > #content > #bodyContent > #nav-gig > tbody > tr > td:nth-child(2n+1):hover, .page-Reading_Little_John_s_Farm_2011_gig > #content > #bodyContent > #nav-gig > tbody > tr > td:nth-child(2n+1):hover {
	background-color: #FFD1CF;
}

/* end OoS anniversary */



/* MOVED FROM COMMONS */


/* Highlight clicked references */

.reference:target, .references > li:target { 
	background-color: #C9DAE1;
}


/* Make redirects appear in italics in categories and on [[Special:Allpages]] */

.redirect-in-category, .allpagesredirect {
	font-style: italic;
}


/* Transparency checkered background on image description pages */

#file > a > img {
	background: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}


/* Remove useless links from printout */

@media print {
	#privacy, #about, #disclaimer {
		display:none;
	}
}

/* </nowiki></pre> */
Retrieved from ‘http://musewiki.org/index.php?title=MediaWiki:Vector.css&oldid=78848’