MediaWiki:Common.css

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen

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.
 /* Großbuchstaben in den Navigationsbereichen */
 
 .portlet h5,
 .portlet h6,
 #p-personal ul,
 #p-cactions li a {
     text-transform:none;
     }
 
 
 /* Personennamen in Kapitälchen: <font class="Person">Name</font> */
 
 .Person {
     display:inline;
     font-variant:small-caps
     }
 
 
 /* Pro & Contra Kasterl */
 
 .pro {
     border:2px solid #00FF00;
     background:#EEFFEE;
     margin:5px 5px 5px 30px;
     padding:5px;
     }
 
 .contra { 
     border:2px solid #FF0000; 
     background:#FFEEEE;
     margin:5px 5px 5px 30px;
     padding:5px;
     }
 
 
 /* Markierung von Redirects in [[Special:Allpages]]  */
 
 .allpagesredirect {
     background-color:#F5F5F5;
     font-style: italic;
 }

 /* [[Vorlage:Box]] Boxen-Style */
 
 .hs-box {
     margin: 0; 
     margin-bottom:10px; 
     border: 1px solid #dfdfdf; 
     -moz-border-radius: 0.5em;
     padding: .3em .6em 0em .6em;
     }

 /* [[Vorlage:Ausklappen|Ausklappbare Menues]] (erstmal ganz einfach) */
 
 .ausklappen {
     background: #f0f0f0 url("images/5/5c/Siehe_auch.png") 3px 8px no-repeat !important;
     height: 25px !important;
     overflow: hidden !important;
     }
 
 .ausklappen:hover {
     background: #f0f0f0 url("images/c/c0/Ausgeklappt.png") 3px 8px no-repeat !important;
     height: auto !important;
     }
 
 /* Styles für die - bald kommende - [[:Vorlage:Bild]] */
 
 .spongebob { background: url("images/a/ac/Spongebobhintergrund.png") 0px 0px; }
 .stop { background: url("images/b/be/Stop_mitte.png") 0px 0px repeat-x; }
 .stop a { color: black; }


 /********************************************************
  * 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 http://kamelopedia.mormo.org/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 {
	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;
	}

 /* 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(http://kamelopedia.mormo.org/images/c/c0/Texthintergrundmonster.jpg);
	border-color:#FFCF13;
	}
 
 .texthintergrund.monster { color:#FFCF13; }

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

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

 .neutral, td .neutral {
	background:#A5A5A5 url(http://kamelopedia.mormo.org/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(http://kamelopedia.mormo.org/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("http://kamelopedia.mormo.org/images/5/56/Headbg00.jpg") 0px 0px no-repeat;
	padding: 7px 0; 
	border: 1px inset #dfdfdf; 
	-moz-border-radius: 0.5em; 
	margin: 0.5em;
	}

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

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

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


 /* class="ausklappen2" (erstmal ganz einfach) */
 
 .ausklappen2 {
     background: #f0f0f0 url("images/5/5c/Siehe_auch.png") 3px 8px no-repeat !important;
     height: 25px !important;
     width:200px !important;
     overflow: hidden !important;
     }
 
 .ausklappen2:hover {
     background: #f0f0f0 url("images/c/c0/Ausgeklappt.png") 3px 8px no-repeat !important;
     height: auto !important;
     width:100% !important
     }

 /* Link-Buttons */
 
 .linkbutton1 { border-style: outset !important; }
 .linkbutton1:active { border-style: inset !important; }
 .linkbutton1 a:hover { text-decoration: none !important; }
 
 .linkbutton2 { border-style: solid !important; }
 .linkbutton2:hover { border-style: outset !important; }
 .linkbutton2:active { border-style: inset !important; }
 .linkbutton2 a:hover { text-decoration: none !important; }

 /* Breite der Dateiliste begrenzen */
 
 table[class="imagelist TablePager"] {max-width:80% !important;}


 /* neue Forumsbeiträge */
 
 .forum_new {font-weight:bold;}


 /* CSS für die Calendar-Extension */
  
 table.calendar          { margin: 0; padding: 10px; }
 table.calendar td       { margin: 0; padding: 2px; vertical-align: top; }
 table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
 table.month .dow td     { color:#aaa; text-align:center; font-size:110%; }
 table.month td.today    { background-color:#ddd; }
 table.month td {
     border: none;
     margin: 0;
     padding: 1pt 1.5pt;
     font-weight: bold;
     font-size: 8pt;
     text-align: right;
     background-color: #eee;
     }
 #bodyContent table.month a { background:none; padding:0 }
 .day-active { color:#0000cc }
 .day-empty  { color:#cc0000 }

 /* Camel Vision plus */
 
 a[title*='84.61'],
 a[title*='84.62'],
 a[title*='84.63'],
 a[title*='88.76'],
 a[title*='84.144'],
 a[title*='87.122'],
 a[title*='217.226']
 {background-color:#FFBE21 !important;color:#000000 !important;}

 /* siteSub (Kamelopedia, die freie Wissensdatenbank); nur auf Artikelseiten */
 /* für von aussen hier geschubste Besucher (über google &co.) wird besser ersichtlich */
 /* wo sie hier gelandet sind, da unser Name sonst nirgendwo prominent herumprangert */
 
 .ns-0 #siteSub {
     display: inline;
     color: #808080; 
     font-weight: normal;
     font-size: .9em;
     }

 /* kein siteSub + Seitentitel auf der Hauptseite */
 
 .page-Hauptseite #siteSub {display:none !important;}
 .page-Hauptseite .firstHeading {display:none !important;}


 /* Abschnittsbearbeitungslinks estwas zurücknehmen, die da: [bearbeiten] */
 
 .editsection a:link    {color:#8080FF;}
 .editsection a:visited {color:#8080FF;}
 .editsection a:focus   {color:#8080FF;}
 .editsection a:hover   {color:#0000C0;}
 .editsection a:active  {color:#8080FF;}
 .editsection           {color:#8080FF;}

 /* [[MediaWiki:Newarticletext]] nur im Artikelnamensraum anzeigen (wird ansonsten ausgeblendet) */
 
 .ns-0 #newbie {display:block !important;}
 .page-MediaWiki_Newarticletext #newbie {display:block !important;}

 /* Bildhintergründe für damit man sieht, wenn was transparent ist (bei nichtgefallen einfach wieder rausnehmen) */

 #file img {
     background: url("http://kamelopedia.mormo.org/images/c/c4/Bildseitenhintergrund.png");
     }

 /* Projekt:Kamelopedia-Logo-Mosaik */
 
 #logomosaik img {
     width:25px;
     height:19px;
     }

 /* Pseudo-Spezialseite für Ka-Mel-Oh! */
 a.new[href^="http://kamelopedia.mormo.org/index.php/Spezial:Karte/"] {
     color: #002bb8 !important;
 }