MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 21. April 2011, 14:08 Uhr

/* CSS an dieser Stelle wirkt sich auf alle Skins aus */

.selflink {
   color: #000000;
}

.slideshow div {
  _position: absolute;
}

.slideshow div div {
  _position: static;
}

/*
* MenuSidebar
*/

#p-Menu,
#p-Menu2,
#p-Menu3 {
 overflow: visible;
}

/* this has to be overridden for every menu */
#p-Menu div,
#p-Menu2 div,
#p-Menu3 div {
 margin: 0;
 padding: 0;
}


/* this an example to change the background color of every second list item
li.even {
 background-color: #eeeeee;
}
*/

li.heading {
 display: block;
 border-width: 0px 0px 0px 0px;
 border-style: solid;
 border-color: #aaaaaa;
 margin: 0px;
 padding: 1px;
 padding-left: 5px;
 color: #aa0000;
 background-color: #F3F3F3;
 font-weight: bold;
 text-decoration: none;
}

li.heading em {
 position: absolute;
 right: 4px;
 font-weight: normal;
}

.item.seperator {
  background-image: url("skins/vector/images/portal-break.png");
  background-position: left top;
  background-repeat: no-repeat;
}

.menuSidebar ul { /* remove bullets and list indents */
 list-style: none;
 margin: 0;
 padding: 0;
}

/* this div is only for better handling and navigation  ... could also be done in inner ul*/
.menuSidebar ul div {
 position: absolute;
 top: -1px;
 left: 100%; /* to position them to the right of their containing block */
 width: 100%; /* width is based on the containing block */
 z-index: 100; /* show ul on top */
}

.menuSidebar ul ul {
 background-color: white;
 border: 1px solid #aaaaaa;
 font-weight: normal;
 font-size: 17px;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 101; /* show on top; Needed for IE 7 */
 width: 11em; /* width of inner menu, Needed for IE 7 */
}

.menuSidebar ul ul ul {
 background-color: white;
 border: 1px solid #aaaaaa;
 font-weight: normal;
 font-size: 17px;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 102; /* show on top; Needed for IE 7 */
 width: 11em; /* width of inner menu, Needed for IE 7 */
}


.menuSidebar li {
 position: relative; /* make li a container for inner elements */
 margin: 1px;
 z-index: 103; /* show on top; Needed for IE 7 */
}

/* style, color and size links and headings to suit */
.menuSidebar a {
/* font-weight: bold; */
 display: block;
 border-width: 0px 0px 0px 0px;
 border-style: solid;
 border-color: #aaaaaa;
 margin: 0px;
 padding: 1px;
 padding-left: 5px;
 background-color: #F3F3F3;
 color: #002bb8;
 text-decoration: none;
}

/* move the > to the right */
.menuSidebar a em {
 position: absolute;
 right: 4px;
}

.menuSidebar a:hover {
 background: #ccccff;
 text-decoration: underline;
}

.menuSidebar li.separator a:hover {
 background: white;
}

/* Needed for IE 7 */
.menuSidebar li.separator a,
.menuSidebar li.separator {
 line-height: 0px;
 height: 0px;
 font-size: 0px;
}

.menuSidebar ul li:last-Child a {
 border-width: 0px 0px 0px 0px; // remove the last bottom line
 padding-bottom: 0px;
}

/* hides the first level */
.menuSidebar ul li div { display: none; }

