View source for MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/* CSS placed here will be applied to all skins */

div.stendhalAchievement,
div.stendhalCreature,
div.stendhalItem,
div.stendhalNPC,
div.stendhalPlayer {border: 1px solid black; padding: 0.5em; width: 15em; background-color: #FFF; text-align: left; font-size: 8pt}
.stendhalAchievementIconNameBanner,
.stendhalCreatureIconNameBanner,
.stendhalItemIconNameBanner,
.stendhalNPCIconNameBanner,
.stendhalPlayerIconNameBanner {white-space: nowrap}

a.stendhalAchievementLink,
div.stendhalAchievement a {font-style: italic; color: #F80}
a.stendhalAchievementLink:visited,
div.stendhalAchievement a:visited {font-style: italic; color: #D80}

a.stendhalCreatureLink,
div.stendhalCreature a {font-style: italic; color: #A00}
a.stendhalCreatureLink:visited,
div.stendhalCreature a:visited {font-style: italic; color: #700}

a.stendhalItemLink,
div.stendhalItem a {font-style: italic; color: #0A0}
a.stendhalItemLink:visited,
div.stendhalItem a:visited {font-style: italic; color: #070}

a.stendhalNPCLink,
div.stendhalNPC a {font-style: italic; color: #AAF}
a.stendhalNPCLink:visited,
div.stendhalNPC a:visited {font-style: italic; color: #77A}

a.stendhalPlayerLink,
div.stendhalPlayer a {font-style: italic; color: #AAA}
a.stendhalPlayerLink:visited,
div.stendhalPlayer a:visited {font-style: italic; color: #777}

span.stendhalAdmin {font-weight: bold}
span.stendhalAdminHigh {color: #770}
span.stendhalAdminMiddle {color: #AA0}
span.stendhalAdminLow {color: #CC0}

#tooltip {position: absolute}






 .wikitable,
 .prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #AAA solid;
  border-collapse: collapse;
  empty-cells:show;
 }
 
 .wikitable th, .wikitable td,
 .prettytable th, .prettytable td {
  border: 1px #AAA solid;
  padding: 0.3em;
 }
 
 .wikitable caption,
 .prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
 }

 /*
  * Farbdefinitionen f�r Rahmen und Hintergr�nde von [[Wikipedia:Textbausteine|Textbausteinen]].
  * Hier: Standardvorgaben f�r "dunkle Schrift auf hellem Grund".
  * F�r Hell-auf-dunkel-Skins ([[MediaWiki:Amethyst.css|Amethyst]]) m�ssen dort entsprechende Definitionen
  * zus�tzlich eingetragen werden! Anpassungen f�r andere Skins sind optional.
  * (Die Angaben der Rahmenst�rke dienen der Bequemlichkeit, so dass man
  * f�r d�nne Rahmen nur noch "border-style" angeben muss.)
  */
 
 .rahmenfarbe1 { /* Wie Inhaltsverzeichnis */
    border-color: #aaaaaa;
    border-width: 1px;
 }
 .rahmenfarbe2 { /* Unauff�llig, geringer Kontrast */
    border-color: #e9e9e9;
    border-width: 1px;
 }
 .rahmenfarbe3 { /* "Rot", auff�llig */
    border-color: #c00000;
    border-width: 1px;
 }
 .rahmenfarbe4 { /* Neutrale Farbe, deutlich */
    border-color: #8888aa;
    border-width: 1px;
 }
 .rahmenfarbe5 { /* "Schwarz", hoher Kontrast */
    border-color: #000000;
    border-width: 1px;
 }
 
 .hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
    background-color: #f9f9f9;
 }
 .hintergrundfarbe2 { /* "Wei�", f�r Nicht-Artikel-Seiten, neutral */
    background-color: #ffffff;
 }
 .hintergrundfarbe3 { /* "Gelb", auff�llig */
    background-color: #ffff40;
 }
 .hintergrundfarbe4 { /* Sehr auff�llig */
    background-color: #ffaa00;
 }
 .hintergrundfarbe5 { /* Neutral, abgesetzt */
    background-color: #e0e0e0;
 }
 .hintergrundfarbe6 { /* Allgemein �bunt�, f�r Hervorhebungen und Unterscheidungen */
    background-color: #b3b7ff;
 }
 .hintergrundfarbe7 { /* Allgemein �bunt�, f�r Hervorhebungen und Unterscheidungen */
    background-color: #ffcbcb;
 }
 .hintergrundfarbe8 { /* Allgemein �bunt�, f�r Hervorhebungen und Unterscheidungen */
    background-color: #ffebad;
 }
 .hintergrundfarbe9 { /* Allgemein �bunt�, f�r Hervorhebungen und Unterscheidungen */
    background-color: #b9ffc5;
 }



div.mw-geshi, div.source-java, div.source-xml, div.source-php {
  margin:1em 0; 
  border: 1px dashed #2fab6f;
}


.breadcrumbs {
   clear: both;
   border:1px solid #AAAAAA;
   background-color:#F9F9F9;
   padding:5px;
}




/** expandable boxes */

div.ExpandableFrame {
    display: inline-block;
}
div.ExpandableFrame {
    border: 1px solid #AAAAAA;
    clear: both;
    display: block;
    font-size: 95%;
    margin-top: 1.5em;
    padding: 2px;
}
div.ExpandableFrame + div.ExpandableFrame {
    margin-top: -1px;
}
div.ExpandablePic {
    float: left;
    padding: 2px;
}
div.ExpandableHead {
    background: none repeat scroll 0 0 #EFEFEF;
    font-weight: bold;
}
div.ExpandableEnd {
    display: none;
}
div.ExpandableFrame:after {
    clear: both;
    content: "";
    display: block;
}
.ExpandableToggle {
    float: right;
    font-size: x-small;
}




/* based on http://css-tricks.com/2282-simple-jquery-dropdowns/ */
div.dropdownmenu {}
div.dropdownmenu a  { text-decoration: none; }
div.dropdownmenu ul { margin: 0; padding: 0; list-style: none; position: relative; text-wrap: avoid}
div.dropdownmenu ul li       { float: left; zoom: 1; background: #ccc}
div.dropdownmenu>ul>li       { border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom:1em}
div.dropdownmenu ul a:hover  { color: #000; }
div.dropdownmenu ul a:active { color: #ffa500; }
div.dropdownmenu ul li span     { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }
div.dropdownmenu span.selectedmenu {display: block; background-color:#eee; font-weight: bold}
div.dropdownmenu ul li:last-child span { border-right: none; } /* Doesn't work in IE */
/*div.dropdownmenu ul ul li { display: inline; width: 100%; } */
div.dropdownmenu ul li.hover,
div.dropdownmenu ul li:hover   { background: #F3D673; color: black; position: relative; }
div.dropdownmenu ul li.hover a { color: black; }
div.dropdownmenu ul ul 	       { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; border: 1px solid black; padding: 0.2em; background-color: #ccc}
div.dropdownmenu ul ul li      { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none; }
div.dropdownmenu ul ul li a    { width:180px; display: inline-block; } 
div.dropdownmenu ul ul li a:first-child { display: inline; } 
div.dropdownmenu ul ul ul      { left: 100%; top: 0; }
div.dropdownmenu ul li:hover > ul { visibility: visible; }


div#content a[href^="https://"], .link-https {background-image: none}