Navigation menu

MediaWiki:Common.css

From Metroid Wiki
Revision as of 08:48, 9 February 2011 by Neo (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
        margin: 0px;
        padding: 4px;
        border: 2px solid #64486a;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
div.NavPic {
        background-color: #1d1427;
        margin: 0px;
        padding: 2px;
        float: left;
}
div.NavFrame div.NavHead {
        height: 1.6em;
        font-weight: bold;
        background-color: #1d1427;
        position:relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
div.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}
a.NavToggle {
        position: absolute;
        top: 0px;
        right: 3px;
        font-weight: normal;
        font-size: smaller;
}


/*
* Dynamic menus
*/
.dmenu { width: 180px }
 
.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
.dmenu .selflink { font-weight: normal; }
 
.dmenu li { /* all list items */
position: relative;
float: left;
width: 172px;
padding: 4px;
z-index: 100;
}
 
.dmenu li,
.dmenu li.even a,
.dmenu li.odd a,
.dmenu li li,
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
color : #d2d2d2;
}
 
.dmenu li li { margin: 0; }
 
.dmenu li ul { /* second-level lists */
position: absolute;
left: -999em;
z-index: 101;
border: 1px solid #64486a;
}
 
.dmenu li ul ul { /* third-and-above-level lists */
position: absolute;
left: -999em;
margin: 0 0 0 0;
z-index: 102;
}
 
.dmenu li.odd .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/images/rarr-dk.png) 0 3px no-repeat;
}
.dmenu li.odd {
	background: #1d1427;
	border: 2px solid #64486a;
}
.dmenu li.even {
	background: #3b2541;
	border: 2px solid #64486a;
}
 
.dmenu li:hover, .dmenu li.sfhover {
	border: 2px solid #3b2541;
}
 
.dmenu li:hover ul ul,
.dmenu li:hover ul ul ul,
.dmenu li.sfhover ul ul,
.dmenu li.sfhover ul ul ul {
left: -999em;
}
 
.dmenu li:hover ul,
.dmenu li li:hover ul,
.dmenu li li li:hover ul,
.dmenu li.sfhover ul,
.dmenu li li.sfhover ul,
.dmenu li li li.sfhover ul { /* lists nested under hovered list items */
left: 182px;
top: -3px;
}

 .table {
  background:#3b2541;
  border:2px solid #64486a;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -icab-border-radius: 20px;
  -o-border-radius: 20px;
 }
 .table tr:first-of-type td {
  background:transparent;
  border:none;
 }
 .table tr:nth-of-type(odd) {
  background:transparent;
  border:none;
 }
 .table tr:nth-of-type(even) {
  border:1px solid #64486a;
  background-color:#1d1427;
 }

 .infobox {
  float:right;
  width:265px;
  padding:5px;
  border-spacing:0px;
  border: 2px solid #64486a;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -icab-border-radius: 20px;
  -o-border-radius: 20px;
  font-family: arial, sans-serif;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-color:#3b2541;
 }
 .infobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  background-color:#1d1427;
  border: 1px solid #64486a;
  text-align:center;
  border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -webkit-border-top-left-radius: 15px;
  -khtml-border-top-left-radius: 15px;
  -icab-border-top-left-radius: 15px;
  -o-border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-top-right-radius: 15px;
  -khtml-border-top-right-radius: 15px;
  -icab-border-top-right-radius: 15px;
  -o-border-top-right-radius: 15px;
 }
 .infobox tr:nth-of-type(odd) {background-color:#3b2541;}
 .infobox tr:nth-of-type(even) {background-color:#1d1427;}

 .metroid1infobox {
  border: 2px solid #ff7b51;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/2/29/Samus_m1_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .metroid1infobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #ff7b51;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }
 .metroid1infobox a:link {color: #d9776f}
 .metroid1infobox a:visited {color: #f47979}
 .metroid1infobox a:hover {color: #c6a6a1}

 .echoesinfobox {
  border: 2px solid #e3e0d9;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/d/d5/Dark_Suit_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .echoesinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #e3e0d9;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .otherminfobox {
  border: 2px solid #bfe6ba;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/a/a1/No_Suit_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .otherminfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #bfe6ba;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .fusioninfobox {
  border: 2px solid #b5e9f4;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/e/e5/Fusion_Suit_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .fusioninfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #b5e9f4;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .primeinfobox {
  border: 2px solid #f2ec94;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/4/40/Varia_Suit_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .primeinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #f2ec94;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .zeromissioninfobox {
  border: 2px solid #a991f4;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/0/08/Powersuit_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .zeromissioninfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #a991f4;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .returnofsamusinfobox {
  border: 2px solid #3cb371;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/8/80/Varia_Suit_m2_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .returnofsamusinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #3cb371;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .superinfobox {
  border: 2px solid #b6ff6f;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/2/2e/Varia_Suit_sm_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .superinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #b6ff6f;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .pinballinfobox {
  border: 2px solid #dbac68;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/5/55/Samus_mpp_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .pinballinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #dbac68;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .huntersinfobox {
  border: 2px solid #d7615d;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/b/bc/Samus_hu_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .huntersinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #d7615d;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .corruptioninfobox {
  border: 2px solid #46cdea;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/5/54/PED_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .corruptioninfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #46cdea;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .trilogyinfobox {
  border: 2px solid #f0ffff;
  font-family: arial, sans-serif;
  padding: 4px;
  margin: 0 0 1em 1em;
  font-size: 11px;
  background-image:url(/images/6/6c/Samus_tri_infobox.png);
  background-repeat:no-repeat;
  background-position:bottom;
  border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
  -icab-border-radius: 15px; -o-border-radius: 15px;
 }
 .trilogyinfobox tr:first-of-type td {
  font-family:arial;
  font-size:13px;
  border: 1px solid #f0ffff;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
 }

 .featuredarticle {
  background-image:url(/images/2/2f/Featured_Article.png);
  background-repeat:no-repeat;
  background-position:bottom;
 }

 .m1 a:link {color: #ff7b51}
 .m1 a:visited {color: #ff7b51}
 .m1 a:hover {color: #ff9372}

 .m2 a:link {color: #08d061}
 .m2 a:visited {color: #08d061}
 .m2 a:hover {color: #41d784}

 .sm a:link {color: #c7d92e}
 .sm a:visited {color: #c7d92e}
 .sm a:hover {color: #e1ea96}

 .mf a:link {color: #7bece7}
 .mf a:visited {color: #7bece7}
 .mf a:hover {color: #aef8f5}

 .zm a:link {color: #a990fb}
 .zm a:visited {color: #a990fb}
 .zm a:hover {color: #e4dcff}

 .mp1 a:link {color: #f4a72f}
 .mp1 a:visited {color: #f4a72f}
 .mp1 a:hover {color: #f9b808}

 .mpp a:link {color: #e79800}
 .mpp a:visited {color: #e79800}
 .mpp a:hover {color: #ffb422}

 .mph a:link {color: #f65346}
 .mph a:visited {color: #f65346}
 .mph a:hover {color: #ed665c}

 .mp2 a:link {color: #b18dba}
 .mp2 a:visited {color: #b18dba}
 .mp2 a:hover {color: #be9fc6}

 .mp3 a:link {color: #0bbdff}
 .mp3 a:visited {color: #0bbdff}
 .mp3 a:hover {color: #5ccef8}

 .mpt a:link {color: #e0e0e0}
 .mpt a:visited {color: #e0e0e0}
 .mpt a:hover {color: #ffffff}

 .om a:link {color: #93d435}
 .om a:visited {color: #93d435}
 .om a:hover {color: #99f811}

abbr {
color: #fff
}