MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 12. April 2015, 19:24 Uhr

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

.selflink {
   color: #000000;
}

.slideshow div {
  _position: absolute;
}

.slideshow div div {
  _position: static;
}

.highlightrow tr:hover {
  background-color: #a0a0a0;
}

/*
* 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;
 font-weight: bold;
 text-decoration: none;
}

li.heading:hover {
 background-color: #ccccff;
}

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: #F3F3F3;
 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: #F3F3F3;
 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 ul ul ul ul {
 background-color: #F3F3F3;
 border: 1px solid #aaaaaa;
 font-weight: normal;
 font-size: 17px;
 margin-top: 5px; /* make navigation easier*/
 margin-bottom: 5px; /* make navigation easier*/
 z-index: 103; /* 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;
 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; 
 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 */

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

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

.Inventar td {
        padding: 0;
        border: 0px;
}

.Inventar-positioner {
        position: absolute;
}

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

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

.VertrauterInventar td {
        padding: 0;
        border: 0px;
}

.AusruestungInventar {
        background-image: url(/w/images/4/4a/Ausr%C3%BCstung-Invi.png);
        width: 250px;
        height: 292px;
        position: relative;
}

.AusruestungInventarLeer {
        background-image: url(/w/images/0/02/Ausr%C3%BCstungsfeld-leer.png);
        width: 32px;
        height: 32px;
}

.AusruestungInventar table {
        width: 34px;
        height: 34px;
        text-align: center;
        border-spacing: 0;
        background-color: transparent;
}

.AusruestungInventar td {
        padding: 0;
        border: 0px;
}

.AusruestAura {
  position: absolute;
  top: 51px;
  left: 64px;
}

.AusruestKopf {
  position: absolute;
  top: 51px;
  left: 107px;
}

.AusruestCape {
  position: absolute;
  top: 90px;
  left: 64px;
}

.AusruestHals {
  position: absolute;
  top: 90px;
  left: 107px;
}

.AusruestPfeil {
  position: absolute;
  top: 90px;
  left: 147px;
}

.AusruestWaffe {
  position: absolute;
  top: 129px;
  left: 50px;
}

.AusruestKoerper {
  position: absolute;
  top: 129px;
  left: 107px;
} 

.AusruestSchild {
  position: absolute;
  top: 129px;
  left: 164px;
} 

.AusruestBeine {
  position: absolute;
  top: 169px;
  left: 107px;
}

.AusruestHand {
  position: absolute;
  top: 209px;
  left: 50px;
}

.AusruestSchuhe {
  position: absolute;
  top: 209px;
  left: 107px;
}

.AusruestRing {
  position: absolute;
  top: 209px;
  left: 164px;
}

.AusruestTasche {
  position: absolute;
  top: 51px;
  left: 147px;
}

.AusruestGewicht {
  position: absolute;
  top: 260px;
  left: 158px;
  color: #ffffff;
  text-shadow: black 1px 1px;
}

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

.Laden-neu-oben {
        background-image: url(/w/images/e/ec/Laden-neu-oben.png);
        width: 504px;
        height: 58px;
}

.Laden-neu-positioner {
        position: absolute;
}

.Laden-neu-Titel {
        position: absolute;
        top: -23px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        text-shadow: 0 0 3px black;
        width: 504px;
        color: rgb(235, 224, 188);
}

.Laden-neu-abstand {
        background-image: url(/w/images/3/34/Laden-neu-abstand.png);
        width: 504px;
        height: 1px;
}

