MediaWiki:Monobook.css

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