MediaWiki:Common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 放置于这里的CSS将应用于所有皮肤 */

/* 页面底部导航框（2011年8月16日引自中文维基）(所谓大家族模板) */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 #ccccff;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #ddddff;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6e6ff;
}
.navbox-even {
    background: none repeat scroll 0 0 #f7f7f7;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}

.mcBoto {
  background-color: #d0b0ff; /* 4 */
  border: 0.15em solid #000000;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;}
 
.mcBoto a,
.mcBoto strong {
  background: none !important;
  color:#7050a0 !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mcBoto a:hover,
.mcBoto strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mcBotoSel {
  background-color: #9070c0; /* 2 */
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
  border-radius-topleft: .5em;
  border-radius-topright: .5em;
  -moz-border-radius: .5em .5em 0em 0em;
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}
 
.mcBotoSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mcContingut {
  background-color: #f8f8ff;
  border: 0.2em solid #9070c0; /* 2 */
  border-color: #9070c0 #7050a0 #7050a0 #9070c0 ; /* 2 1 1 2 */
  -moz-border-radius: 0em .5em .5em 0em;
  border-radius-topright: .5em;
  border-radius-bottomright: .5em;
  padding: 1em;
  position: static;  /* Si hi posem relative falla amb MSIE */}
 
.mcPestanya {
  background-color: #f8f8ff;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0; /* 1 3 3 1 */  width: 100%;
}
 
/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
 
.mcVerd .mcBoto {
 background-color: #a5e085; /* 4 */
 border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
 
.mcVerd .mcBoto a,
.mcVerd .mcBoto strong {
  color:#60b030 !important;  /* 1 */
  font-size:90%}
 
.mcVerd .mcBoto a:hover,
.mcVerd .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcVerd .mcBotoSel {
  background-color: #75c045; /* 2 */
  border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
 
.mcVerd .mcContingut {
  background-color: #f5fffa;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
 
.mcVerd .mcPestanya {
  background-color: #f5fffa;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
 
/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
 
.mcVermell .mcBoto {
 background-color: #FFAAAA; /* 4 */
 border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;  /* 5 3 2 5 */}
 
.mcVermell .mcBoto a,
.mcVermell .mcBoto strong {
  color:#CC0000 !important;  /* 1 */
  font-size:90%}
 
.mcVermell .mcBoto a:hover 
.mcVermell .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcVermell .mcBotoSel {
  background-color: #FF0000; /* 2 */
  border-color: #FF8888 #CC0000 #FF0000 #FF8888;  /* 3 1 2 3 */}
 
.mcVermell .mcContingut {
  background-color: #fffafa;
  border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
 
.mcVermell .mcPestanya {
  background-color: #fffafa;
  border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
 
/* Configuració del Blau 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
 
.mcBlau .mcBoto {
 background-color: #a7c1e6; /* 4 */
 border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
 
.mcBlau .mcBoto a,
.mcBlau .mcBoto strong {
  color:#3379de !important;  /* 1 */
  font-size:90%}
 
.mcBlau .mcBoto a:hover 
.mcBlau .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcBlau .mcBotoSel {
  background-color: #5b8dd6; /* 2 */
  border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
 
.mcBlau .mcContingut {
  background-color: #f0f8ff;
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
 
.mcBlau .mcPestanya {
  background-color: #f0f8ff;
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
 
 
/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
 
.mcGroc .mcBoto {
 background-color: #fff1a4; /* 4 */
 border-color: #fef4bc #ffe977 #ffe147 #fef4bc;  /* 5 3 2 5 */}
 
.mcGroc .mcBoto a,
.mcGroc .mcBoto strong {
  color:#ffd813 !important;  /* 1 */
  font-size:90%}
 
.mcGroc .mcBoto a:hover 
.mcGroc .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcGroc .mcBotoSel {
  background-color: #ffe147; /* 2 */
  border-color: #ffe977 #ffd813 #ffe147 #ffe977;  /* 3 1 2 3 */}
 
.mcGroc .mcContingut {
  background-color: #fffce8;
  border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
 
.mcGroc .mcPestanya {
  background-color: #fffce8;
  border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
 
/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
 
.mcTaronja .mcBoto {
 background-color: #ffbd7f; /* 4 */
 border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
 
.mcTaronja .mcBoto a,
.mcTaronja .mcBoto strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
 
.mcTaronja .mcBoto a:hover 
.mcTaronja .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcTaronja .mcBotoSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
 
.mcTaronja .mcContingut {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
 
.mcTaronja .mcPestanya {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}

/* Infobox template style */

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaaaaa;
   border-right: 1px solid #aaaaaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaaaaa;
}

/* styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
 
.infobox.geography {
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em; 
   font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 1px #aaaaaa;
   padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 1px #aaaaaa;
   padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #aaaaaa;
   padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0;
}

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

/* From [[MediaWiki:Gadget-MP-2015-01.css]] */


/* For the new main page design */
#main-page-2015-01,
#main-page-2015-01-banner,
#main-page-2015-01-body {
    clear: both;
}

#main-page-2015-01-banner {
    /* [[File:Zhwp blue banner.png]] */
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAB4CAYAAAAzOJiAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABxSURBVChTnVFBDoAwCEP+/0M/4UFPy4LdjBswjFMOhAAtBUhgTLDLSYsI4VgQnVMI2+ypOmmd4ZsNqVJQYa3ZFyLNCnGTvsC+CR/Xf161ME9pLqThsc0Dpt7TEfamwZZ/hIM0ek/KmLvnhfhIcOvGdAKcwjZpfgh+hQAAAABJRU5ErkJggg==");
    background-repeat: repeat-x;
    height: 120px;
    min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */
}

#main-page-2015-01-banner a {
    color: #17b;
}

#main-page-2015-01-banner > div {
    line-height: 120px;
}

#main-page-2015-01-banner > div > * {
    line-height: 1.5em;
    vertical-align: middle;
}

#main-page-2015-01-banner-logo {
    float: left;
    width: 133px;
    height: 119px;
    margin-bottom: 1px;
    background-image: url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/300px-Calcwiki_logo.svg.png");
    background-image: -webkit-image-set(
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/300px-Calcwiki_logo.svg.png") 1x,
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/450px-Calcwiki_logo.svg.png") 1.5x,
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/600px-Calcwiki_logo.svg.png") 2x,
    );
    background-image: image-set(
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/300px-Calcwiki_logo.svg.png") 1x,
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/450px-Calcwiki_logo.svg.png") 1.5x,
        url("//calcwiki.org/images/thumb/6/63/Calcwiki_logo.svg/600px-Calcwiki_logo.svg.png") 2x,
    );
    background-position: -65px 11px;
    background-repeat: no-repeat;
    background-size: 147%;
}

#main-page-2015-01-banner-title {
    float: left;
    margin-left: 20px;
    width: 240px;
}

#main-page-2015-01-banner-title > div {
    display: inline-block;
    font-family: sans-serif;
}

#main-page-2015-01-banner-title h1 {
    font-size: 2em;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

#main-page-2015-01-banner-title p {
    margin: 0;
    padding: 0;
    font-size: 85%;
    color: #457;
}