Difference between revisions of "MediaWiki:Vector.css"

Revision as of 03:05, 26 August 2011

/* <pre><nowiki> */

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

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

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

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

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

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

/* But not for some ul */

#toc ul > li {
list-style-type: none;
}

/* Side-bar */
body {
background: black url('http://www.musewiki.org/skins/common/images/resistancebg2.jpg') no-repeat fixed;
}

#p-logo {
background: url('http://www.musewiki.org/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: none !important;
}

#mw-panel {
top: 0;
}

#mw-panel li {
font-size: .8em !important;
}

.body {
background: #000 !important;
opacity: .7;
padding: .625em 0 .3125em .625em !important;
transition: background-image 1s, opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
}

.body:hover {
background-image: radial-gradient(30% 20%, circle farthest-corner, #333 5%, #000 50%) !important;
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;
}

.portal > h5 {
font-size: 1em !important;
padding: 0 .25em .25em 1.25em !important;
text-transform: uppercase;
}

.body a, .portal > h5 {
color: #FFF !important;
}


/* Top bar */

#mw-page-base {
background: none !important;
height: 65px !important;
margin-left: 10em;
}

#mw-head-base, #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 !important;
}

#right-navigation {
margin-top: 25px;
background: #FFF !important;
}

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

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

.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, .col > li > .gu, #p-views span {
color: #069;
}

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

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

.col > li > .gu {
display: inline;
}


/* 2px / 16px / 1.6em */
h1 {
border-bottom: .078125em dotted #DDD;
}

table, td, .frontth, table.diff, table.diff div, table.diff td, #preferences, #userloginForm form table, #mw_metadata td, table.gallery, table.gallery td {
background: transparent;
}

#userlogin table, #userlogin .captcha {
background: transparent !important;
}

table.gallery td {
border: transparent;
}

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

#contentSub {
margin: 0;
}

/* Home page index box */
#frontpage-indexbox {
background: #C9DAE1;
border: .0781em solid #CCC;
border-radius: 1em;
box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
margin-top: .7em;
transition: background-color 3s;
width: 100%;
-khtml-border-radius: 1em;
-moz-border-radius: 1em;
-moz-box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
-moz-transition: background-color 3s;
-webkit-border-radius: 1em;
-webkit-box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
-webkit-transition: background-color 3s;
}

#frontpage-indexbox:hover {
background: #FFF;
}

#frontpage-indexbox table {
text-align: center;
}

#frontpage-indexbox div:first-child {
font-size: 1.62em;
padding: .1em;
}

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

#frontpage-stats {
font-size: .85em;
}

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

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

#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;
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;
}


/* Curves are the new pr0n */

.gigindex {
border-radius: .5em;
border: 1px #CCC solid;
font-size: .95em;
margin: 1em 1em 1em 0;
-khtml-border-radius: .5em;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
}

/* End curves */


/* Notice box styling */

.colourbox {
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 {
color: #000;
}

.bluebackbox { 
background: #C9DAE1;
border: .0781em solid #CCC;
box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
-moz-box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
-webkit-box-shadow: 0 .078125em .390625em #0378AE, 0 .78125em 1.5625em #FFF inset;
}

.greenbackbox {
background: #E0E6D3;
border: .0781em solid #CCC;
box-shadow: 0 .078125em .390625em #82A63A, 0 .78125em 1.5625em #FFF inset;
-moz-box-shadow: 0 .078125em .390625em #82A63A, 0 .78125em 1.5625em #FFF inset;
-webkit-box-shadow: 0 .078125em .390625em #82A63A, 0 .78125em 1.5625em #FFF inset;
}

.redbackbox {
background: #FAA;
border: .5em #FAA solid;
background: -webkit-gradient(linear, left bottom, right top, from(#FAA), to(#FAA), color-stop(.7, #AF7474), color-stop(.7, #AF7474));
}

/* End notice boxes */


/* Box shadows */

/* Infoboxes, gigtable (for .8em tables) */

.infbox, .gigtable, #pricetable, div.thumbinner {
box-shadow: .45em .33em .2em 0 #666;
}

/* Discography tables (for .95em tables)

 $val / .95em * .8em
*/

.disco-list {
box-shadow: .3789em .2779em .1684em 0 #666;
}

/* End box shadows */


/* Info boxes (+gig tables) */

/* Colours */

.infbox th, .gigtable th {
color: #FFF;
}

.discobox th {
background: #4D1F68;
}

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

#gearbox th {
background: #656565;
}

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

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

#memberbox th {
background: #AF2022;
}

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

#songbox th {
background: #0378AE;
}

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

#vidbox th {
background: #E3AF1E;
}

/* End colours */

/* Info box borders */

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

/* Info box left column */

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

/* End info boxes */


/* Nav */

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

.nav 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 th {
background: #82A63A;
}

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

#nav-vid th {
background: #E3AF1E;
}

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

.nav td {
padding: inherit;
}

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

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

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

#nav-song 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-type: none;
}

/* End set lists */


/* Footer */

#footer-icons {display: none}
#footer > ul > li {color: #CCC}

/ * 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 * {
list-style: none
}

.col > .di {
display: none;
}

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


/* OoS anniversary */

.page-Leeds_Bramham_Park_2011_gig, .page-Reading_Little_John_s_Farm_2011_gig {
background: #FFF url('http://www.musewiki.org/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 */

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

.reference: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;}
}

/* End collapsible CSS stuff */


/* </nowiki></pre> */