MediaWiki:Common.css: Difference between revisions

Rikki21 (talk | contribs)
Reduce page jumps by hiding collapsed/dismissed content
Rikki21 (talk | contribs)
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;
}
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);
}
}


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