MediaWiki:Common.css
From Wikivoyage association
Revision as of 09:52, 12 January 2013 by Stefan Fussan (Talk | contribs)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/** CSS an dieser Stelle wirkt sich auf alle Skins aus */ /* Unterdrückung Ausgabe LocDB auf Hauptseite */ .page-Hauptseite .t-locdb-new, .page-Hauptseite .t-locdb { display: none; } @media print { .panorama, .noprint, #socialbm, #contentSub { display: none; } #content a.external.text:after, #content a.external.autonumber:after { font-weight: normal; } #credits br { display: none; } } /* Auslagerung von Stil-Vorlagen zur Performance-Steigerung */ #contentSub img { vertical-align: baseline; } .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; } #content .galleryTable { clear: right; } .galleryTable td, .galleryTable th { padding: 0; vertical-align: top; } /* 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 .printNoLink a.external.text:after, #content .printNoLink a.external.autonumber:after { content: ""; } /* Kenntlichmachung transparenter Hintergruende */ #file img, .gallerybox .thumb img { background: repeat url("http://www.wikivoyage.org/w/shared/images/5/5d/Checker-16x16.png"); } /* Quickbar styles */ #content .qb { border: 1px solid #6cc8f3; margin: 0 0 1em; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #content .qbRight { clear: right; float: right; margin: 0 0 1em 1em; width: 300px; } #content .qbRightDiv { clear: right; float: right; margin: 0 0 1em 1em; } #content .qbTopBorder { } #content .qbLeft { 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; } #content .qb .qbHeader { text-align: center; color: #004f80; padding: 0.3em 0.35em; font-size: 1.2em; background: #f0f0f0; border-top: 1px solid #c0c0c0; } #content .qb tr:first-child .qbHeader { 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 { #content .qb { border-width: 0.25mm; } #content .qb .qbHeader { font-size: 1em; background: #f0f0f0; border-top: 0.25mm solid #c0c0c0; border-bottom: 0.25mm solid #c0c0c0; } } /* 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 */ #geoCoordOld { display: none; } #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; height: 27px; vertical-align: middle; } /* 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 */ #content .usr-lng {width: 238px; background: #c5fcdc; border: solid #6EF7A7 1px; margin: 0 3px 3px;} .usr-lng .usr-code {background: #6ef7a7;} #content .usr-lng-0 {width: 238px; background: #FFE0E8; border: solid #ffb3b3 1px; margin: 0 3px 3px;} .usr-lng-0 .usr-code {background: #FFB3B3;} #content .usr-lng-1 {width:238px; background: #f0f8ff; border: solid #c0c8ff 1px; margin: 0 3px 3px;} .usr-lng-1 .usr-code {background: #c0c8ff;} #content .usr-lng-2 {width: 238px; background: #d0f8ff; border: solid #77e0e8 1px; margin: 0 3px 3px;} .usr-lng-2 .usr-code {background: #77e0e8;} #content .usr-lng-3 {width: 238px; background: #e0e8ff; border: solid #99b3ff 1px; margin: 0 3px 3px;} .usr-lng-3 .usr-code {background: #99b3ff;} #content .usr-lng-4 {width: 238px; background: #ffff99; border: solid #cccc00 1px; margin: 0 3px 3px;} .usr-lng-4 .usr-code {background: #ffff00;} #content .usr-loc {width: 238px; background: #c0c0ff; border: solid #5050ff 1px; margin: 0 3px 3px;} .usr-loc .usr-code {background: #5050ff;} #content .usr-code, #bodyContent .usr-text {border-style: none; vertical-align: middle;} #content .usr-code {width: 45px; height: 45px; text-align: center; font-size: 14pt;} #content .usr-text {text-align: left; vertical-align: middle; font-size: 8pt; padding: 4pt; line-height: 1.25em;} #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 */ #specialchars { margin-top: 3px; border: 1px solid #aaa; padding: 1px 1px 3px; text-align: left; background-color: #fff; } #specialchars p { font-family: 'Arial Unicode MS','Lucida Sans Unicode','MS Mincho',Arial,sans-serif; text-decoration: none; line-height: 1.7em; } #specialchars .arabic { font-family: 'Traditional Arabic','Arial Unicode MS','Lucida Sans Unicode','MS Mincho',sans-serif; font-size: 1.5em; line-height: 1.8em; } #specialchars .burmese { font-family: 'Myazedi',sans-serif; font-size: 1.5em; line-height: 1.8em; } #specialchars .khmer { font-family: 'Khmer OS',sans-serif; font-size: 1.5em; line-height: 2.2em; } #specialchars a { color: #000; background: #dff1ff; border: 1px #000 outset; padding: 0 3px 3px; font-size: 0.9em; } #specialchars a:hover { background-color: #f3faff; border-style: outset; } #specialchars a:active { background-color: #f3faff; border-style: inset; } .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 */ #tags { float: right; background: #ffffff; width: 25%; padding: 0.5em 1em; line-height: 2em; } #tags a { padding: 2px 4px 2px 0; } .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; } #content div.mainTab { border-bottom: 1px solid #f0f0f0; } #content > .boxTabsEnd { /* Verstecken vor IE 6 */ 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; } } .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; } #content .var2 { border-color: #80f000; } .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; } * html table.container td { /* Stern-HTML-Hack fuer IE6 */ padding-left: expression((this.parentNode.firstChild == this)? "0" : "0.75em" ); } @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; } #socialbm iframe { display: inline; height: 45px; margin: 0; } #socialbm a img { vertical-align: 23px; } .ImageGroup { text-align: center; border: 1px solid #6cc8f3; background-color: #ffffff; } * html .ImageGroup { // IE6-Hack; width: 220px; } .ImageGroup .header { font-size: 110%; font-weight: bold; padding: 0 3px; } .ImageGroup .thumbinner { margin: 0 auto; } .ImageGroup .ImageGrUnitHeader { } .topicsTable { width: 100%; border-collapse: collapse; empty-cells: show; background: transparent; border-spacing: 0 0; } .topicsTable td { width: 50%; vertical-align: top; padding: 1em 0; } .topicsTable td:first-child { padding-right: 1em; } .topicsTable td .floatright { border: solid 1px #cccccc; background: #eeeeee; padding: 3px; margin: 5px 0 0 1em; } @media print { .ImageGroup { border: none; padding: 0; } .ImageGroup .header, .ImageGroup .ImageGrUnitHeader { display: none; } } #altIsIn { line-height: 1.8em; } /* Destination of the month / Other Language */ #DoM { background: transparent; padding: 0; height: 27px; vertical-align: middle; } /* Neue Styletypen für Vereinswiki */ .style1_wrapper { border: 1px solid #6CC8F3; padding: 1em 0 0.3em 0; margin-bottom: 1.5em; box-shadow: 0 2px 3px rgba(119,119,119,0.60); -moz-box-shadow: 0 2px 3px rgba(119,119,119,0.60); -khtml-box-shadow: 0 2px 3px rgba(119,119,119,0.60); -webkit-box-shadow: 0 2px 3px rgba(119,119,119,0.60); -ms-box-shadow: 0 2px 3px rgba(119,119,119,0.60); } .style1_heading { padding: 0.15em 0.8em; background: #0085CB; color: #FFFFFF; font-weight: bold; font-size: 1.35em; } .style1_heading_link { float:right; color: #FFFFFF; padding: 0.15em 0; margin-right: 0.8em; font-weight: bold; font-size: 1.15em; } .style1_heading_link a { color: #FFFFFF; } .style1_heading_link a:visited { color: #FFFFFF; } .style1_heading_link a:hover { color: #FFFFFF; } .style1_content { padding:0 1em; }