Navigation menu
MediaWiki:Common.css
From Metroid Wiki
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 }