Navigation menu

MediaWiki:Common.css: Difference between revisions

From Metroid Wiki
(switch to protocol relative URLs)
(fix basic colouring)
Line 344: Line 344:


abbr {color: #fff}
abbr {color: #fff}
/* Basic colouring */
.mw-body {
background: url(//cdn.wikimg.net/en/metroidwiki/skins/QuantumLeap/resources/images/transbg.png?7905a) repeat;
color: #d2d2d2;
}

Revision as of 06:45, 24 November 2018

/* CSS placed here will be applied to all skins */
/*
* 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/w/images/rarr-lt.png) 0 3px no-repeat;
}
.dmenu li.even .submenu {
width: 12px;
height: 15px;
float: right;
background: url(/common/w/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;
}

 .infobox {
  float:right;
  width:300px;
  padding:5px;
  border-spacing:0px;
  border: 2px solid #6e3c80;
  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;
  font-size: 11px;
  margin: 0 0 1em 1em;
  background-color:#3c0252;
 }
 .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;}

 .m1infobox {
  background-position: fixed;
  background-color: #6a3005;
  background-image: url('//cdn.wikimg.net/metroidwiki/images/c/c5/M1infobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .m1infobox a:link {color: #d9776f}
 .m1infobox a:visited {color: #f47979}
 .m1infobox a:hover {color: #c6a6a1}

 .m2infobox {
  background-position: fixed;
  background-color: #142418;
  background-image: url('//cdn.wikimg.net/metroidwiki/images/3/3e/M2infobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .m2infobox a:link {color: #537c3a}
 .m2infobox a:visited {color: #49583f}
 .m2infobox a:hover {color: #c7e8b2}

 .sminfobox {
  background-position: fixed;
  background-color: #722516;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/4/49/Sminfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .sminfobox a:link {color: #c9b46b}
 .sminfobox a:visited {color: #a79557}
 .sminfobox a:hover {color: #efd681}

 .mfinfobox {
  background-position: fixed;
  background-color: #102e38;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/c/cd/Mfinfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mfinfobox a:link {color: #439ec9}
 .mfinfobox a:visited {color: #92a4ac}
 .mfinfobox a:hover {color: #b5e9f4}

 .zminfobox {
  background-position: fixed;
  background-color: #130333;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/d/d9/Zminfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .zminfobox a:link {color: #4e42f1}
 .zminfobox a:visited {color: #463ea9}
 .zminfobox a:hover {color: #6e68c3}

 .ominfobox {
  background-position: fixed;
  background-color: #13200f;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/c/cf/Ominfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .ominfobox a:link {color: #6fa028}
 .ominfobox a:visited {color: #547a1f}
 .ominfobox a:hover {color: #93d435}

 .mp1infobox {
  background-position: fixed;
  background-color: #5a2f04;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/c/c1/Mp1infobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mp1infobox a:link {color: #e8b12d}
 .mp1infobox a:visited {color: #49583f}
 .mp1infobox a:hover {color: #d2b56f}

 .mp2infobox {
  background-position: fixed;
  background-color: #221c41;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/a/ab/Mp2infobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mp2infobox a:link {color: #8261bf}
 .mp2infobox a:visited {color: #5c3e94}
 .mp2infobox a:hover {color: #9888e8}

 .mp3infobox {
  background-position: fixed;
  background-color: #000d21;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/f/f1/Mp3infobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mp3infobox a:link {color: #2bd5b3}
 .mp3infobox a:visited {color: #559b8d}
 .mp3infobox a:hover {color: #baf8ec}

 .mppinfobox {
  background-position: fixed;
  background-color: #271a0d;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/a/ab/Mppinfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mppinfobox a:link {color: #efe800}
 .mppinfobox a:visited {color: #8a7c02}
 .mppinfobox a:hover {color: #e0dc9f}

 .mphinfobox {
  background-position: fixed;
  background-color: #29090c;
  background-image:url('//cdn.wikimg.net/metroidwiki/images/2/2c/Mphinfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mphinfobox a:link {color: #b88a8a}
 .mphinfobox a:visited {color: #7e4e4e}
 .mphinfobox a:hover {color: #bfafaf}

 .mptinfobox {
  background-position: fixed;
  background-color: #302f36;
  background-image: url('//cdn.wikimg.net/metroidwiki/images/3/3b/Mptinfobox.png');
  background-position: center center;
  background-repeat: no-repeat}
 .mptinfobox a:link {color: #acacac}
 .mptinfobox a:visited {color: #838383}
 .mptinfobox a:hover {color: #ffffff}

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

 .featuredarticle2 {
  background-image:url('//cdn.wikimg.net/metroidwiki/images/5/5f/Featured_Article_2.png');
  background-repeat:no-repeat;
  background-position:bottom;}

 .rememberme {
  background-image:url('//cdn.wikimg.net/metroidwiki/images/1/19/Remember_Me_mainpage.png');
  background-repeat:no-repeat;
  background-position: center center;}

 .news {
  background-image:url('//cdn.wikimg.net/metroidwiki/images/f/fb/News_mainpage.png');
  background-repeat:no-repeat;
  background-position: center center;}

 .editorstation {
  background-image:url('//cdn.wikimg.net/metroidwiki/images/b/b7/Editor_Station.png');
  background-repeat:no-repeat;
  background-position: center center;}

 .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}

 .anniversary {
  background-image:url('//cdn.wikimg.net/metroidwiki/images/9/97/Anniversary_background.png');
  background-repeat:no-repeat;
  background-position: center center;}

 .guidenav {
  background-color: #1f0827;}
 .guidenav:hover { 
  background: linear-gradient(#1f0827, #6e0a80, #1f0827);}

 .alphagrad {
  background: -webkit-linear-gradient(rgba(110,10,128,0), rgba(110,10,128,1),rgba(110,10,128,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(110,10,128,0), rgba(110,10,128,1),rgba(110,10,128,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(110,10,128,0), rgba(110,10,128,1),rgba(110,10,128,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(110,10,128,0), rgba(110,10,128,1), rgba(110,10,128,0)); /*Standard*/}

 body.page-Main_Page h1.firstHeading {
  display: none !important;}

 .alwaysactive a:visited {color: #6fa028}
 .alwaysactive a:link {color: #6fa028}
 .alwaysactive a:hover {color: #93d435}

abbr {color: #fff}

/* Basic colouring */
.mw-body {
	background: url(//cdn.wikimg.net/en/metroidwiki/skins/QuantumLeap/resources/images/transbg.png?7905a) repeat;
	color: #d2d2d2;
}