MediaWiki:Common.css

/** CSS placed here will be applied to all skins */

/*** 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 { counter-reset: generalnumber; }
    span.listing-map.listing-general:before {
        content: counter(generalnumber);
        counter-increment: generalnumber;
    }
}

/* Temp fix for related sites/pages headers display */
 
div.portal h5 {
    color: rgb(77, 77, 77);
    font-size: 0.75em;
    font-weight: normal;
    padding-left: 1.5em;
    padding-bottom: 0px;
}

/* hide upload link in toolbox */

.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;
}
 
#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; }

/* Ocultar algumas coisas na página principal */
body.page-Página_principal h1.firstHeading {
	display: none !important;
}

/* Estilos para o [[MediaWiki:Wikimedia-copyrightwarning]], baseados em [[mw:Micro Design Improvements]]
 * @author: [[b:User:Raylton P. Sousa]]
 */

input#wpSave, input#wpPreview, input#wpDiff{
    border:none;
    border-radius:2px;
    padding:0.3em;
    color:#ffffff;
    margin:3px;
}
input#wpSave {
   background-color:#2f5896;
}
input#wpPreview, input#wpDiff {
   background-color:#575859;
}
 
div.editOptions{
    color:#303030;
    padding:1em;
    background-color:#E7E8E9;
}
div.editOptions a{
    color:#3767B1;
}
input#wpSummary, div.editOptions, textarea#wpTextbox1{
    border:1px solid #C0C0C0;
}
input#wpSave:hover, input#wpPreview:hover, input#wpDiff:hover{
	box-shadow: 2px 2px 5px #C0C0C0;
}
input#wpSave:hover{
	background-color:#3a6fbd;
}
input#wpSave:active{
    background:#2f5896;
}
input#wpPreview:active, input#wpDiff:active{
    background:#7d7f7f;
}

/* Styles for Pagebanner template */

.topbanner {
    position: relative;
    overflow: hidden;
    max-width: 1800px; 
    height: auto;
}

.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

.topbanner-box {
    position: absolute;
    z-index: 2;
    margin-top: 1.5em;
    color: white;
    width: 50%;
    min-width: 20em;
    left: 2%;
    text-align: left;
}

.topbanner .name {
    position: absolute; 
    z-index: 2; 
    margin: 0.6em 0 0 0.4em; 
    padding: 8px 7px; 
    font-size: 2.2em; 
    background: rgb(16,16,16); 
    background: rgba(0,0,0,0.5); 
    border-radius: 4px; 
    color: white;
    white-space: nowrap;
    line-height: 0.9em;
}

/* 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; 
}

.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.8em;
    font-weight: bold;
}

/* ... except when the ToC box is black ... */
.hlist.tocbox-b #toc a {
    color: white;
    font-size: 0.8em;
    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;
}
/* test CSS for new external link styles */
body.page-Wikivoyage_talk_External_links a.external, body.page-Wikivoyage_talk_External_links a.external:visited {
    color: black;
}
body.page-Wikivoyage_talk_External_links a.external:hover {
    color: #0645ad;
}

/* Prevent display of subheadings in horizontal ToC */
.hlist #toc .toclevel-2,
.hlist #toc .toclevel-3,
.hlist #toc .toclevel-4,
.hlist #toc .toclevel-5,
.hlist #toc .toclevel-6 {
    display: none;
}

.hlist .toggleNode {
    display: none;
}

/* display links as black text except when hovered or active */
div#content a.external, div#content a.external:visited {
    color: black;
}
div#content a.external:hover, div#content a.external:focus {
    color: #0645ad;
}

.toctext {display: inline;}
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin-bottom: 0.5em;
   margin-left: 1em; 
   padding: .2em;
   float: right;
   clear: right;
}