MediaWiki:Common.css

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

/* Kenntlichmachung transparenter Hintergruende */ background: repeat url("http://www.wikivoyage.org/w/shared/images/5/5d/Checker-16x16.png"); }
 * 1) file img, .gallerybox .thumb img {

@media print { .panorama, .noprint, #socialbm, #contentSub { display: none; }

font-weight: normal; }
 * 1) content a.external.text:after, #content a.external.autonumber:after {

}
 * 1) credits br { display: none; }

/* Auslagerung von Stil-Vorlagen zur Performance-Steigerung */

vertical-align: baseline; }
 * 1) contentSub img {

.prettytable { border: 1px solid #6cc8f3; border-collapse: collapse; empty-cells: show; margin: 1em 0; background: transparent; border-spacing: 0 0; } .prettytable td, .prettytable th { border: 1px solid #6cc8f3; padding: 0.25em; vertical-align: baseline; } .prettytable th { /* hightlighting */ text-align: center; border-bottom: 1px solid #6cc8f3; border-top: 1px solid #6cc8f3; background: #f0f0f0; color: #004f80; } .sortable th { /* ab Version 1.9 */ text-align: left; } .verticalCentered td, .verticalCentered th { vertical-align: middle; } .textCentered td, .textCentered th { text-align: center; } .framedBox { margin: 1em 0; padding: 0.5em; border: 1px solid #6cc8f3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; } .galleryTable { clear: right; float: right; margin: 0 0 1em 1em; vertical-align: top; border-collapse: collapse; background: #fff; border-spacing: 0 0; } .noFloat { clear: both; float: none; margin: 0; } clear: right; } .galleryTable td, .galleryTable th { padding: 0; vertical-align: top; }
 * 1) content .galleryTable {

/* Schriften fuer seltenere Sprachen */

.spanAr { font-size: 1.2em; } .spanCop { font-family: 'Free Serif KoptosMS','Free Serif CoptoMS','New Athena Unicode','MPH 2B Damase'; }

/* Unterdrueckt Ausgabe nachgestellter Links */ content: ""; }
 * 1) content .printNoLink a.external.text:after, #content .printNoLink a.external.autonumber:after {

/* Kenntlichmachung transparenter Hintergruende */ background: repeat url("http://www.wikivoyage.org/w/shared/images/5/5d/Checker-16x16.png"); }
 * 1) file img, .gallerybox .thumb img {

/* Quickbar styles */

border: 1px solid #6cc8f3; margin: 0 0 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } clear: right; float: right; margin: 0 0 1em 1em; width: 300px; } clear: right; float: right; margin: 0 0 1em 1em; } } clear: left; float: left; margin: 0 1em 0 1em; width: 300px; } .qb td { padding: 2px 0.4em; vertical-align: baseline; } .qb th { padding: 2px 0.4em; vertical-align: baseline; text-align: left; font-weight: bold; } text-align: center; color: #004f80; padding: 0.3em 0.35em; font-size: 1.2em; background: #f0f0f0; border-top: 1px solid #c0c0c0; } border-top: none; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; } .qbImage { /* border-top: 1px solid #4D64CF; */ text-align: center; padding: 5px 2px; margin-left: auto; margin-right: auto; } .qbImage div.thumb { border-style: none; margin-bottom: 0; } .qbImage div.thumbinner { border-style: none; padding: 0 !important; background: transparent; margin: 0 auto; } .qbImage div.tright { float: none; margin: 0; } .qb .qbImageCell { padding: 0; } .qbImageCell .qbHeader { border-bottom: none; } .qbEmpty { display: none; } .qbEmpty td { height: 1px; } .breakable { font-size: 7%; line-height: 0.1%; text-decoration: none !important; visibility: hidden; } @media print { font-size: 1em; background: #f0f0f0; border-top: 0.25mm solid #c0c0c0; border-bottom: 0.25mm solid #c0c0c0; } }
 * 1) content .qb {
 * 1) content .qbRight {
 * 1) content .qbRightDiv {
 * 1) content .qbTopBorder {
 * 1) content .qbLeft {
 * 1) content .qb .qbHeader {
 * 1) content .qb tr:first-child .qbHeader {
 * 1) content .qb { border-width: 0.25mm; }
 * 2) content .qb .qbHeader {

/* Weblink-Koordinate */ .koordinate { clear: right; float: right; margin: 0em 0 0.5em 1em; padding: 0.5em; border: solid 1px #999; background-color: #fff; font-size: smaller; display: block; }

/* Multiline tables */ .multiline { border: 1px solid #6cc8f3; background-color: #ffffff; border-collapse: collapse; border-spacing: 0 0; margin: 1em 0; } .multiline th { padding: 0.3em; text-align: left; border-top: 1px solid #c0c0c0; background-color: #f0f0f0; vertical-align: baseline; color: #004f80; } .multiline tr:first-child th { border-top: none; } .multiline td { padding: 0.3em; vertical-align: baseline; } .multiline tr.even td { background-color: #F8f8f8; } .multiline tr.odd td { background-color: #ffffff; } .infobox { width:40%; clear: right; float: right; margin: 0.5em 0 0.7em 1em; padding: 0; /* background: #f3f3ff; border: 1px solid #222244; */ background: #ffffff; border: 1px solid #6cc8f3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .infobox .content { padding: 0 0.5em 0.5em; }

/* Styles for Geo template */ display: none; } border-collapse: collapse; background: transparent; } font-size: 0.9em; line-height: 100%; vertical-align: middle; padding: 0 0 0 10px; text-align: right; border-left: 1px solid #88a; } border-left: none; height: 27px; width: 35px; padding: 0 10px 0 0; }
 * 1) geoCoordOld {
 * 1) geoCoord table, #geoCoordOld table {
 * 1) geoCoord td, #geoCoordOld td {
 * 1) geoCoord td.icon, #geoCoordOld td.icon {