.Laden-neu-mitte {
        background-image: url(/w/images/7/7b/Laden-neu-mitte.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-mittestoecke {
        background-image: url(/w/images/0/00/Laden-neu-mittehandelsstoecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-mittetokkul {
        background-image: url(/w/images/e/e5/Laden-neu-mittetokul.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-mitteachter {
        background-image: url(/w/images/3/33/Laden-neu-mitteachterstuecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-mittezemo {
        background-image: url(/w/images/2/26/Laden-neu-mitte-zemomark.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-letztezeile {
        background-image: url(/w/images/5/5e/Laden-neu-letzezeile.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-letztezeilestoecke {
        background-image: url(/w/images/3/30/Laden-neu-letzezeilehandelsstoecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-letztezeiletokkul {
        background-image: url(/w/images/b/bf/Laden-neu-letzezeiletokul.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-letztezeileachter {
        background-image: url(/w/images/4/44/Laden-neu-letzezeileachterstuecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-letztezeilezemo {
        background-image: url(/w/images/2/21/Laden-neu-letzezeile-zemomark.png);
        width: 504px;
        height: 52px;
}
.Laden-neu-erstezeile {
        background-image: url(/w/images/4/4f/Laden-neu-erstezeile.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-erstezeilestoecke {
        background-image: url(/w/images/6/6a/Laden-neu-erstezeilehandelsstoecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-erstezeiletokkul {
        background-image: url(/w/images/0/07/Laden-neu-erstezeiletokul.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-erstezeileachter {
        background-image: url(/w/images/0/08/Laden-neu-erstezeileachterstuecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-erstezeilezemo {
        background-image: url(/w/images/7/79/Laden-neu-erstezeile-zemomark.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-einezeile {
        background-image: url(/w/images/2/25/Laden-neu-einezeile.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-einezeilestoecke {
        background-image: url(/w/images/8/8e/Laden-neu-einezeilehandelsstoecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-einezeiletokkul {
        background-image: url(/w/images/c/cd/Laden-neu-einezeiletokul.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-einezeileachter {
        background-image: url(/w/images/6/61/Laden-neu-einezeileachterstuecke.png);
        width: 504px;
        height: 52px;
}

.Laden-neu-einezeilezemo {
        background-image: url(/w/images/b/b4/Laden-neu-einezeile-zemomark.png);
        width: 504px;
        height: 52px;
}
.Laden-neu-Anzahltext {
        position: absolute;
        z-index: 2;
        top: 1px;
        left: 8px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(255, 255, 0);
}

.Laden-neu-Preistext {
        position: absolute;
        top: 35px;
        right: -35px;
        font-family: Arial;
        font-size: 10px;
        color: rgb(229, 176, 81);
}

.Laden-neu-Image {
        position: absolute;
        top: 6px;
        left: 3px;
        width: 48px;
        z-index: 1;
}

.Laden-neu-unten {
        background-image: url(/w/images/a/ab/Laden-neu-unten.png);
        width: 504px;
        height: 10px;
}

.FaehigkeitsLeiste {
       background-image: url(/w/images/2/21/Faehigkeitsleiste.png);
       width: 517px;
       height: 77px;
}

.dragscroll {
        cursor: move;
}

.Schriftrolle-Links-Oben {
       background-image: url(/w/images/e/e2/Schriftrolle-Links-Oben.png);
       width: 65px;
       height: 84px;
}

.Schriftrolle-Rand-Oben {
       background-image: url(/w/images/0/00/Schriftrolle-Rand-Oben.png);
       background-repeat: repeat-x;
}

.Schriftrolle-Rechts-Oben {
      background-image: url(/w/images/0/05/Schriftrolle-Rechts-Oben.png);
      width: 73px;
      height: 84px;
}

.Schriftrolle-Rand-Links {
     background-image: url(/w/images/c/cb/Schriftrolle-Rand-Links.png);
     background-repeat: repeat-y;
}

.Schriftrolle-Rand-Rechts {
     background-image: url(/w/images/3/3b/Schriftrolle-Rand-Rechts.png);
     background-repeat: repeat-y;
}

.Schriftrolle-Links-Unten {
      background-image: url(/w/images/f/f6/Schriftrolle-Links-Unten.png);
      width: 65px;
      height: 79px;
}

.Schriftrolle-Rand-Unten {
       background-image: url(/w/images/5/5b/Schriftrolle-Rand-Unten.png);
       background-repeat: repeat-x;
}

.Schriftrolle-Rechts-Unten {
      background-image: url(/w/images/0/0f/Schriftrolle-Rechts-Unten.png);
      width: 73px;
      height: 79px;
}

.scrolltop {
    background-color: #F6F6F6;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 1px;
    bottom: 1px;
    font-size: 0.7em;
    padding: 1px 2px;
    position: fixed;
    right: 1px;
}

.Zert {
    background-image: url(/w/images/8/89/Zertifikat.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.Frag {
    background-image: url(/w/images/a/af/Fragment.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}