/* shows the first level and hide the second */
.menuSidebar ul li:hover div,
.menuSidebar ul li div:hover { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li:hover ul li div { display: none; } /* hide the next level */

/* second level*/
.menuSidebar ul li ul li:hover div,
.menuSidebar ul li ul li div:hover  { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li:hover ul li div { display: none; }  /* hide the next level */

/* third level */
.menuSidebar ul li ul li ul li:hover div,
.menuSidebar ul li ul li ul li div:hover   { display: block; } /* div is again used for easier navigation*/
.menuSidebar ul li ul li ul li:hover ul li div { display: none; }  /* hide the next level */


/* Stylesheet-Ergänzung zu Standard-[[Wikipedia:Navigationsleisten|Navigationsleisten]] */
 
div.NavFrame {
	clear: both;
	margin: 1.5em 0 0;
	border: 1px solid #aaa;
	padding: 2px;
	font-size: 95%;
	text-align: left;
}
 
/* Automatisches Verschmelzen, funktioniert nicht im IE 6 */
div.NavFrame + div.NavFrame {
	margin-top: -1px;
}
div.NavPic {
	margin: 0;
	padding: 2px;
	float: center;
}
div.NavHead {
}

div.NavContent {
        position: relative;
        top: 0px; 
        left: 25px;
}
 
/* Redundant zu .visualClear in shared.css und IE60Fixes.css */
div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
 
/* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in [[MediaWiki:Common.js]] implementiert wird */
.NavToggle {
	font-size: x-small;
	float: right;
        padding: 5px;
}
 
/* Workaround für Internet Explorer 6 */
div.NavFrame,
div.NavPic,
.NavToggle {
	position: relative;
}
 
/* [[Vorlage:NaviBlock]] */
div.BoxenVerschmelzen {
	clear: both;
	margin: 1.5em 0 0;
	border: 1px solid #aaa;
	padding: 2px 0 0;
	font-size: 95%;
}
div.BoxenVerschmelzen div.NavFrame {
	margin-top: 0;
	border-style: none;
	padding-top: 0;
	font-size: 100%;
}

.Inventar {
        background-image: url(/w/images/6/67/Inventar.png);
        width: 184px;
        height: 310px;
}

.Inventar-positioner {
        position: absolute;
}

.Inventar-text {
        position: absolute;
        top: -6px;
        left: 10px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(238, 250, 114);
}

.VertrauterInventar {
        background-image: url(/w/images/4/48/Vertrauter-invi.png);
        width: 332px;
        height: 275px;
}

.AusruestungInventar {
        background-image: url(/w/images/4/4a/Ausr%C3%BCstung-Invi.png);
        width: 179px;
        height: 300px;
        position: relative;
}
.AusruestungInventar table {
        width: 34px;
        height: 34px;
        text-align: center;
        border-spacing: 0;
        background-color: transparent;
}

.AusruestungInventar td {
        padding: 0;
}

.AusruestKopf {
        position: absolute;
        top: 42px;
        left: 72px;
}

.AusruestCape {
        position: absolute;
        top: 82px;
        left: 31px;
}

.AusruestHals {
        position: absolute;
        top: 82px;
        left: 72px;
}

.AusruestPfeil {
        position: absolute;
        top: 82px;
        left: 113px;
}

.AusruestWaffe {
        position: absolute;
        top: 121px;
        left: 17px;
}

.AusruestKoerper {
        position: absolute;
        top: 121px;
        left: 72px;
}

.AusruestSchild {
        position: absolute;
        top: 121px;
        left: 126px;
}

.AusruestBeine {
        position: absolute;
        top: 161px;
        left: 72px;
}

.AusruestHand {
        position: absolute;
        top: 201px;
        left: 17px;
}

.AusruestSchuhe {
        position: absolute;
        top: 201px;
        left: 72px;
}

.AusruestRing {
        position: absolute;
        top: 201px;
        left: 126px;
        background-color: transparent;
}

.AusruestGewicht {
        position: absolute;
        top: 256px;
        left: 93px;
        color: #ff9000;
        text-shadow: black 1px 1px;
}

.Laden {
        display: block;
        width: 500px;
        z-index: -1;
}

.Laden-oben {
        background-image: url(/w/images/5/5a/Laden-open.png);
        width: 500x;
        height: 37px;
}

.Laden-positioner {
        position: absolute;
}

.Laden-Titel {
        position: absolute;
        top: -17px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        text-shadow: black 1px 1px;
        width: 500px;
        color: rgb(255, 152, 31);
}

.Laden-Beschriftung {
        position: absolute;
        top: -17px;
        left: 20px;
        text-align: left;
        font-size: 13px;
        font-weight: bold;
        text-shadow: black 1px 1px;
        color: rgb(255, 152, 31);
}
.Laden-abstand {
        background-image: url(/w/images/c/ca/Laden-abstand.png);
        width: 500x;
        height: 14px;
}

.Laden-mitte {
        background-image: url(/w/images/7/72/Laden-mitte.png);
        width: 500x;
        height: 50px;
}

.Laden-Anzahltext {
        position: absolute;
        z-index: 2;
        top: -2px;
        left: 6px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(238, 250, 114);
}

.Laden-Preistext {
        position: absolute;
        top: 34px;
        left: 17px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(238, 250, 114);
}

.Laden-Image {
        position: absolute;
        top: 2px;
        left: 8px;
        z-index: 1;
}

.Laden-unten {
        background-image: url(/w/images/f/fb/Laden-unten.png);
        width: 500x;
        height: 34px;
}

.dragscroll {
        cursor: move;
}