MediaWiki:Common.css: Difference between revisions

From Metroid Wiki
m
needs a bit more padding
(Toying with some transparent gradients)
m (needs a bit more padding)
 
(25 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/*
/* Standard Navigationsleisten, aka box hiding thingy
* Dynamic menus
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
*/
div.NavFrame {
.dmenu { width: 180px }
margin: 0;
padding: 4px;
.dmenu, .dmenu ul { /* all lists */
border: 1px solid #a2a9b1;
padding: 0;
text-align: center;
margin: 0;
border-collapse: collapse;
list-style: none;
font-size: 95%;
}
}
.dmenu .selflink { font-weight: normal; }
div.NavFrame + div.NavFrame {
border-top-style: none;
.dmenu li { /* all list items */
border-top-style: hidden;
position: relative;
float: left;
width: 172px;
padding: 4px;
z-index: 100;
}
}
div.NavPic {
.dmenu li,
background-color: #fff;
.dmenu li.even a,
margin: 0;
.dmenu li.odd a,
padding: 2px;
.dmenu li li,
/* @noflip */
.dmenu li li a,
float: left;
.dmenu li li li,
.dmenu li li li a {
color : #d2d2d2;
}
}
div.NavFrame div.NavHead {
.dmenu li li { margin: 0; }
line-height: 1.6em;
font-weight: bold;
.dmenu li ul { /* second-level lists */
background-color: #ccf;
position: absolute;
position: relative;
left: -999em;
z-index: 101;
border: 1px solid #64486a;
}
}
div.NavFrame p,
.dmenu li ul ul { /* third-and-above-level lists */
div.NavFrame div.NavContent,
position: absolute;
div.NavFrame div.NavContent p {
left: -999em;
font-size: 100%;
margin: 0 0 0 0;
z-index: 102;
}
}
div.NavEnd {
.dmenu li.odd .submenu {
margin: 0;
width: 12px;
padding: 0;
height: 15px;
line-height: 1px;
float: right;
clear: both;
background: url(/common/w/images/rarr-lt.png) 0 3px no-repeat;
}
}
.dmenu li.even .submenu {
a.NavToggle {
width: 12px;
position: absolute;
height: 15px;
top: 0;
float: right;
/* @noflip */
background: url(/common/w/images/rarr-dk.png) 0 3px no-repeat;
right: 3px;
font-weight: normal;
font-size: 90%;
}
}
.dmenu li.odd {
 
background: #1d1427;
.client-js .NavFrame.collapsed > .NavContent {
border: 2px solid #64486a;
display: none;
}
}
.dmenu li.even {
 
background: #3b2541;
/* Standard layout */
border: 2px solid #64486a;
.outer-box {
border-radius: 20px;
border: 2px solid;
margin-bottom: 10px;
}
}
 
.dmenu li:hover, .dmenu li.sfhover {
.content-box {
border: 2px solid #3b2541;
border-radius: 15px;
border: 1px solid;
margin: 3px;
padding: 0.4em 0.4em 1.2em;
}
}
 
.dmenu li:hover ul ul,
/* Template:Notice */
.dmenu li:hover ul ul ul,
.notice.outer-box {
.dmenu li.sfhover ul ul,
width: 50%;
.dmenu li.sfhover ul ul ul {
margin-left: 10%;
left: -999em;
}
}
.notice .content-box {
.dmenu li:hover ul,
text-align: center;
.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 {
/* Infobox styles */
  float:right;
.infobox {
  width:300px;
float: right;
  padding:5px;
width: 300px;
  border-spacing:0px;
font-family: arial, sans-serif;
  border: 2px solid #6e3c80;
font-size: 11px;
  border-radius: 20px;
margin: 0 0 1em 1em;
  -moz-border-radius: 20px;
border: 1px solid #a2a9b1;
  -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 {
.infobox-sub {
  background-position: fixed;
width: 100%;
  background-color: #6a3005;
margin-left: auto;
  background-image: url('http://cdn.wikimg.net/metroidwiki/images/c/c5/M1infobox.png');
margin-right: auto;
  background-position: center center;
border-spacing: 0;
  background-repeat: no-repeat}
}
.m1infobox a:link {color: #d9776f}
.m1infobox a:visited {color: #f47979}
.m1infobox a:hover {color: #c6a6a1}


.m2infobox {
.infobox-sub th,
  background-position: fixed;
.infobox-sub td {
  background-color: #142418;
border: 1px solid #a2a9b1;
  background-image: url('http://cdn.wikimg.net/metroidwiki/images/3/3e/M2infobox.png');
padding: 0.4em;
  background-position: center center;
}
  background-repeat: no-repeat}
.m2infobox a:link {color: #537c3a}
.m2infobox a:visited {color: #49583f}
.m2infobox a:hover {color: #c7e8b2}


.sminfobox {
.infobox-sub th {
  background-position: fixed;
width: 30%;
  background-color: #722516;
text-align: right;
  background-image:url('http://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 {
.infobox-sub td > p {
  background-position: fixed;
margin: 0;
  background-color: #102e38;
}
  background-image:url('http://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('http://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('http://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('http://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('http://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('http://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('http://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('http://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('http://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('http://cdn.wikimg.net/metroidwiki/images/2/2f/Featured_Article.png');
  background-repeat:no-repeat;
  background-position:bottom;}
 
.featuredarticle2 {
  background-image:url('http://cdn.wikimg.net/metroidwiki/images/5/5f/Featured_Article_2.png');
  background-repeat:no-repeat;
  background-position:bottom;}
 
.rememberme {
  background-image:url('http://cdn.wikimg.net/metroidwiki/images/1/19/Remember_Me_mainpage.png');
  background-repeat:no-repeat;
  background-position: center center;}
 
.news {
  background-image:url('http://cdn.wikimg.net/metroidwiki/images/f/fb/News_mainpage.png');
  background-repeat:no-repeat;
  background-position: center center;}
 
.editorstation {
  background-image:url('http://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('http://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(#6e3c80, #1f0827);}
 
.alphagrad {
  background: -webkit-linear-gradient(rgba(110,10,128,1),rgba(110,10,128,0)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(110,10,128,1),rgba(110,10,128,0)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(110,10,128,1),rgba(110,10,128,0)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(110,10,128,1), rgba(110,10,128,0)); /*Standard*/}
 
.alwaysactive a:visited {color: #6fa028}
.alwaysactive a:link {color: #6fa028}
.alwaysactive a:hover {color: #93d435}
 
abbr {color: #fff}