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 将应用于所有的皮肤 */
/*** styles and counter for mapping listings ***/
@media screen {
.printonly { display:none !important; }
}
@media screen, print {
span.listing-map {
display: inline-block;
width: 12px; height: 13px;
text-align: right;
color: white;
font-size: 0.85em;
font-family: Arial,Verdana,sans-serif;
padding: 0px 2px 3px 1px;
-webkit-print-color-adjust: exact; /*force printing on safari and chrome*/
}
h2 { counter-reset: mapnumber; }
span.listing-map:before {
content: counter(mapnumber);
counter-increment: mapnumber;
}
/* 用于首页 */
/* 首页不显示红链 */
body.ns-4.page-首页 a.new {
color: inherit;
}
body { counter-reset: generalnumber; }
span.listing-map.listing-general:before {
content: counter(generalnumber);
counter-increment: generalnumber;
}
}
/* Not Hide sitenotice on Main Page */
body.page-首页 #siteNotice {
display:inline;
}
/* Don't display some stuff on Main Page */
.action-view.page-首页 #deleteconfirm,
.action-view.page-首页 #t-cite,
.action-view.page-首页 #footer-info-lastmod,
.action-view.page-首页.action-view #siteSub,
.action-view.page-首页.action-view #contentSub,
.action-view.page-首页.action-view h1.firstHeading {
display: none !important;
}
/* Hide page title on Wikivoyage:Tourist Office */
body.page-Wikivoyage_Tourist_Office h1#firstHeading { display:none;
}
#DoM {
background: transparent;
padding: 0;
}
/* This section supports templates for the WMC migration.
* Sourced from http://en.wikipedia.org/wiki/MediaWiki:Common.css on 28 Oct 2012.
* Should not need to be copied later, and can be removed after migration is complete.
*/
th.mbox-text,td.mbox-text{border:none;width:100%;padding:.25em .9em;}
td.mbox-image{border:none;text-align:center;padding:2px 0 2px .9em;}
td.mbox-imageright{border:none;text-align:center;padding:2px .9em 2px 0;}
td.mbox-empty-cell{border:none;width:1px;padding:0;}
table.imbox{border-collapse:collapse;border:3px solid #1e90ff;background:#fbfbfb;margin:4px 10%;}
.imbox .mbox-text .imbox{display:block;margin:0 -.5em;}
.mbox-inside .imbox{margin:4px;}
table.imbox-notice{border:3px solid #1e90ff;}
table.imbox-speedy{border:3px solid #b22222;background:#fee;}
table.imbox-delete{border:3px solid #b22222;}
table.imbox-content{border:3px solid #f28500;}
table.imbox-style{border:3px solid #f4c430;}
table.imbox-move{border:3px solid #9932cc;}
table.imbox-protection{border:3px solid #bba;}
table.imbox-license{border:3px solid #88a;background:#f7f8ff;}
table.imbox-featured{border:3px solid #cba135;}
/* Suppress numbering of items in TOC */
.tocnumber { display: none; }
/* Main page */
.portal-column-left {
width: 40%;
text-align: center;
}
/* Coding for new Main Page */
.articleState {
width: 60%;
background: #fff;
margin: 0 auto;
border: solid 2px lightblue;
text-align: center;
}
.routeBox {
font-size: small;
border-style: none;
border-spacing: 0 0;
border-collapse: collapse;
margin: 0 auto;
}
.routeBox td {
padding: 1px 2px;
}
#geoCoord table, #geoCoordOld table {
border-collapse: collapse;
background: transparent;
}
#geoCoord td, #geoCoordOld td {
font-size: 0.9em;
line-height: 100%;
vertical-align: middle;
padding: 0 0 0 10px;
text-align: right;
border-left: 1px solid #88a;
}
#geoCoord td.icon, #geoCoordOld td.icon {
border-left: none;
height: 27px;
width: 35px;
padding: 0 10px 0 0;
}
/* Coding for new Main Page END */
/* Travellers' pub TOC, widen */
body.page-Wikivoyage_互助客栈 div.toctitle {
width:30em;
}
#mobileworld img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
/* Mark's template version of the new main page */
.banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box {
position: absolute;
z-index: 2;
margin-top: 2em;
color: white;
width: 50%;
min-width: 20em;
text-shadow: black 0.3em 0.3em 1em, black -0.1em -0.1em 1em;
}
.banner-box-wide {
width: 80%
}
.banner-box-left {
left: 5%;
text-align: left;
}
.banner-box-right {
right: 5%;
text-align: right;
}
.banner-box-welcome {
left: 1em;
text-align: center;
width: 40%;
white-space: nowrap;
}
.banner-box a {
color: white !important;
font-weight: bold;
}
.banner-box .name {
font-size: 3em;
white-space: nowrap;
line-height: 1.2em;
}
.banner-box .type {
font-size: 2em;
line-height: 1.2em;
}
.banner-box .stats {
font-size: 1em;
margin-top: 1em;
}
.banner-box .quote {
font-size: 1em;
line-height: 1.2em;
}
.banner-box .welcome a {
font-size: 1.5em;
}
.banner-box .welcome {
font-size: 2.1em;
}
.banner-box .nav-tip {
font-size: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
}
.banner-box .welcome-map-nav {
font-size: 1.25em;
}
.banner-box ul {
font-size: 1.25em;
}
.banner-box ul li {
display: inline;
}
.banner-box ul li:before {
content: " • ";
}
.banner-box ul li:nth-of-type(1):before {
content: " ";
}
/* Styles for Pagebanner template */
#toc > tbody > tr > td > ul, #toc > tr > td > ul {
padding-left: 2em;
}
#toc > ul {
padding-left: 2em;
}
/* Style for hlist class - pulled from Wikipedia's Common.css file on 20 Mar 2013
Style for horizontal lists (separator following item).
Note: hlist formatting will break if the resulting HTML lacks a breakable character
between list items. This happens when the following conditions are true:
1) The list is made using wiki markup (where HTML is built by parser.php)
2) HTMLTidy is disabled or unavailable (such as on Special: pages)
In such cases, building lists with .hlist using HTML instead of wiki markup
will work around this problem. See also [[Bugzilla:39617]].
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
Last updated: January 24, 2013
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@maintainer: [[User:Edokter]]
@revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.1em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
line-height: 1.1em;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
padding: 0 0.3em;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* allow ToC to stretch across screen when it is part of a horizontal list, change background and font colours */
.hlist #toc.tocFloat {
width: 100%;
max-width: 170em;
color: black;
}
.hlist.tocbox-s #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: black;
background-color: #e0e0e0;
}
div#content .hlist.tocbox-b #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.5);
border: none;
}
.hlist.tocbox-w #toc.tocFloat {
width: 100%;
max-width: 170em;
margin: 0;
padding: 0;
line-height: 1.1em;
color: black;
background: rgb(225,225,225);
background: rgba(160,160,160,0.6);
border: none;
}
.hlist #toc table,
.hlist #toc tr,
.hlist #toc td {
margin: 0;
padding: 0;
line-height: 1.1em;
}
/* links in the horizontal ToC should be black... */
.hlist #toc a {
color: black;
font-size: 0.85em;
font-weight: bold;
}
/* ... except when the ToC box is black ... */
.hlist.tocbox-b #toc a {
color: white;
font-size: 0.85em;
font-weight: bold;
}
/* ... or except when being hovered over */
.hlist #toc.tocFloat a:hover {
color: #bdddfd;
}
/* don't display ToC title when in horizontal ToC */
.hlist .toctitle {
display: none;
}
.mf-mobile-only {
display: none;
}
/* BEGIN styles for pagebanner extension */
.oo-ui-icon-unesco {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b1/WorldHeritageBlanc.svg');
}
.oo-ui-icon-star {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/e/e7/Cscr-featured.svg');
}
.oo-ui-icon-ftt {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Writing_Circle.svg/25px-Writing_Circle.svg.png');
}
.oo-ui-icon-dotm {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Yes_Check_Circle.svg/25px-Yes_Check_Circle.svg.png');
}
.oo-ui-icon-otbp {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Yes_Check_Circle.svg/25px-Yes_Check_Circle.svg.png');
}
.ext-wpb-pagebanner li.toclevel-1 {
padding: 0 0 0 0.4em;
}
.ext-wpb-pagebanner li.toclevel-1 > a:after {
content: " ·";
font-weight: bold;
padding: 0 0 0 0.1em;
}
.ext-wpb-pagebanner li.toclevel-1:last-child > a:after {
content: none;
}
.ext-wpb-pagebanner h1.wpb-name {
font-family: sans-serif;
border-bottom: none;
}
.ext-wpb-pagebanner {
clear: both;
}
.wpb-banner-toc .toctext { display: inline; }
/* END styles for pagebanner extension */
/* Prevent display of subheadings in horizontal ToC */
.hlist #toc .toclevel-1 > ul, /*BUG: Chrome + toctree-tog-expand*/
.hlist #toc .toclevel-2,
.hlist #toc .toclevel-3,
.hlist #toc .toclevel-4,
.hlist #toc .toclevel-5,
.hlist #toc .toclevel-6 {
display: none !important;
}
.hlist .toggleNode {
display: none;
}
/* style info for icon box in the top right corner of the banner */
.iconbox {
position: absolute;
top: 6px;
right: 0;
padding: 3px;
z-index: 3;
background: rgb(16,16,16);
background: rgba(0,0,0,0.7);
border-bottom-left-radius: 5px;
}
/* Infobox templates */
.infobox {
border: 1px solid #aaa;
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: middle;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0 solid #aaa;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.archive-box {
border: 1px solid #aaf;
background-color: #f2f2f9;
color: #000;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: center;
}
/* CSS for black text external links / blue text on hover */
body.ns-0 a.external,
body.ns-0 a.external:visited,
body.page-Wikivoyage_External_links a.external,
body.page-Wikivoyage_External_links a.external:visited,
body.page-Wikivoyage_talk_External_links a.external,
body.page-Wikivoyage_talk_External_links a.external:visited,
body.page-Wikivoyage_Listings a.external,
body.page-Wikivoyage_Listings a.external:visited,
body.page-Wikivoyage_talk_Listings a.external,
body.page-Wikivoyage_talk_Listings a.external:visited,
body.page-Wikivoyage_talk_Attraction_listings a.external,
body.page-Wikivoyage_talk_Attraction_listings a.external:visited,
body.page-Wikivoyage_talk_Activity_listings a.external,
body.page-Wikivoyage_talk_Activity_listings a.external:visited,
body.page-Wikivoyage_talk_Restaurant_listings a.external,
body.page-Wikivoyage_talk_Restaurant_listings a.external:visited,
body.page-Wikivoyage_talk_Bar_listings a.external,
body.page-Wikivoyage_talk_Bar_listings a.external:visited,
body.page-Wikivoyage_talk_Shopping_listings a.external,
body.page-Wikivoyage_talk_Shopping_listings a.external:visited,
body.page-Wikivoyage_talk_Accommodation_listings a.external,
body.page-Wikivoyage_talk_Accommodation_listings a.external:visited,
body.page-Wikivoyage_Don_t_tout a.external,
body.page-Wikivoyage_Don_t_tout a.external:visited
{
color: black;
}
body.ns-0 a.external:hover,
body.ns-0 a.external:focus,
body.page-Wikivoyage_External_links a.external:hover,
body.page-Wikivoyage_External_links a.external:focus,
body.page-Wikivoyage_talk_External_links a.external:hover,
body.page-Wikivoyage_talk_External_links a.external:focus,
body.page-Wikivoyage_Listings a.external:hover,
body.page-Wikivoyage_Listings a.external:focus,
body.page-Wikivoyage_talk_Listings a.external:hover,
body.page-Wikivoyage_talk_Listings a.external:focus,
body.page-Wikivoyage_talk_Attraction_listings a.external:hover,
body.page-Wikivoyage_talk_Attraction_listings a.external:focus,
body.page-Wikivoyage_talk_Activity_listings a.external:hover,
body.page-Wikivoyage_talk_Activity_listings a.external:focus,
body.page-Wikivoyage_talk_Shopping_listings a.external:hover,
body.page-Wikivoyage_talk_Shopping_listings a.external:focus,
body.page-Wikivoyage_talk_Restaurant_listings a.external:hover,
body.page-Wikivoyage_talk_Restaurant_listings a.external:focus,
body.page-Wikivoyage_talk_Bar_listings a.external:hover,
body.page-Wikivoyage_talk_Bar_listings a.external:focus,
body.page-Wikivoyage_talk_Accommodation_listings a.external:hover,
body.page-Wikivoyage_talk_Accommodation_listings a.external:focus,
body.page-Wikivoyage_Don_t_tout a.external:hover,
body.page-Wikivoyage_Don_t_tout a.external:focus
{
color: #0645ad;
}
/* Don't display stuff on Main Page *//*
body.page-User_Nicholasjf21_MainPage2 div#content {padding: 0px;}
body.page-User_Nicholasjf21_MainPage2 #deleteconfirm,
body.page-User_Nicholasjf21_MainPage2 #mw-head-base,
body.page-User_Nicholasjf21_MainPage2 #mw-page-base,
body.page-User_Nicholasjf21_MainPage2 #mw-body,
body.page-User_Nicholasjf21_MainPage2 #t-cite,
body.page-User_Nicholasjf21_MainPage2 #footer-info-lastmod,
body.page-User_Nicholasjf21_MainPage2 #ca-nstab,
body.page-User_Nicholasjf21_MainPage2 #p-cactions,
body.page-User_Nicholasjf21_MainPage2 #p-views,
body.page-User_Nicholasjf21_MainPage2 #p-namespaces,
body.page-User_Nicholasjf21_MainPage2 #ca-unwatch,
body.page-User_Nicholasjf21_MainPage2 #ca-edit,
body.page-User_Nicholasjf21_MainPage2 #ca-delete,
body.page-User_Nicholasjf21_MainPage2 #ca-protect,
body.page-User_Nicholasjf21_MainPage2 #ca-move,
body.page-User_Nicholasjf21_MainPage2 #ca-view,
body.page-User_Nicholasjf21_MainPage2 #ca-history,
body.page-User_Nicholasjf21_MainPage2 #ca-talk,
body.page-User_Nicholasjf21_MainPage2 #searchform,
body.page-User_Nicholasjf21_MainPage2 #ca-nstab-user,
body.page-User_Nicholasjf21_MainPage2 #siteNotice,
body.page-User_Nicholasjf21_MainPage2.action-view #siteSub,
body.page-User_Nicholasjf21_MainPage2.action-view #contentSub,
body.page-User_Nicholasjf21_MainPage2.action-view h1.firstHeading {
display: none !important;
}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 *//* }
.page-User_Nicholasjf21_MainPage2
#p-personal {
margin-top: -0.5em;
}*/
/*Carousel*/
.carousel{
overflow:hidden;
width:100%;
padding:0
}
.caroufredsel_wrapper {margin: 0px !important;}
.panes{
list-style:none;
position:relative;
padding: 0;
margin-left: 0;
width:300%; /* Number of panes * 100% */
overflow:hidden; /* This is used solely to clear floats, it does not add functionality. */
}
.carousel .floatright {
position: absolute;
z-index: 1000;
right: 0px;
top: 50%
}
.carousel .floatleft {
position: absolute;
z-index: 1000;
top: 50%;
margin-left: 20px;
}
.panes > li{
position:relative;
float:left;
padding: 0;
margin-left: 0;
width:33.333333333333333333333333333333333%; /* 100 / number of panes */
}
.carousel img{
display:block;
width:100%;
max-width:100%;
}
.carousel h2{
font-size:1em;
padding: 8px 7px;
position:absolute;
border:0px;
top:5em;
text-align:left;
max-width: 300px;
color:#fff;
background-color:rgba(0,0,0,0.5);
}
@keyframes carousel{
0% { left:-1.7%; }
15% { left:-1.7%; }
25% { left:-101.7%; }
40% { left:-101.7%; }
50% { left:-201.7%; }
65% { left:-201.7%; }
75% { left:-101.7%; }
90% { left:-101.7%; }
100% { left:-1.7%; }
}
/* Safari and Chrome */
@-webkit-keyframes carousel{
0% { left:-1.7%; }
12.5% { left:-1.7%; }
25% { left:-101.7%; }
37.5% { left:-101.7%; }
50% { left:-201.7%; }
62.5% { left:-201.7%; }
75% { left:-101.7%; }
87.5% { left:-101.7%; }
100% { left:-1.7%; }
}
/* Fade in arrows */
.greydout {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.greydout:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=50);
opacity: 1;
}
/* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */
#content span.coordinates a.external.text:after, #content span.coordinates a.external.autonumber:after { content: ""; }
#content div.coordinates a.external.text:after, #content div.coordinates a.external.autonumber:after { content: ""; }
#shortcut { display: none; }
.skin-vector #shortcut {
display: inline;
position: absolute;
z-index: 1;
border: none;
background: none;
right: 12px;
top: .3em;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 90%;
text-transform: none;
white-space: normal;
}
.skin-monobook #shortcut {
display: inline;
position: absolute;
z-index: 1;
border: none;
background: none;
right: 12px;
top: .3em;
float: right;
margin: 0;
padding: 0;
line-height: 1.5em;
text-align: right;
text-indent: 0;
font-size: 90%;
text-transform: none;
white-space: normal;
}
/* For positioning icons at top-right, used in Templates with protection locks */
.skin-vector div.topicon {
position: absolute;
top: -3em;
margin-right: -10px;
display: block;
}
.skin-monobook div.topicon {
position: absolute;
z-index: 10;
top: 10px;
display: block !important;
}
.jcarousel {
position: relative;
overflow: hidden;
}
.jcarousel-wrapper {
max-width: 1125px;
margin: 0;
position: relative;
}
.jcarousel .jcarousel-list {
width: 20000em;
position: relative;
margin: 0;
padding: 0;
}
.jcarousel .jcarousel-item {
float: left;
}
.jcarousel-item img {
display: block;
max-width: 100%;
height: auto !important;
}
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 45%;
width: 30px;
height: 30px;
text-align: center;
background: #fff;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
left: -15px;
}
.jcarousel-control-next {
right: -15px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
opacity: .5;
cursor: default;
}
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 15px;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
line-height: 14px;
min-width: 14px;
background: #fff;
color: #4E443C;
border-radius: 14px;
padding: 3px;
text-align: center;
margin-right: 2px;
opacity: .75;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
/* END Main Page carousel code */
/* BEGIN Test code for demonstrating different opacity for carousels / page banners */
body.page-User_Wrh2_Sandbox .opacity4 .banner-box {
background: rgba(0,0,0,0.4);
}
body.page-User_Wrh2_Sandbox .opacity3 .banner-box {
background: rgba(0,0,0,0.3);
}
body.page-User_Wrh2_Sandbox .opacity2 .banner-box {
background: rgba(0,0,0,0.2);
}
/* END Test code for demonstrating different opacity for carousels / page banners */
#mw-content-text:lang(zh-Hans) .zhwiki-lang-zh-hant,
#mw-content-text:lang(zh-CN) .zhwiki-lang-zh-hant,
#mw-content-text:lang(zh-MY) .zhwiki-lang-zh-hant,
#mw-content-text:lang(zh-SG) .zhwiki-lang-zh-hant {
display: none;
}
#mw-content-text:lang(zh-Hant) .zhwiki-lang-zh-hans,
#mw-content-text:lang(zh-HK) .zhwiki-lang-zh-hans,
#mw-content-text:lang(zh-MO) .zhwiki-lang-zh-hans,
#mw-content-text:lang(zh-TW) .zhwiki-lang-zh-hans {
display: none;
}
/* BEGIN: Main Page Dotm Banner Margin CSS */
.banner-image {
position: relative;
overflow: hidden;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
width: auto\9;
}
.banner-box-wide {
width: 80%
}
.banner-box-left,
.banner-box-right {
padding: 8px 7px;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
width: 40%;
}
.banner-box-left {
left: 3%;
text-align: left;
}
.banner-box-right {
right: 3%;
text-align: right;
}
.mainpage-shadowbox {
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
color: white;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
}
.mainpage-shadowbox h2 {
font-size: 190%;
}
.mainpage-shadowbox h3 {
font-size: 150%;
padding: 0;
}
/********************
**Styles for mboxes**
********************/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.mbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Article message box styles */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
border-left: 10px solid #36c; /* Default "notice" blue */
background: #f8f9fa;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.mbox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
border-left: 10px solid #36c; /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b32424; /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
border-left: 10px solid #fc3; /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
border-left: 10px solid #a2a9b1; /* Gray-gold */
}
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #36c; /* Default "notice" blue */
background: #f8f9fa;
}
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
}
table.imbox-notice {
border: 3px solid #36c; /* Blue */
}
table.imbox-speedy {
border: 3px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.imbox-delete {
border: 3px solid #b32424; /* Red */
}
table.imbox-content {
border: 3px solid #f28500; /* Orange */
}
table.imbox-style {
border: 3px solid #fc3; /* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc; /* Purple */
}
table.imbox-protection {
border: 3px solid #a2a9b1; /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
background: #f7f8ff; /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
}
/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1;
background: #eaf3ff; /* Default "notice" blue */
}
table.cmbox-notice {
background: #eaf3ff; /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.cmbox-delete {
background: #fee7e6; /* Red */
}
table.cmbox-content {
background: #FFE7CE; /* Orange */
}
table.cmbox-style {
background: #FFF9DB; /* Yellow */
}
table.cmbox-move {
background: #E4D8FF; /* Purple */
}
table.cmbox-protection {
background: #EFEFE1; /* Gray-gold */
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1; /* Default "notice" gray */
background: #f8f9fa;
}
table.ombox-notice {
border: 1px solid #a2a9b1; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.ombox-delete {
border: 2px solid #b32424; /* Red */
}
table.ombox-content {
border: 1px solid #f28500; /* Orange */
}
table.ombox-style {
border: 1px solid #fc3; /* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc; /* Purple */
}
table.ombox-protection {
border: 2px solid #a2a9b1; /* Gray-gold */
}
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090; /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
margin: 2px 0; /* class ensures that this declaration overrides other */
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
font-size: 100%; /* set in "mbox-small" above. */
}
table.tmbox-speedy {
border: 2px solid #b32424; /* Red */
background: #fee7e6; /* Pink */
}
table.tmbox-delete {
border: 2px solid #b32424; /* Red */
}
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
}
table.tmbox-style {
border: 2px solid #fc3; /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090; /* Gray-brown */
}
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
font-size: small;
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background: #f8f9fa; /* Default "system" gray */
}
table.fmbox-system {
background: #f8f9fa;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in
[[MediaWiki:Noarticletext]]. */
div.noarticletext,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0.25em 0.9em;
}
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* CODE FOR COMPACT AMBOX */
/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
.messagebox {
display: inherit; /* 臨時抑制 https://phabricator.wikimedia.org/T232553 及 https://gerrit.wikimedia.org/r/535738 的修改 */
}
/* 公告樣式用於[[Template:Coverpage:Ticker]], [[Template:Coverpage:Ticker/Core]] 和[[Template:Coverpage:Ticker/Data]] */
.ticker-container {
height: 36px;
overflow: hidden;
border:1px solid #cccccc;
border-left:none;
border-radius:0 3px 3px 0;
}
.ticker-text {
height: 150%;
white-space:nowrap;
display:inline-block;
}
.inicio-ticker {
text-align: center;
float: left;
font-size: 100%;
color: black;
background: #cccccc;
padding: 3px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px 0 0 3px;
height: 32px;
display:table;
}
.inicio-ticker b {
display: table-cell;
vertical-align: middle;
}