background: transparent; padding: 0; height: 27px; vertical-align: middle; }
 * 1) DoM {

/* Styles for disambiguation hints (disamb template) */ .otherLocations { background: #f0f0f0; border-bottom: 1px solid #888; padding: 0; margin: 1em 0; } .otherLocations table { background: #f0f0f0; border-collapse: collapse; margin: 0; } .otherLocations td { padding: 0.5em 1em; }

/* Styles for Babel templates */ .usr-lng .usr-code {background: #6ef7a7;}
 * 1) content .usr-lng {width: 238px; background: #c5fcdc; border: solid #6EF7A7 1px; margin: 0 3px 3px;}

.usr-lng-0 .usr-code {background: #FFB3B3;}
 * 1) content .usr-lng-0 {width: 238px; background: #FFE0E8; border: solid #ffb3b3 1px; margin: 0 3px 3px;}

.usr-lng-1 .usr-code {background: #c0c8ff;}
 * 1) content .usr-lng-1 {width:238px; background: #f0f8ff; border: solid #c0c8ff 1px; margin: 0 3px 3px;}

.usr-lng-2 .usr-code {background: #77e0e8;}
 * 1) content .usr-lng-2 {width: 238px; background: #d0f8ff; border: solid #77e0e8 1px; margin: 0 3px 3px;}

.usr-lng-3 .usr-code {background: #99b3ff;}
 * 1) content .usr-lng-3 {width: 238px; background: #e0e8ff; border: solid #99b3ff 1px; margin: 0 3px 3px;}

.usr-lng-4 .usr-code {background: #ffff00;}
 * 1) content .usr-lng-4 {width: 238px; background: #ffff99; border: solid #cccc00 1px; margin: 0 3px 3px;}

.usr-loc .usr-code {background: #5050ff;}
 * 1) content .usr-loc {width: 238px; background: #c0c0ff; border: solid #5050ff 1px; margin: 0 3px 3px;}


 * 1) content .usr-code, #bodyContent .usr-text {border-style: none; vertical-align: middle;}
 * 2) content .usr-code {width: 45px; height: 45px; text-align: center; font-size: 14pt;}
 * 3) content .usr-text {text-align: left; vertical-align: middle; font-size: 8pt; padding: 4pt; line-height: 1.25em;}
 * 4) content .usr-rtl {font-size: 11pt; text-align: right; direction: rtl;}

/* Babel template styles */ .babel { margin-bottom: 0.5em; border: #99B3FF solid 1px; background: transparent; padding-top: 3px; } .babel-header { text-align: center; font-weight: bold; margin: 0 3px 3px; } .babel-footer { text-align: center; margin: 3px; }

/* Edittools: Specialchars */ margin-top: 3px; border: 1px solid #aaa; padding: 1px 1px 3px; text-align: left; background-color: #fff; } font-family: 'Arial Unicode MS','Lucida Sans Unicode','MS Mincho',Arial,sans-serif; text-decoration: none; line-height: 1.7em; } font-family: 'Traditional Arabic','Arial Unicode MS','Lucida Sans Unicode','MS Mincho',sans-serif; font-size: 1.5em; line-height: 1.8em; } font-family: 'Myazedi',sans-serif; font-size: 1.5em; line-height: 1.8em; } font-family: 'Khmer OS',sans-serif; font-size: 1.5em; line-height: 2.2em; } color: #000; background: #dff1ff; border: 1px #000 outset; padding: 0 3px 3px; font-size: 0.9em; } background-color: #f3faff; border-style: outset; } background-color: #f3faff; border-style: inset; }
 * 1) specialchars {
 * 1) specialchars p {
 * 1) specialchars .arabic {
 * 1) specialchars .burmese {
 * 1) specialchars .khmer {
 * 1) specialchars a {
 * 1) specialchars a:hover {
 * 1) specialchars a:active {

.newsheader { width: 100%; background-color: #f3f3f3; border: 1px solid #6cc8f3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin: 0; } .newsheader td, .newsheader th { vertical-align: top; padding: 0.6em; } .newsheader th { text-align: left; } .newsheader td { font-size: 95%; } .newsheader .calendar { float: right; } .newsheader .calendar tr, .newsheader .calendar td { padding: 0; } .container .remark { font-size: 85%; font-weight: normal; float: right; }

/* Zwingt Bild etc. auf Grundlinie */

.baseline * { vertical-align: baseline; }

/* Streckung eines Bildes auf die volle göße des umgebenden Tags */ .maximage img { width: 100%; height: 100%; }

/* Streckung eines Bildes auf die volle göße des umgebenden Tags */

.compass img { width: 160px; height: 160px; }

/* Festlegung eines Hintergundbildes für ein Layer oder eine Tabellenzelle */

.background_old_map { /* background-image:url(http://www.wikivoyage.org/w/shared/images/9/91/Old_Map.jpg); */ background-repeat:repeat; }

/* Hervorhebung der angeklickten Fußnoten und der Rückverweise in blau */ ol.references > li:target { background-color: #ddeeff; }

sup.reference:target { background-color: #ddeeff; }

/* Stylesheet extension for navigation bars */

.navContainer, .navBox { clear: both; position: relative; margin: 0.75em 0 0; border: 1px solid #6cc8f3; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }

.navContainer { padding: 0; }

.navContainer .navBox { border-style: none; margin-top: 0; }

/* NO! This makes Opera incredibly slow. .navContainer + .navContainer { border-top-style: none; }

.navHeader { font-weight: bold; color: #004f80; background-color: #f0f0f0; padding: 4px 75px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; }

.navImage { background-color: #ffffff; margin: 0px; padding: 2px 2px 1px; float: left; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-radius-topleft: 5px; }

.navToggle { display: none; font-size: 0.8em; float: right; padding: 0.1em 4px 0 0; text-decoration: none; color: #000080; cursor: pointer; }

.navBox, .navImage, .navToggle { position: relative; /* IE quirks mode */ }

.navContent { }

.navFooter { clear: both; line-height: 1px; height: 1px; }

/* Style for abbreviations */

.abbr { border-bottom: 1px dotted #000; cursor: help; }

/* General */

.float-left { clear: left; float: left; margin: 0 1em 1em 0; } .float-right { clear: right; float: right; margin: 0 0 1em 1em; } .centered { clear: both; float: none; margin: 1em auto; } .tablecenter { margin-left: auto; margin-right: auto; }

/* Tags for most accessed pages */

float: right; background: #ffffff; width: 25%; padding: 0.5em 1em; line-height: 2em; }
 * 1) tags {

padding: 2px 4px 2px 0; }
 * 1) tags a {

.tag0 { font-size: 12px; } .tag0 a { color: #004f80; } .tag1 { font-size: 16px; } .tag1 a { color: #247ca1; } .tag2 { font-size: 18px; } .tag2 a { color: #48aac2; } .tag3 { font-size: 20px; } .tag3 a { color: #6cc8f3; }

/* OpenStreetMap */

.osm { } .osm p { /* wohl in Zukunft obsolet */ margin: 0; }

/* Wikivoyage Shared */

.information { width: 100%; } .information th { background: #ccccff; text-align: right; padding: 0.4em; width: 15%; vertical-align: top; } .information[dir="rtl"] th { text-align: left; } .information td { vertical-align: top; padding: 0.4em; text-align: left; } .information + .information { /* check if Opera has problems */ border-top: none; }

div.permissionStyle, div.restrictionStyle { text-align: center; padding: 0; } div.permissionStyle table, table.permissionStyle, div.restrictionStyle table, table.restrictionStyle { text-align: left; clear: both; width: 100%; margin: 0.5em auto; background-color: #f7f8ff; border: 2px solid #8888aa; border-collapse: collapse; } div.restrictionStyle table, table.restrictionStyle { background-color: #e8f8e8; border: 2px solid #80d080; } div.permissionStyle td, div.restrictionStyle td { padding: 1em; vertical-align: middle; } div.permissionStyle td:first-child, div.restrictionStyle td:first-child { width: 90px; text-align: center; padding-right: 0; } div.selfBox { text-align: center; padding: 0.5em; clear: both; margin: 0.5em auto; background-color: #f7f8ff; border: 2px solid #8888aa; }

div.warning { clear: both; margin: 0.5em auto; padding: 1em 1em 1em 7.5em; background-image: url("/w/shared/images/f/f0/Achtung.png") ; background-color: #fff0f0; background-position: 1em 50%; background-repeat: no-repeat; border: 2px solid #ff0000; }

div.missing { border: 1px solid #e3e3b0; background: #ffffee; padding: 0.5em 1em; text-align: center; margin: 0; }

/* phrasebook table styles */

.phrasebook { border: 1px solid #AAA; background-color: #FFF; border-collapse: collapse; border-spacing: 0 0; margin: 1em 0; width: 100%; }

.phrasebook th { background-color: #F9F9F9; border-bottom: solid 1px #AAA; padding: 0.3em 0.3em 0.3em 1em; font-weight:bold; text-align: left; vertical-align: baseline; }

.phrasebook td { padding: 0.3em 0.3em 0.3em 1em; vertical-align: baseline; }

.phrasebook tr.even td { background-color: #F9F9F9; }

.phrasebook tr.odd td { background-color: #FFF; }

.template-key { border: solid 0.2em; border-color: #dddddd #bbbbbb #bbbbbb #dddddd; background: #eeeeee; padding: 0 0.4em; white-space: nowrap; font-size: 90%; font-family: monospace; }

/* Corporate Design */

.containerTabs { border: 1px solid #6cc8f3; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px;

margin: 0 0 0 0.75em; padding: 0.2em 1em; background: #f0f0f0; float: left; position: relative; top: 1px; } border-bottom: 1px solid #f0f0f0; } display: none; } .tabbedContainers .containerTabs { font-weight: normal; text-decoration: none; color: #002bb8; cursor: pointer; display: none; } .tabbedContainers .mainTab { font-weight: bold; text-decoration: none; color: #000000; cursor: text; display: none; } .tabbedContainers .showIt { display: block; } @media print { .tabbedContainers .containerTabs, .tabbedContainers .mainTab, .tabbedContainers .showIt, .tabbedContainers .boxTabsEnd { display: none; } }
 * 1) content div.mainTab {
 * 1) content > .boxTabsEnd { /* Verstecken vor IE 6 */

.container { border: 1px solid #6cc8f3; padding: 0 0 3px; margin: 0.75em 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }

border-color: #80f000; }
 * 1) content .var2 {

.container .header, .infobox .header { background: #f0f0f0; color: #004f80; margin-top: 0; margin-bottom: 0.4em; padding: 0.3em 0.35em; border-bottom: none; font-size: 1.3em; }

.container .header:first-child, .container .editLink:first-child + .header, .infobox .header:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-radius-topleft: 5px; -khtml-border-radius-topright: 5px; margin-top: 0; border-top: none; }

.container * ~ .header { margin-top: 0.75em; border-top: 1px solid #c0c0c0; }

.container .centered { text-align: center; }

.container .justified { text-align: justify; }

.var2 .header, .var2 .header a { color: #00804f; }

.container .editLink { float: right; font-size: 90%; background: transparent; margin: 0.5em 0.75em; }

.container h2 { padding: 0.5em 0.35em; }

.container h3 { padding: 0.3em 0.35em; }

.container p, .container ul { padding: 0 0.5em; margin-bottom: 0.3em; }

.container ul ul { padding: 0; }

@media print { .container ul, .container ul ul { padding-left: 1em; } }

.container ol { padding-right: 0.5em; }

.container ol ol { padding-right: 0em; }

.container h4, .container h5, .container h6, .container dl { padding-left: 0.5em; padding-right: 0.5em; }

.container > .divBox, .container > .prettytable, .container > .multiline, .container > .gallery, .container > div.center { margin-left: 0.5em; margin-right: 0.5em; }

.container div.floatleft { margin-left: 0.5em; }

.container div.floatright { margin-right: 0.5em; }

.container .usr-code div.center { margin: 0; }

.container hr { margin: 0 0.5em; }

table.container { margin: 0; border-style: none; border-spacing: 0 0; border-collapse: collapse; }

div.cFirst, table.cFirst, .containerTabs + .container, .boxTabsEnd + .container { margin: 0; clear: both; }

div.cInner, table.cInner { margin: 0.75em; }

table.container td { margin: 0; padding: 0 0 0 0.75em; vertical-align: top; }

table.container td:first-child { padding: 0; }

padding-left: expression((this.parentNode.firstChild == this)? "0" : "0.75em" ); }
 * html table.container td { /* Stern-HTML-Hack fuer IE6 */

@media print { .container { border: 0.25mm solid #6cc8f3; } .container .header, .infobox .header { font-size: 1em; border-top: 0.25mm solid #c0c0c0; } }

table.ZdM { width: 100%; }

table.ZdM td.left { width: 50%; vertical-align: top; padding-left: 0.5em; padding-bottom: 0.3em; }

table.ZdM td.right { width: 50%; vertical-align: top; }

.regionFlag { border: 1px solid #404040; width: 20px; height: 15px; margin: 0 0.5em 0 0; float: left; }

display: inline; height: 45px; margin: 0; } vertical-align: 23px; }
 * 1) socialbm iframe {
 * 1) socialbm a img {

.ImageGroup { text-align: center; border: 1px solid #6cc8f3; background-color: #ffffff; } width: 220px; } .ImageGroup .header { font-size: 110%; font-weight: bold; padding: 0 3px; } .ImageGroup .thumbinner { margin: 0 auto; } .ImageGroup .ImageGrUnitHeader { }
 * html .ImageGroup { // IE6-Hack;

@media print { .ImageGroup { border: none; padding: 0; } .ImageGroup .header, .ImageGroup .ImageGrUnitHeader { display: none; } }

line-height: 1.8em; }
 * 1) altIsIn {

/* Additional support for right-to-left languages on Shared */

div.RTL * p, div.RTL * ul, div.RTL * ol { text-align: right; } div.RTL * ul, div.RTL * ol { margin-right: 15px; } div.RTL table.container td { padding: 0 0.75em 0 0; } div.RTL table.container td:first-child { padding: 0; }

TABLE.wikitable { border-style:solid; border-width:1px; border-color:#aaa; background: #f9f9f9; border-collapse: collapse; font-size: 95%; margin-top: 0.5em; margin-bottom: 1em; } TABLE.wikitable TD { padding:4px; border-style:solid; border-width:1px; border-color:#aaa; }

TABLE.wikitable TH { padding:4px; background-color:#E9E9E9; border-style:solid; border-width:1px; border-color:#aaa; }

/* bytecounter colors. */

strong.mw-plusminus-neg {color: red;} .mw-plusminus-pos {color: darkgreen;} .mw-plusminus-neg {color: darkred;}

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