MediaWiki:Common.css: Difference between revisions
Reduce page jumps by hiding collapsed/dismissed content |
added dropdown class + wikitable skin based off materials/keyblade tables |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
body { | |||
background: #ecf9f2; | |||
} | |||
#p-logo { | |||
margin-top: 10px; | |||
} | |||
.mw-body { | |||
border: 1px solid #8cd9b3; | |||
border-right: none; | |||
} | |||
div.vectorTabs ul li { | |||
background-color: #ecf9f2; | |||
} | |||
#p-areas li a { | |||
font-weight: bold; | |||
} | |||
#p-statcounter { | |||
display: none; | |||
} | |||
#siteNotice { | |||
margin-bottom: 1.25em; | |||
} | |||
div.twitterbox { | |||
max-width: 320px; | |||
border: 1px solid rgb(170, 170, 170); | |||
} | |||
/* Standard table formatting */ | |||
/* <pre><nowiki> */ | |||
/* wikitable/prettytable class for skinning normal tables */ | |||
/* modified from http://wikimon.net/MediaWiki:Common.css */ | |||
table.wikitable, | |||
table.prettytable { | |||
margin: 1em 1em 1em 0; | |||
background: ghostwhite; | |||
color:white; | |||
border: 1px #aaaaaa solid; | |||
border-collapse: collapse; | |||
} | |||
table.wikitable th, table.wikitable td, | |||
table.prettytable th, table.prettytable td { | |||
border: 1px #aaaaaa solid; | |||
padding: 0.2em; | |||
} | |||
table.wikitable td, | |||
table.prettytable td { | |||
background: ghostwhite; | |||
} | |||
table.wikitable th, | |||
table.wikitable > tr > th, | |||
table.wikitable > * > tr > th, | |||
table.prettytable th, | |||
table.prettytable > tr > th, | |||
table.prettytable > * > tr > th { | |||
background: #c0c0c0; | |||
text-align: center; | |||
} | |||
table.wikitable caption, | |||
table.prettytable caption { | |||
margin-left: inherit; | |||
margin-right: inherit; | |||
} | |||
/* Reduce page jumps by hiding collapsed/dismissed content */ | /* Reduce page jumps by hiding collapsed/dismissed content */ | ||
Line 34: | Line 110: | ||
.navbox .mw-collapsible-toggle { | .navbox .mw-collapsible-toggle { | ||
width: 6em; | width: 6em; | ||
} | } | ||
Line 194: | Line 236: | ||
ul span.commaSep:last-of-type { | ul span.commaSep:last-of-type { | ||
display: none; | display: none; | ||
} | |||
/* -------------------------------------------------- | |||
MAIN PAGE PORTALS CSS FOLLOWS. | |||
ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI. | |||
http://www.zeldawiki.org | |||
ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015 | |||
-------------------------------------------------- */ | |||
/* Main Page Portals: Nav class */ | |||
.nav { | |||
padding:0; | |||
display:inline-block; | |||
} | |||
.nav:hover .dropdown{ | |||
display:block; | |||
} | |||
/* Main Page Portals: Container */ | |||
.container{ | |||
position:absolute; | |||
height: 450px; | |||
} | |||
.dropdown { | |||
border:2px solid #BFBFBF; | |||
border-radius:10px; | |||
display:none; | |||
float:left; | |||
left:-45%; | |||
right:-45%; | |||
position:relative; | |||
z-index: 100; | |||
color:#000000; | |||
} | |||
.dropdown a{ | |||
color:#FFFFFF; | |||
text-decoration:none; | |||
} | |||
.dropdown caption { | |||
width:inherit; | |||
} | |||
.dropdown td { | |||
vertical-align:top; | |||
padding:1px; | |||
white-space:nowrap; | |||
} | |||
.dropdown td p a { | |||
border:1px solid #3e4874; | |||
font-size:90%; | |||
line-height: 1.2em; | |||
margin: 3px 3px; | |||
padding:3px; | |||
} | |||
.dropdown p{ | |||
margin:0; | |||
padding:0; | |||
} | |||
caption a, .dropdown th a{ | |||
display:block; | |||
padding: 2px; | |||
} | |||
.dropdown caption a { | |||
padding:5px 20px 5px 20px; | |||
font-size:150%; | |||
} | |||
/* Main Page Portals: Character Table */ | |||
.dropdowntable td { | |||
border:white solid 1px; | |||
} | |||
.dropdowntable td a { | |||
background-color: #000000; | |||
background-image: -moz-linear-gradient(center top, #06305B, #3e4874); | |||
background-image: -webkit-linear-gradient(top, #06305B, #3e4874); | |||
background-image: -o-linear-gradient(top, #06305B, #3e4874); | |||
background-image: -ms-linear-gradient(top, #06305B, #3e4874); | |||
background-image: linear-gradient(top, #06305B, #3e4874); | |||
color: #FFFFFF; | |||
font-weight: normal; | |||
display: block; | |||
padding: 2px; | |||
} | |||
.dropdowntable td a:hover{ | |||
background-image: -moz-linear-gradient(center top, #bfbfff, #3e4874); | |||
background-image: -webkit-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: -o-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: -ms-linear-gradient(top, #bfbfff, #3e4874); | |||
background-image: linear-gradient(top, #bfbfff, #3e4874); | |||
} | } |