MediaWiki:Monobook.css
Aus Daocpedia
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/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* <pre><nowiki> */
span.diffchange {
font-weight: bold;
}
/* SideBox analog Townbox */
div.sideBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid grey;
padding: 0.3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.sideBox dl {
padding: 0;
margin: 0 0 0.3em 0;
font-size: 96%;
}
div.sideBox dl dt {
background: none;
margin: 0.4em 0 0 0;
}
div.sideBox dl dd {
margin: 0.1em 0 0 1.1em;
background-color: #f3f3f3;
}
/* Stylesheet-Ergänzung zu Taxoboxen */
table.taxobox {
border-collapse: collapse;
border: 1px solid gray;
float: right;
margin-left: 0.5em;
}
table.taxobox th {
background-color: #ffc0c0;
border: solid 1px gray;
text-align: center;
font-weight: bold;
}
table.taxobox td {
vertical-align:top;
}
table.taxobox .Person {
font-style: normal;
}
table.taxobox div.thumb,
table.taxobox div.thumb * {
margin: 0;
padding: 0;
float: none;
border: none;
}
table.taxobox div.magnify {
display: none;
}
table.taxobox tr td div.thumb div div.thumbcaption {
text-align:center;
}
table.taxobox td.Person {
text-align:center;
display:block;
}
table.taxobox td.taxo-name {
text-align:center;
}
table.taxobox td.taxo-bild {
text-align:center;
}
/* Standard Navigationsleisten */
div.BoxenVerschmelzen,
div.NavFrame {
margin: 0px;
padding: 2px;
border: 1px solid #aaaaaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
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 {
height: 1.6em;
font-weight: bold;
font-size: 100%;
background-color: #efefef;
}
div.NavFrame p {
font-size: 100%;
}
div.NavContent {
text-align:left;
}
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;
}
/* Do not print navigation bar elements. They should not appear on paper */
@media print{
.NavFrame {
display: none;
}
.BoxenVerschmelzen {
display: none;
}
}
/* Metadaten (bspw. Personendaten) */
table.metadata {
border: 1px solid #aaaaaa;
display: none; /* Muss von Benutzern eingeschaltet werden */
}
.metadata-label {
color: #aaaaaa;
}
/* Links nicht unterstreichen */
a {
text-decoration: none;
}
/* Vermeide hässliche weiße Ränder bei Float-Objekten
auf nicht-weißen Hintergründen. */
div.thumb {
border: none;
}
div.tright {
border: none;
margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
border: none;
margin: 0.5em 1.4em 0.8em 0;
}
/* Kategorien etwas schöner darstellen */
#catlinks {
border: 0px;
border-top: 2px dotted #aaaaaa;
}
.NavToggle {
font-size: x-small;
float:right;
}
/* Hintergrund für Tabellen */
td.dbg {
background: #eeeeee;
}
/* Sachen für die Drop-Box */
td.drops {
vertical-align: top;
padding-right: 8px;
}
/* Bestarium-Links */
#bodyContent a[href^="http://bestiary.telaran.org"] {
background: url(bestiary.gif) 0px 0px no-repeat;
padding-left: 18px !important;
padding-right: 0px; /* !important; Rausnehmen - überschreibt sonst IE6 Fix */
color: #00aaff;
}
#bodyContent a[href^="http://bestiary.telaran.org"]:visited {
background-repeat: no-repeat;
color: #00aaff;
}
#bodyContent a[href^="http://bestiary.telaran.org"]:active {
background-repeat: no-repeat;
color: #ff0000;
}
#bodyContent a[href^="http://bestiary.telaran.org"]:hover {
background-repeat: no-repeat;
color: #ff0000;
}
/* Hovereffekt für große Tabellen */
/* ANMERKUNG: Funktioniert nicht im IE 6.0 (nur mit JS-IE7-"Fix")!
Wird vom IE7 unterstützt werden ohne Addons/Scripts. */
@media screen{
.hovertable tr:hover {
background-color: #ddddff !important; /* Hellblau - jemand bessere idee? */
cursor: default;
}
.hovertable tr:hover td {
background-color: #ddddff !important; /* Hellblau - jemand bessere idee? */
cursor: default;
}
}
/* NGH Such Zeuch */
div#ngh {
text-align: center;
}
input.ngh_suche {
width: 10.9em;
margin: 2px 0 0 0;
font-size: 95%;
}
/* Ico-Zeuch - do not modify! ;-) */
@media print {
.iconoprint {
display: none;
}
}
/* ================================================================== */
/* Einträge für dunkle/helle Tabellenzeilen bei sortierbaren Tabellen */
.tr_dark {
background-color: #dddddd !important;
}
.tr_light {
background-color: #eeeeee !important;
}
.sortable {
border: 1px solid #000000;
}
.sortable td {
text-align: left;
}
.sortable .head td {
background-color: #aaaaaa;
text-align: center !important;
font-weight: bold;
}
.striped .head td {
background-color: #aaaaaa;
text-align: center !important;
font-weight: bold;
}
.sortable .head a {
color: #000000 !important;
}
/* === Cartography ;) === */
.dynmap {
position: relative;
}
.dynmap_mapimg {
display: block;
position: absolute;
top: 1px;
left: 1px;
height: 100%;
width: 100%;
}
.dynmap_entry {
position: absolute;
padding: 2px;
cursor: default;
text-align: left;
}
.dynmap_entry:hover {
background-color: #ffffff;
border: 1px solid #000000;
width: 320px;
z-index: 99;
}
.dynmap_entry .dynmap_icon {
width: 16px;
height: 16px;
position: absolute;
top: 2px;
left: 2px;
}
.dynmap_entry:hover .dynmap_icon {
top: 1px;
left: 1px;
}
.dynmap_entry .dynmap_caption {
color: #ffffff;
font-weight: bold;
position: absolute;
top: 0px; left: 20px;
white-space: nowrap;
width: 200px;
}
.dynmap_entry:hover .dynmap_caption {
top: -1px; left: 19px;
}
.dynmap_entry .dynmap_desc {
display: none;
}
.dynmap_entry:hover .dynmap_desc {
display: block;
padding: 2px;
padding-top: 14px;
}
.dynmap_entry .dynmap_loc {
display: none;
font-size: 10px;
font-style: italic;
color: #666666;
position: absolute;
top: 0px;
right: 2px;
width: 200px;
text-align: right;
}
.dynmap_entry:hover .dynmap_loc {
display: block;
}
.dynmap_button {
width: 20px;
height: 20px;
margin: 1px;
border-left: 1px solid #dddddd;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
background-color: #eeeeee;
background-repeat: no-repeat;
background-position: 2px 2px;
float: left;
}
.dynmap_button:hover {
border-left: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #dddddd;
background-position: 1px 1px;
}
.dynmap_bar {
padding: 2px !important;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #eeeeee;
display: none;
vertical-align: middle;
text-align: left;
height: 24px;
}
.dynmap_table {
border-collapse: collapse;
padding: 2px !important;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #eeeeee;
vertical-align: top;
text-align: left;
}
.dynmap_table th {
border-left: 1px solid #dddddd !important;
border-top: 1px solid #dddddd !important;
border-bottom: 1px solid #aaaaaa !important;
border-right: 1px solid #aaaaaa !important;
background-color: #eeeeee !important;
text-align: center;
font-weight: bold;
}
.dynmap_table th:hover {
border-left: 1px solid #eeeeee !important;
border-top: 1px solid #eeeeee !important;
border-bottom: 1px solid #333333 !important;
border-right: 1px solid #333333 !important;
background-color: #dddddd !important;
}
.dynmap_table td {
background-color: #ffffff !important;
border-left: 1px solid #aaaaaa !important;
border-right: 1px solid #dddddd !important;
padding-left: 5px;
padding-right: 5px;
}
.dynmap_container {
padding: 2px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
background-color: #666666;
overflow: visible;
position: relative;
vertical-align: middle;
text-align: center;
clear: left;
}
/* ------------------------- */
.dynmap_rentry {
position: absolute;
padding: 2px;
cursor: default;
text-align: left;
}
.dynmap_rentry .dynmap_icon {
width: 16px;
height: 16px;
position: absolute;
top: 2px;
right: 2px;
}
.dynmap_rentry:hover .dynmap_icon {
top: 1px;
right: 1px;
}
.dynmap_rentry .dynmap_caption {
color: #ffffff;
font-weight: bold;
position: absolute;
top: 0px; right: 20px;
white-space: nowrap;
width: 200px;
}
.dynmap_rentry:hover .dynmap_caption {
top: -1px; right: 19px;
text-align: right;
}
.dynmap_rentry .dynmap_desc {
display: none;
}
.dynmap_rentry:hover .dynmap_desc {
display: block;
padding: 2px;
padding-top: 14px;
}
.dynmap_rentry .dynmap_loc {
display: none;
font-size: 10px;
font-style: italic;
color: #666666;
position: absolute;
top: 0px;
left: 2px;
width: 200px;
text-align: left;
}
.dynmap_rentry:hover .dynmap_loc {
display: block;
}
.dynmap_rentry:hover {
background-color: #ffffff;
border: 1px solid #000000;
width: 320px;
z-index: 99;
}
/* Neue Hauptseite (vorerst nur Test) */
#hauptseite h2 {
background-color: #d8e8ff;
border: 1px solid #8898bf;
font-size: 1em;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
#hauptseite .inhalt {
background-color: #ffffff;
border: 1px solid #8898bf;
border-top: 0px solid white;
padding: 0.3em 0.8em 0.4em 0.8em;
}
#hauptseite .inhalt hr {
background-color: #8898bf;
color: #8898bf;
height: 1px;
margin:0.5em 0;
padding: 0;
}
#hauptseite .inhalt .mehr {
clear: both;
font-size: 95%;
margin-top: 0.8em;
text-align: right;
}
.hauptseite-oben,
.hauptseite-links,
.hauptseite-rechts {
margin-bottom: 1em;
}
.hauptseite-links {
margin-right: 0.5em;
}
.hauptseite-rechts {
margin-left: 0.5em;
}
.hauptseite-oben h2,
.hauptseite-unten h2 {
text-align: center;
}
.hauptseite-oben .inhalt .portale {
font-weight: bold;
margin-top: 0.2em;
margin-bottom: 0.2em;
}
.hauptseite-oben .inhalt .intern {
font-size: 90%;
text-align: center;
}
.hauptseite-links h2,
.hauptseite-rechts h2 {
text-indent: 0.8em;
}
#hauptseite-schwesterprojekte .inhalt a {
font-weight: bold;
}
/* Formatierung - Reichsbezogene Listen */
.alblist ul {
list-style-image: url(/images/8/8f/Bullet_alb.gif) !important;
}
.hiblist ul {
list-style-image: url(/images/0/00/Bullet_hib.gif) !important;
}
.midlist ul {
list-style-image: url(/images/a/ae/Bullet_mid.gif) !important;
}
/* Formatierung für Kennzeichnung für Artikelstadien (Topartikel, Baustelle etc.) (experimentell): */
#artikelstatus {
display: block;
position:absolute; z-index:1; border:none; background:none; right:12px; top:0.3em; float:right; margin:0.0em;
padding:0.0em; line-height:1.5em; text-align:right; text-indent:0; font-size:90%; text-transform:none; white-space:normal;
}
/* Formatierung für Erfahrungsbeute-Tabellen (experimentell): */
.xploot td {
padding:2px;
border-top:solid 1px #aaaaaa;
}
.xplootsep {
border-right:dotted 1px #aaaaaa;
}
.xplootcom {
color:#555555;
font-size:95%;
border-top:dotted 1px #aaaaaa;
}
/* </pre></nowiki> */</pre>