MediaWiki:Common.css

Aus VolynWiki
Wechseln zu: Navigation, Suche

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */

 /* Stylesheet-Ergänzung zu Standard-Navigationsleisten */
 
 div.BoxenVerschmelzen,
 div.NavFrame {
    margin: 0px;
    padding: 2px;
    border: 1px solid #aaaaaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
    clear:both;
 }
 div.BoxenVerschmelzen div.NavFrame {
    border-style: none;
    border-style: hidden;
 }
 div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
 }
 div.NavPic {
    background-color: #ffffff;
    margin: 0px;
    padding: 2px;
    float: left;
 }
 div.NavFrame div.NavHead {
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
 }
 div.NavFrame p {
    font-size: 100%;
 }
 div.NavFrame div.NavContent {
    font-size: 100%;
 }
 div.NavFrame div.NavContent p {
    font-size: 100%;
 }
 div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
 }
 
/* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */
.NavToggle {
    font-size: x-small;
    float:right;
}
 
/* Workaround für Internet Explorer 6 */
div.NavFrame, div.NavPic, .NavToggle {
    position:relative;
}
 
 /* Abstand vor Navigationsleisten */
 
 div.BoxenVerschmelzen,
 div.NavFrame {
   margin-top: 1.5em;
 }
 div.BoxenVerschmelzen div.NavFrame {
   margin-top: 0;
 }
 div.NavFrame + div.NavFrame {
   margin-top: 0;
 }

 /* gerahmte Infoboxen */

.framedBox {
 margin: 1em 0;
 padding: 0.5em;
 border: 1px solid #4D64CF;
}


/* Infobox styles */
#content .ib {
 border: 1px solid #4D64CF;
 border-top: none;
 background-color: #F3FAFF;
 margin: 0 0 1em;
 border-collapse: collapse;
 border-spacing: 0 0;
}
#content .ibRight {
 clear: right;
 float: right;
 margin: 0 0 1em 1em;
 width: 300px;
}
#content .ibTopBorder {
 border-top: 1px solid #4D64CF;
}
#content .ibLeft {
 clear: left;
 float: left;
 margin: 0 1em 0 1em;
 width: 300px;
}
.ib td {
 padding: 2px 0.4em;
 vertical-align: baseline;
}
.ib th {
 padding: 2px 0.4em;
 vertical-align: baseline;
 text-align: left;
 font-weight: bold;
}
.ibKopf {
 text-align: center;
 border-bottom: 1px solid #4D64CF;
 border-top: 1px solid #4D64CF;
 background-color: #DFF1FF;
 padding: 2px 0.4em;
 font-weight: bold;
}
.ibBild {
 border-top: 1px solid #4D64CF;
 text-align: center;
 padding: 2px;
}
.ibBild div.thumb {
 border-style: none;
 margin-bottom: 0;
}
.ibBild div.thumbinner {
 border-style: none;
 padding: 0 !important;
 background: transparent;
}
.ibBild div.tright {
 float: none;
 margin: 0;
}
.ib .ibBildCell {
 padding: 0;
}
.ibBildCell .ibKopf {
 border-bottom: none;
}
.ibleer {
 display: none;
}
.ibleer td {
 height: 1px;
}
.breakable {
 font-size: 7%;
 line-height: 0.1%;
 text-decoration: none !important;
 visibility: hidden;
}

/* Unterdrueckt Ausgabe nachgestellter Links */
#content .printNoLink a.external.text:after, #content .printNoLink a.external.autonumber:after {
 content: "";
}
  /* ab hier ALLES kopiert */

 #content a.external.text:after, #content a.external.autonumber:after {
  font-weight: normal;
 }
}
 
/* Auslagerung von Stil-Vorlagen zur Performance-Steigerung */
 
