MediaWiki:Skin/Projekt:Ka-Mel-Oh!.css

/******************************************************** * Ka-Mel-Oh!-Stylesheet:                               * ********************************************************/

/*** 1.) Karten: ***/ /* fix für IE: */ .karte { 				font-size: 0px;	line-height: 0px;	padding: 0px;	margin: 0px;	} /* alle verwendeten Bilder automatisch skalieren: */ .karte img { 	height: 100%; 	width: 100%; 	}

/* Positionsramen 580px mal 290px bei font-size 100px; */ /* alles, was rausragt, wird abgeschnitten */ .karteninhalt { position:relative; margin:0.05em; height:5.8em; width:2.9em; padding:0; overflow:hidden; } /* hier kommt ../images/7/7e/Kartenhintergrund1.png rein */ .background { position:absolute; top:0px; left:0px; height:5.8em; width:2.9em; background:none; }

/* Kartennummer (evtl. verlinkt) */ .nr { position:absolute; top:0.8em; left:0.6em; font-size:0.14em; line-height: 1em; color:#FFFF00; z-index:2; } .nr a, .nr a.new, .nr a.new[href^="/index.php/Spezial:Karte"] { color:#FFFF00 !important; }

/* Häufigkeit in Form eines Kamels */ .hk { position:absolute; top:1em; right:1em; font-size:0.1em; line-height: 1em; height:4em; width:4em; }

/* Kartenname horizontal und vertikal zentriert */ .titelfeld { position:absolute; top:0.05em; left:0.45em; height:0.5em; width:2.0em; overflow:hidden; }

.titelmonster, .titelzm-monster, .titelitem, .titelzm-item { height:100%; width:100%; font-size:0.22em; line-height:0.9em; font-family:Comic Sans MS, sans-serif; font-weight:bold; background:none; }

.titelmonster, .titelzm-monster { color:#000; } .titelitem, .titelzm-item { color:#ddd; }

/* Kartenbild (auf passende Größe gequetscht) */ .kartenbild { position:absolute; top:0.55em; left:0.14em; border: 0.03em solid black; height: 1.92em; width: 2.56em; background-color:black; overflow:hidden; }

.kartenbild a { color:black; }

.kartenbild a.new { color:black; } /* Schmiede (zeigt bei Karten, die noch geschmiedet werden müssen eine Animation + link) */ .altlast { position:absolute; height:2em; width:2em; top:0.55em; right: 0.1em; z-index:2; }

.altlast img { display:none; }

.altlast.schmiede img { display:block; }

/* in-die-Datenbank-Knopf für die Schmiede */ .in_die_datenbank { position:absolute; right: 15px; bottom: 11px; font-size: 20px; border: 2px black solid; width: 17px; height: 13px; padding-top: 2px; }

/* Kartenwerte */ .wertefeld { position:absolute; top:14.23em; left:0.76em; width:14.56em; height:1.39em; font-family:Comic Sans MS, sans-serif; font-weight:bold; font-size:0.18em; line-height:1.39em; white-space:nowrap; overflow:hidden; }

.wertefeld img { height:1.39em; width:1em; vertical-align:top; }

.ap { color:#fb7; } .dp { color:#9cf; } .lp { color:#ddd; } .d { color:#ff0; } .ditem { color:#ff0; text-align:right; padding-right:.3em; }

.subtitle { position:absolute; top:0px; left:0px; color:#ddd; width:14.56em; text-align:center; }

/* Hintergrund Text (noch nicht geladene Bilder so gut verstecken wie möglich) */ .texthintergrund { position:absolute; top:2.84em; left:0.14em; width:2.56em; height:2.56em; overflow:hidden; } .texthintergrund.monster, .texthintergrund.item, .texthintergrund.zm-monster, .texthintergrund.zm-item { border: 0.03em solid black; } .monster, td .monster { background:#FFCF13 url(../images/c/c0/Texthintergrundmonster.jpg); border-color:#FFCF13; } .texthintergrund.monster { color:#FFCF13; }

.item, td .item { background:#AAFF66 url(../images/b/b3/Texthintergrunditem.jpg); border-color:#AAFF66; } .texthintergrund.item { color:#AAFF66; } .zm-monster, td .zm-monster { background:#AE88FF url(../images/0/02/Texthintergrundzm-monster.jpg); border-color:#AE88FF; } .texthintergrund.zm-monster { color:#AE88FF; }

.zm-item, td .zm-item { background:#BBDDFF url(../images/2/2c/Texthintergrundzm-item.jpg); border-color:#BBDDFF; } .texthintergrund.zm-item { color:#BBDDFF; }

.balken.neutral, td .balken.neutral { background:#A5A5A5 url(../images/3/34/Texthintergrundneutral.jpg); border-color:#A5A5A5; }

/* Hintergrund Text (noch nicht geladene Bilder so gut verstecken wie möglich) */ .textfeld { position:absolute; top:0.03em; left:0.03em; height:2.5em; width:2.5em; overflow:hidden; color:black; font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif; }

/* links im Kartentext */ .textfeld a, .textfeld a.new, .textfeld a.external, .textfeld a:active, .textfeld a:visited, .textfeld a:focus { position:relative; z-index:2; font-weight:bold; background-image:none !important; padding:0 !important; color:#888 !important; }

.zm-monster .textfeld a, .zm-monster .textfeld a.new, .zm-monster .textfeld a.external, .zm-monster .textfeld a:active, .zm-monster .textfeld a:visited, .zm-monster .textfeld a:focus { color:#ddd !important; }

/* Tabelle für Klasse, Rasse und Kram */ .texttabelle { font-size:0.14em; line-height:0.9em; background:none; border-bottom: 0.1em solid #888; width:100%; padding-bottom:0.2em; }

.zm-monster .texttabelle { border-color:#ddd !important; }

.texttabelle td { padding:0.2em; }

/* Beschreibungstext */ .beschreibung { font-size:0.14em; line-height:1em; margin:0.2em; padding-top:0.2em; font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif; font-style:italic; text-align:justify; }

.beschreibung p, .beschreibung dd { line-height:1em !important; }

.beschreibung li { line-height:1em !important; margin-bottom:0.75em !important; }

/* Ka-Mel-Oh!-Logo */ .kartenlogo { position:absolute; bottom:0.6em; left:8.5em; font-size:0.1em; line-height: 1em; width:12em; height:2.7em; }

/* Vordergrund (macht nur links anklickbar und zeigt ggf. "Sonderkarte" an */ .vordergrund { 	position:absolute;	top:0px;	left:0px;	height:5.8em;	width:2.9em;	z-index:1;	background-image:url(../images/9/94/Blinder-Pixel.gif);	}

.vordergrund img { display:none; }

.vordergrund.sonder img { display:block; }

/*** 2.) Statistik ***/ .balken {	border-width:1px;	border-style:outset;	border-left:none;	} .inset-box {	background: #F6F0D4 url("../images/5/56/Headbg00.jpg") 0px 0px no-repeat;	padding: 7px 0; 	border: 1px inset #dfdfdf; border-radius: 0.5em;  	-moz-border-radius: 0.5em; 	margin: 0.5em;	}

/*** 3.) Navi: ***/

.topmenue:hover .submenue { display:block !important; }

.topmenue:hover { background: url(../images/c/c0/Ausgeklappt.png) center left no-repeat; cursor:pointer; }

/******************************************************** * Fixes für einzelne Karten:                            * ********************************************************/

div.karte-nummer-115 div.kartenbild img { height: 200%; }

div.karte-nummer-115 div.kartenbild{ z-index: 200; overflow: visible; }

div.karte-nummer-115 div.textfeld{ z-index: 400; }

div.karte-nummer-115 div.wertefeld{ z-index: 400; }