MediaWiki:Common.css: Difference between revisions

From Metroid Wiki
m
needs a bit more padding
m (fx)
m (needs a bit more padding)
 
(38 intermediate revisions by 3 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
/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
div.NavFrame {
        margin: 0px;
margin: 0;
        padding: 4px;
padding: 4px;
        border: 2px solid #64486a;
border: 1px solid #a2a9b1;
        text-align: center;
text-align: center;
        border-collapse: collapse;
border-collapse: collapse;
        font-size: 95%;
font-size: 95%;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
}
div.NavFrame + div.NavFrame {
div.NavFrame + div.NavFrame {
        border-top-style: none;
border-top-style: none;
        border-top-style: hidden;
border-top-style: hidden;
}
}
div.NavPic {
div.NavPic {
        background-color: #1d1427;
background-color: #fff;
        margin: 0px;
margin: 0;
        padding: 2px;
padding: 2px;
        float: left;
/* @noflip */
float: left;
}
}
div.NavFrame div.NavHead {
div.NavFrame div.NavHead {
        height: 1.6em;
line-height: 1.6em;
        font-weight: bold;
font-weight: bold;
        background-color: #1d1427;
background-color: #ccf;
        position:relative;
position: relative;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
div.NavFrame div.NavContent p {
        font-size: 100%;
font-size: 100%;
}
}
div.NavEnd {
div.NavEnd {
        margin: 0px;
margin: 0;
        padding: 0px;
padding: 0;
        line-height: 1px;
line-height: 1px;
        clear: both;
clear: both;
}
}
a.NavToggle {
a.NavToggle {
        position: absolute;
position: absolute;
        top: 0px;
top: 0;
        right: 3px;
/* @noflip */
        font-weight: normal;
right: 3px;
        font-size: smaller;
font-weight: normal;
font-size: 90%;
}
}


.client-js .NavFrame.collapsed > .NavContent {
display: none;
}


/*
/* Standard layout */
* Dynamic menus
.outer-box {
*/
border-radius: 20px;
.dmenu { width: 180px }
border: 2px solid;
margin-bottom: 10px;
.dmenu, .dmenu ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
}
.dmenu .selflink { font-weight: normal; }
 
.content-box {
.dmenu li { /* all list items */
border-radius: 15px;
position: relative;
border: 1px solid;
float: left;
margin: 3px;
width: 172px;
padding: 0.4em 0.4em 1.2em;
padding: 4px;
z-index: 100;
}
}
 
.dmenu li,
/* Template:Notice */
.dmenu li.even a,
.notice.outer-box {
.dmenu li.odd a,
width: 50%;
.dmenu li li,
margin-left: 10%;
.dmenu li li a,
.dmenu li li li,
.dmenu li li li a {
color : #d2d2d2;
}
}
.notice .content-box {
.dmenu li li { margin: 0; }
text-align: center;
.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 */
/* Infobox styles */
position: absolute;
.infobox {
left: -999em;
float: right;
margin: 0 0 0 0;
width: 300px;
z-index: 102;
font-family: arial, sans-serif;
font-size: 11px;
margin: 0 0 1em 1em;
border: 1px solid #a2a9b1;
}
}
 
.dmenu li.odd .submenu {
.infobox-sub {
width: 12px;
width: 100%;
height: 15px;
margin-left: auto;
float: right;
margin-right: auto;
background: url(/common/w/images/rarr-lt.png) 0 3px no-repeat;
border-spacing: 0;
}
}
.dmenu li.even .submenu {
 
width: 12px;
.infobox-sub th,
height: 15px;
.infobox-sub td {
float: right;
border: 1px solid #a2a9b1;
background: url(/common/w/images/rarr-dk.png) 0 3px no-repeat;
padding: 0.4em;
}
}
.dmenu li.odd {
 
background: #1d1427;
.infobox-sub th {
border: 2px solid #64486a;
width: 30%;
text-align: right;
}
}
.dmenu li.even {
 
background: #3b2541;
.infobox-sub td > p {
border: 2px solid #64486a;
margin: 0;
}
.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;}
.m1infobox {
  background-position: fixed;
  background-color: #6a3005;
  background-image: url('http://media.metroidwiki.org/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('http://media.metroidwiki.org/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('http://media.metroidwiki.org/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('http://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/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://media.metroidwiki.org/images/2/2f/Featured_Article.png');
  background-repeat:no-repeat;
  background-position:bottom;}
.featuredarticle2 {
  background-image:url('http://media.metroidwiki.org/images/5/5f/Featured_Article_2.png');
  background-repeat:no-repeat;
  background-position:bottom;}
.rememberme {
  background-image:url('http://media.metroidwiki.org/images/1/19/Remember_Me_mainpage.png');
  background-repeat:no-repeat;
  background-position: center center;}
.news {
  background-image:url('http://media.metroidwiki.org/images/f/fb/News_mainpage.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://media.metroidwiki.org/images/9/97/Anniversary_background.png');
  background-repeat:no-repeat;
  background-position: center center;}
abbr {color: #fff}