.prettytable {
 border: 1px solid #4D64CF;
 border-collapse: collapse;
 empty-cells: show;
 margin: 1em 0;
 background: transparent;
 border-spacing: 0 0;
}
.prettytable td, .prettytable th {
 border: 1px solid #4D64CF;
 padding: 0.25em;
 vertical-align: baseline;
}
.prettytable th { /* hightlighting */
 text-align: center;
 border-bottom: 1px solid #4D64CF;
 border-top: 1px solid #4D64CF;
 background: #DFF1FF;
}
.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 #4D64CF;
}
.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-left: 0;
}
#content .galleryTable {
 clear: right;
}
.galleryTable td, .galleryTable th {
 padding: 0;
 vertical-align: top;
}
 
/* Schriften fuer seltenere Sprachen */
 
.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 #4D64CF;
 border-top: none;
 background-color: #F3FAFF;
 margin: 0 0 1em;
 border-collapse: collapse;
 border-spacing: 0 0;
}
#content .qbRight {
 clear: right;
 float: right;
 margin: 0 0 1em 1em;
 width: 300px;
}
#content .qbTopBorder {
 border-top: 1px solid #4D64CF;
}
#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;
}
.qbHeader {
 text-align: center;
 border-bottom: 1px solid #4D64CF;
 border-top: 1px solid #4D64CF;
 background-color: #DFF1FF;
 padding: 2px 0.4em;
 font-weight: bold;
}
.qbImage {
 border-top: 1px solid #4D64CF;
 text-align: center;
 padding: 2px;
}
.qbImage div.thumb {
 border-style: none;
 margin-bottom: 0;
}
.qbImage div.thumbinner {
 border-style: none;
 padding: 0 !important;
 background: transparent;
}
.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;
}
 
/* 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 #4D64CF;
 border-top: none;
 background-color: #fff;
 border-collapse: collapse;
 border-spacing: 0 0;
 margin: 1em 0;
}
.multiline th {
 padding: 0.3em;
 text-align: left;
 border-top: 1px solid #4D64CF;
 border-bottom: 1px solid #4D64CF;
 background-color: #DFF1FF;
 vertical-align: baseline;
}
.multiline td {
 padding: 0.3em;
 vertical-align: baseline;
}
.multiline tr.even td {
 background-color: #F3FAFF;
}
.multiline tr.odd td {
 background-color: #fff;
}
.infobox {
 width:40%;
 clear: right;
 float: right;
 margin: 0.5em 0 0.7em 1em;
 padding: 0.5em;
 background: #f3f3ff;
 border: 1px solid #222244;
}
 
/* 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 {
 background-color: #f3f3f3;
 border: 1px solid #808080;
 width: 100%;
 margin: 0 0 1em;
 border-collapse: collapse;
}
.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;
}
.newsbody {
 background-color: #fcf8f0;
 border: 1px solid #d9ceb8;
 padding: 0.6em;
 margin: 0;
}
.newsbody .title {
 margin: 0 0 0.6em;
 background: #f2e6ce;
 border: 1px solid #d9ceb8;
 font-size: 120%;
 font-weight: bold;
 padding: 0.2em 0.4em;
 position: relative;
}
.newsbody .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: 1em 0 0;
 padding: 2px 2px 1px;
 border: 1px solid #4d64cf;
 text-align: center;
}
 
.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;
 background-color: #dff1ff;
 padding: 0 75px;
}
 
.navImage {
 background-color: #ffffff;
 margin: 0px;
 padding: 2px 2px 1px;
 float: left;
}
 
.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;
}
 
/* Unterdrückung Ausgabe LocDB auf Hauptseite */
 
.page-Hauptseite .t-locdb-new, .page-Hauptseite .t-locdb {
 display: none;
}
 
/* Tags for most accessed pages */
 
#tags {
 float: right;
 background: #0000ff;
 width: 25%;
 padding: 0.5em 1em;
 line-height: 2em;
}
 
#tags a {
 padding: 2px;
}
 
.tag0 {
 font-size: 12px;
}
.tag0 a {
 color: #888888;
}
.tag1 {
 font-size: 16px;
}
.tag1 a {
 color: #c0c0c0;
}
.tag2 {
 font-size: 18px;
}
.tag2 a {
 color: #e0e0e0;
}
.tag3 {
 font-size: 20px;
}
.tag3 a {
 color: #ffffff;
}
 
/* 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;
}
 
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.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;