MediaWiki:Common.css
Aus VolynWiki
Version vom 16. September 2009, 02:38 Uhr von Admin (Diskussion | Beiträge)
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;