MediaWiki:Skin/Projekt:Ka-Mel-Oh!.css
Zur Navigation springen
Zur Suche springen
Hinweis: Leere nach dem Veröffentlichen 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
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/********************************************************
* 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;
}