User:Yuriy kosygin/MediaWiki:Common.css

来自维基导游

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

  • Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
  • Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
  • Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
  • Opera：按 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 */
body.page-首页 #deleteconfirm,
body.page-首页 #t-cite,
body.page-首页 #footer-info-lastmod,
body.page-首页.action-view #siteSub,
body.page-首页.action-view #contentSub,
body.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 */
/* Hide title on Main Page */
body.page-首页 h1.firstHeading {
  display: none;
}
 
/* 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;
}
 
/* FIX TOP NAVIGATION */
#p-logo a:lang(zh-hant),
#p-logo a:lang(zh-hk),
#p-logo a:lang(zh-mo),
#p-logo a:lang(zh-tw) {
    background-image: url(//upload.wikimedia.org/wikipedia/commons/d/d9/Wikivoyage-Logo-v3-zh-hant.png) !important;
}
 
/* 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;
}

.myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

.myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
取自“https://zh.wikivoyage.org/w/index.php?title=User:Yuriy_kosygin/MediaWiki:Common.css&oldid=163321”