Difference between revisions of "MediaWiki: Common.css"
From Chuang Lab
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | * Remove when https://phabricator.wikimedia.org/T113642 fixed */ | ||
+ | .client-js #contentSub { display: none; } | ||
+ | .client-js .mw-special-Contributions #contentSub { display: block; } | ||
+ | .client-js .ext-wpb-pagebanner { padding-top: 1em; } | ||
+ | .client-js #contentSub.visible { font-size: 0.875em; margin: 0; display: block; } | ||
+ | .client-js .ext-wpb-pagebanner.bugfix-T113642 { padding-top: 0; } | ||
+ | /* end https://phabricator.wikimedia.org/T113642 */ | ||
+ | |||
+ | /*** styles and counter for mapping listings ***/ | ||
+ | @media screen { | ||
+ | .printonly { display:none !important; } | ||
+ | } | ||
+ | |||
+ | @media screen, print { | ||
+ | span.listing-map { | ||
+ | color: white; | ||
+ | font-size: 0.85em; | ||
+ | font-family: Arial,Verdana,sans-serif; | ||
+ | padding: 0pt 0.1em 0pt 0.35em; | ||
+ | -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 { counter-reset: generalnumber; } | ||
+ | span.listing-map.listing-general:before { | ||
+ | content: counter(generalnumber); | ||
+ | counter-increment: generalnumber; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Hide sitenotice on Main Page */ | ||
+ | body.page-Main_Page #siteNotice { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | /* Don't display some stuff on Main Page */ | ||
+ | body.page-Main_Page #deleteconfirm, | ||
+ | body.page-Main_Page #t-cite, | ||
+ | body.page-Main_Page #footer-info-lastmod, | ||
+ | body.page-Main_Page.action-view #siteSub, | ||
+ | body.page-Main_Page.action-view #contentSub, | ||
+ | body.page-Main_Page.action-view h1.firstHeading { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* Styling for Abuse Filter tags */ | ||
+ | .mw-tag-markers { | ||
+ | font-family:sans-serif; | ||
+ | font-style:italic; | ||
+ | font-size:90%; | ||
+ | } | ||
+ | |||
+ | /* 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 */ | ||
+ | |||
+ | .main-page-bottom-box { | ||
+ | padding: 0.7em 1em 1em 1em; | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | |||
+ | .main-page-bottom-box h3 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* Coding for new Main Page END */ | ||
+ | /* Hide title on Main Page */ | ||
+ | body.page-Main_Page h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Travellers' pub TOC, widen */ | ||
+ | body.page-Wikivoyage_Travellers_pub div#toctitle { | ||
+ | width:30em; | ||
+ | } | ||
+ | |||
+ | #mobileworld img { | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | width: auto\9; /* ie8 */ | ||
+ | } | ||
+ | |||
+ | /* BEGIN: Main Page 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-map { | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | height: auto; | ||
+ | margin-bottom: .6em; | ||
+ | max-width: 1125px; | ||
+ | } | ||
+ | #mainpage-maptext { | ||
+ | position: absolute; | ||
+ | top: 1.5em; | ||
+ | left: 1em; | ||
+ | z-index: 2; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | padding: 0.5em 0.5em 0 0.5em; | ||
+ | } | ||
+ | #mainpage-tagline { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #mainpage-searchinput { | ||
+ | padding:0.5em 0 0.7em; | ||
+ | } | ||
+ | #mainpage-searchinput label { | ||
+ | font-size: 85%; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | #mainpage-searchinput input[type="text"] { | ||
+ | margin-right: 0.5em; | ||
+ | } | ||
+ | #mainpage-maplinks { | ||
+ | position:absolute; | ||
+ | bottom: 0; | ||
+ | left: 1em; | ||
+ | color: white; | ||
+ | padding:0 0.5em; | ||
+ | } | ||
+ | .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; | ||
+ | } | ||
+ | #mainpage-maplinks a, .mainpage-shadowbox a { | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .banner-box-2 { | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | margin-top: 2em; | ||
+ | min-width: 20em; | ||
+ | } | ||
+ | .banner-box-2 .quote { | ||
+ | font-size: 80%; | ||
+ | line-height: 1.2em; | ||
+ | } | ||
+ | /* END: Main Page CSS */ | ||
+ | |||
+ | /* DEMO: for Main_Page/Sandbox */ | ||
+ | body.page-Main_Page_Sandbox #deleteconfirm, | ||
+ | body.page-Main_Page_Sandbox #t-cite, | ||
+ | body.page-Main_Page_Sandbox #footer-info-lastmod, | ||
+ | body.page-Main_Page_Sandbox.action-view #siteSub, | ||
+ | body.page-Main_Page_Sandbox.action-view #contentSub, | ||
+ | body.page-Main_Page_Sandbox.action-view h1.firstHeading { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | .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, .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 */ | ||
+ | |||
+ | /* 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 #content a.external, | ||
+ | body.ns-0 #content a.external:visited, | ||
+ | body.page-Wikivoyage_External_links #content a.external, | ||
+ | body.page-Wikivoyage_External_links #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_External_links #content a.external, | ||
+ | body.page-Wikivoyage_talk_External_links #content a.external:visited, | ||
+ | body.page-Wikivoyage_Listings #content a.external, | ||
+ | body.page-Wikivoyage_Listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Attraction_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Attraction_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Activity_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Activity_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Restaurant_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Restaurant_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Bar_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Bar_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Shopping_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Shopping_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_talk_Accommodation_listings #content a.external, | ||
+ | body.page-Wikivoyage_talk_Accommodation_listings #content a.external:visited, | ||
+ | body.page-Wikivoyage_Don_t_tout #content a.external, | ||
+ | body.page-Wikivoyage_Don_t_tout #content a.external:visited | ||
+ | { | ||
+ | color: #252525; | ||
+ | } | ||
+ | body.ns-0 #content a.external:hover, | ||
+ | body.ns-0 #content a.external:focus, | ||
+ | body.page-Wikivoyage_External_links #content a.external:hover, | ||
+ | body.page-Wikivoyage_External_links #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_External_links #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_External_links #content a.external:focus, | ||
+ | body.page-Wikivoyage_Listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_Listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Attraction_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Attraction_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Activity_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Activity_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Shopping_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Shopping_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Restaurant_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Restaurant_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Bar_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Bar_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_talk_Accommodation_listings #content a.external:hover, | ||
+ | body.page-Wikivoyage_talk_Accommodation_listings #content a.external:focus, | ||
+ | body.page-Wikivoyage_Don_t_tout #content a.external:hover, | ||
+ | body.page-Wikivoyage_Don_t_tout #content a.external:focus | ||
+ | { | ||
+ | color: #0645ad; | ||
+ | } | ||
+ | |||
+ | /* BEGIN Map caption - used with MapExpander JS */ | ||
+ | .map-expand-link { | ||
+ | float: right; | ||
+ | margin-left: 1.5em; | ||
+ | } | ||
+ | |||
+ | /* BEGIN Template:Listing CSS */ | ||
+ | .listing-metadata { | ||
+ | font-size: 0.8em; | ||
+ | } | ||
+ | /* this style should match span.vcard-edit-button a */ | ||
+ | .listing-lastedit { | ||
+ | color: rgb(150,150,150); | ||
+ | } | ||
+ | /* END Template:Listing CSS */ | ||
+ | |||
+ | /* BEGIN: style used on the Destinations page */ | ||
+ | .rounded-blue-section-heading { | ||
+ | background-color: #cedff2; | ||
+ | border-radius: 15px; | ||
+ | clear:both; | ||
+ | color: black; | ||
+ | font-weight: bold; | ||
+ | margin: 0 8% 1em; | ||
+ | padding: .5em 1em; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | /* END: style used on the Destinations page */ | ||
+ | |||
+ | /* BEGIN: styles used with Template:Sleeppricerange and Template:Eatpricerange */ | ||
+ | .pricerange-table { | ||
+ | border: 1px solid #ccc; | ||
+ | border-spacing: 0; | ||
+ | background: #f9f9f9; | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | width: 30%; | ||
+ | padding: 8px; | ||
+ | } | ||
+ | .pricerange-table td { | ||
+ | padding: 0; | ||
+ | } | ||
+ | /* END: styles used with Template:Sleeppricerange and Template:Eatpricerange */ | ||
+ | |||
+ | /* CSS for article status templates, eg Usablecity, Guidepark */ | ||
+ | .article-status { | ||
+ | width: 60%; | ||
+ | background: #fff; | ||
+ | margin: 0 auto; | ||
+ | border: solid 2px lightblue; | ||
+ | text-align: center; | ||
+ | font-size:90%; | ||
+ | font-style:italic; | ||
+ | } | ||
+ | |||
+ | /* CSS for Template:Routebox */ | ||
+ | .routeBox { | ||
+ | font-size: small; | ||
+ | border-style: none; | ||
+ | border-spacing: 0 0; | ||
+ | border-collapse: collapse; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .routeBox td { | ||
+ | padding: 1px 2px; | ||
+ | } | ||
+ | |||
+ | /* BEGIN: CSS for Template:Climate */ | ||
+ | table.climate-table { | ||
+ | width: 30em; | ||
+ | margin: 1em; | ||
+ | padding: 0.5em; | ||
+ | text-align: center; | ||
+ | font-size: 80%; | ||
+ | border: 1px solid #9EBDC7; | ||
+ | box-shadow: 2px 2px 5px #9EBDC7; | ||
+ | border-radius: 3px; | ||
+ | background: #f3f3ff; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | table.climate-table th { | ||
+ | background: #CEE0E7; | ||
+ | } | ||
+ | /* END: CSS for Template:Climate */ | ||
+ | |||
+ | /* BEGIN: CSS for Template:Dead link (display managed via the ErrorHighlighter gadget) */ | ||
+ | .error-deadlink { | ||
+ | color: red; | ||
+ | background: yellow; | ||
+ | display: none; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | /* END: CSS for Template:Dead link */ | ||
+ | |||
+ | #mw-indicator-GPX { display: none; } | ||
+ | |||
+ | /* BEGIN: User:Wrh2/Sandbox test */ | ||
+ | .page-User_Wrh2_Sandbox .ext-wpb-pagebanner .wpb-topbanner .wpb-name { | ||
+ | width: 35%; | ||
+ | font-size: 2.5vw; | ||
+ | } | ||
+ | @media screen and (min-width: 768px) { | ||
+ | .page-User_Wrh2_Sandbox .wpb-banner-toc { | ||
+ | padding: 0.1vw 1vw; | ||
+ | } | ||
+ | } | ||
+ | /* END: User:Wrh2/Sandbox test */ | ||
+ | |||
+ | /* Additional Kartographer styles */ | ||
+ | |||
+ | .mw-kartographer-container.thumb:not(.mw-kartographer-full) .thumbinner > .mw-kartographer-map { | ||
+ | border: 1px solid #ccc; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .wv-staticMap { | ||
+ | position: relative; | ||
+ | left: -3px; | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | /* Fix problem with banner overlay */ | ||
+ | div.toctitle {display:none;} |
Revision as of 07:27, 18 May 2018
/* CSS placed here will be applied to all skins */ * Remove when https://phabricator.wikimedia.org/T113642 fixed */ .client-js #contentSub { display: none; } .client-js .mw-special-Contributions #contentSub { display: block; } .client-js .ext-wpb-pagebanner { padding-top: 1em; } .client-js #contentSub.visible { font-size: 0.875em; margin: 0; display: block; } .client-js .ext-wpb-pagebanner.bugfix-T113642 { padding-top: 0; } /* end https://phabricator.wikimedia.org/T113642 */ /*** styles and counter for mapping listings ***/ @media screen { .printonly { display:none !important; } } @media screen, print { span.listing-map { color: white; font-size: 0.85em; font-family: Arial,Verdana,sans-serif; padding: 0pt 0.1em 0pt 0.35em; -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 { counter-reset: generalnumber; } span.listing-map.listing-general:before { content: counter(generalnumber); counter-increment: generalnumber; } } /* Hide sitenotice on Main Page */ body.page-Main_Page #siteNotice { display:none; } /* Don't display some stuff on Main Page */ body.page-Main_Page #deleteconfirm, body.page-Main_Page #t-cite, body.page-Main_Page #footer-info-lastmod, body.page-Main_Page.action-view #siteSub, body.page-Main_Page.action-view #contentSub, body.page-Main_Page.action-view h1.firstHeading { display: none !important; } /* Styling for Abuse Filter tags */ .mw-tag-markers { font-family:sans-serif; font-style:italic; font-size:90%; } /* 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 */ .main-page-bottom-box { padding: 0.7em 1em 1em 1em; vertical-align:top; } .main-page-bottom-box h3 { margin: 0; padding: 0; } /* Coding for new Main Page END */ /* Hide title on Main Page */ body.page-Main_Page h1.firstHeading { display: none; } /* Travellers' pub TOC, widen */ body.page-Wikivoyage_Travellers_pub div#toctitle { width:30em; } #mobileworld img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* BEGIN: Main Page 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-map { position: relative; overflow: hidden; height: auto; margin-bottom: .6em; max-width: 1125px; } #mainpage-maptext { position: absolute; top: 1.5em; left: 1em; z-index: 2; text-align: center; white-space: nowrap; padding: 0.5em 0.5em 0 0.5em; } #mainpage-tagline { margin: 0; } #mainpage-searchinput { padding:0.5em 0 0.7em; } #mainpage-searchinput label { font-size: 85%; font-style: italic; } #mainpage-searchinput input[type="text"] { margin-right: 0.5em; } #mainpage-maplinks { position:absolute; bottom: 0; left: 1em; color: white; padding:0 0.5em; } .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; } #mainpage-maplinks a, .mainpage-shadowbox a { color: white; font-weight: bold; } .banner-box-2 { position: absolute; z-index: 2; margin-top: 2em; min-width: 20em; } .banner-box-2 .quote { font-size: 80%; line-height: 1.2em; } /* END: Main Page CSS */ /* DEMO: for Main_Page/Sandbox */ body.page-Main_Page_Sandbox #deleteconfirm, body.page-Main_Page_Sandbox #t-cite, body.page-Main_Page_Sandbox #footer-info-lastmod, body.page-Main_Page_Sandbox.action-view #siteSub, body.page-Main_Page_Sandbox.action-view #contentSub, body.page-Main_Page_Sandbox.action-view h1.firstHeading { display: none !important; } #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; } .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, .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 */ /* 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 #content a.external, body.ns-0 #content a.external:visited, body.page-Wikivoyage_External_links #content a.external, body.page-Wikivoyage_External_links #content a.external:visited, body.page-Wikivoyage_talk_External_links #content a.external, body.page-Wikivoyage_talk_External_links #content a.external:visited, body.page-Wikivoyage_Listings #content a.external, body.page-Wikivoyage_Listings #content a.external:visited, body.page-Wikivoyage_talk_Listings #content a.external, body.page-Wikivoyage_talk_Listings #content a.external:visited, body.page-Wikivoyage_talk_Attraction_listings #content a.external, body.page-Wikivoyage_talk_Attraction_listings #content a.external:visited, body.page-Wikivoyage_talk_Activity_listings #content a.external, body.page-Wikivoyage_talk_Activity_listings #content a.external:visited, body.page-Wikivoyage_talk_Restaurant_listings #content a.external, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:visited, body.page-Wikivoyage_talk_Bar_listings #content a.external, body.page-Wikivoyage_talk_Bar_listings #content a.external:visited, body.page-Wikivoyage_talk_Shopping_listings #content a.external, body.page-Wikivoyage_talk_Shopping_listings #content a.external:visited, body.page-Wikivoyage_talk_Accommodation_listings #content a.external, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:visited, body.page-Wikivoyage_Don_t_tout #content a.external, body.page-Wikivoyage_Don_t_tout #content a.external:visited { color: #252525; } body.ns-0 #content a.external:hover, body.ns-0 #content a.external:focus, body.page-Wikivoyage_External_links #content a.external:hover, body.page-Wikivoyage_External_links #content a.external:focus, body.page-Wikivoyage_talk_External_links #content a.external:hover, body.page-Wikivoyage_talk_External_links #content a.external:focus, body.page-Wikivoyage_Listings #content a.external:hover, body.page-Wikivoyage_Listings #content a.external:focus, body.page-Wikivoyage_talk_Listings #content a.external:hover, body.page-Wikivoyage_talk_Listings #content a.external:focus, body.page-Wikivoyage_talk_Attraction_listings #content a.external:hover, body.page-Wikivoyage_talk_Attraction_listings #content a.external:focus, body.page-Wikivoyage_talk_Activity_listings #content a.external:hover, body.page-Wikivoyage_talk_Activity_listings #content a.external:focus, body.page-Wikivoyage_talk_Shopping_listings #content a.external:hover, body.page-Wikivoyage_talk_Shopping_listings #content a.external:focus, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:hover, body.page-Wikivoyage_talk_Restaurant_listings #content a.external:focus, body.page-Wikivoyage_talk_Bar_listings #content a.external:hover, body.page-Wikivoyage_talk_Bar_listings #content a.external:focus, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:hover, body.page-Wikivoyage_talk_Accommodation_listings #content a.external:focus, body.page-Wikivoyage_Don_t_tout #content a.external:hover, body.page-Wikivoyage_Don_t_tout #content a.external:focus { color: #0645ad; } /* BEGIN Map caption - used with MapExpander JS */ .map-expand-link { float: right; margin-left: 1.5em; } /* BEGIN Template:Listing CSS */ .listing-metadata { font-size: 0.8em; } /* this style should match span.vcard-edit-button a */ .listing-lastedit { color: rgb(150,150,150); } /* END Template:Listing CSS */ /* BEGIN: style used on the Destinations page */ .rounded-blue-section-heading { background-color: #cedff2; border-radius: 15px; clear:both; color: black; font-weight: bold; margin: 0 8% 1em; padding: .5em 1em; text-align: center; vertical-align: middle; } /* END: style used on the Destinations page */ /* BEGIN: styles used with Template:Sleeppricerange and Template:Eatpricerange */ .pricerange-table { border: 1px solid #ccc; border-spacing: 0; background: #f9f9f9; float: right; clear: right; margin: 0.5em 0 0.5em 1em; width: 30%; padding: 8px; } .pricerange-table td { padding: 0; } /* END: styles used with Template:Sleeppricerange and Template:Eatpricerange */ /* CSS for article status templates, eg Usablecity, Guidepark */ .article-status { width: 60%; background: #fff; margin: 0 auto; border: solid 2px lightblue; text-align: center; font-size:90%; font-style:italic; } /* CSS for Template:Routebox */ .routeBox { font-size: small; border-style: none; border-spacing: 0 0; border-collapse: collapse; margin: 0 auto; } .routeBox td { padding: 1px 2px; } /* BEGIN: CSS for Template:Climate */ table.climate-table { width: 30em; margin: 1em; padding: 0.5em; text-align: center; font-size: 80%; border: 1px solid #9EBDC7; box-shadow: 2px 2px 5px #9EBDC7; border-radius: 3px; background: #f3f3ff; white-space:nowrap; } table.climate-table th { background: #CEE0E7; } /* END: CSS for Template:Climate */ /* BEGIN: CSS for Template:Dead link (display managed via the ErrorHighlighter gadget) */ .error-deadlink { color: red; background: yellow; display: none; white-space: nowrap; } /* END: CSS for Template:Dead link */ #mw-indicator-GPX { display: none; } /* BEGIN: User:Wrh2/Sandbox test */ .page-User_Wrh2_Sandbox .ext-wpb-pagebanner .wpb-topbanner .wpb-name { width: 35%; font-size: 2.5vw; } @media screen and (min-width: 768px) { .page-User_Wrh2_Sandbox .wpb-banner-toc { padding: 0.1vw 1vw; } } /* END: User:Wrh2/Sandbox test */ /* Additional Kartographer styles */ .mw-kartographer-container.thumb:not(.mw-kartographer-full) .thumbinner > .mw-kartographer-map { border: 1px solid #ccc; box-sizing: border-box; } .wv-staticMap { position: relative; left: -3px; margin-top: 3px; } /* Fix problem with banner overlay */ div.toctitle {display:none;}