MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 14. April 2017, 15:05 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: 295px;
        height: 370px;
}

.VertrauterInventar td {
        padding: 0;
        border: 0px;
        border-image-width: 0 0 0 0;
}

.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;
}

.Aktionsleiste {
       background-image: url(/w/images/5/56/Aktionsleiste.png);
       background-color: #23292c;
       width: 662px;
       height: 95px;
}

.Akl-pos {
        position: absolute;
}

.Akl-table {
        position: relative;
        top: 55px;
        left: 2px;
}

.Akl-nummer {
        position: absolute;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(228, 178, 56);
        top: 18px;
        left: 26px;
}

.Akl-image {
        position: absolute;
        width: 45px;
}

.Akl-taste {
        position: absolute;
        top: 17px;
        left: 5px;
        width: 36px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        text-align: left;
        color: #ffffff;
        z-index: 1;
}

.Akl-revol {
        position: absolute;
        border: 2px solid;
        border-color: yellow;
        width: 400px;
        height: 40px;
        top: 49px;
        left: 3px;
}

.Akl-hp {
        position: absolute;
        background: #de0d00;
        background: -moz-linear-gradient(left,  #de0d00 25%, #f87549 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%,#de0d00), color-stop(75%,#f87549));
        background: -webkit-linear-gradient(left,  #de0d00 25%,#f87549 75%);
        background: -o-linear-gradient(left,  #de0d00 25%,#f87549 75%);
        background: -ms-linear-gradient(left,  #de0d00 25%,#f87549 75%);
        background: linear-gradient(to right,  #de0d00 25%,#f87549 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0d00', endColorstr='#f87549',GradientType=1 );
        top: 25px;
        left: 106px;
        height: 5px;
        z-index: 0;
}

.Akl-adrenalin {
        position: absolute;
        background: #e4b238;
        background: -moz-linear-gradient(left,  #e4b238 25%, #f9e1a8 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%,#e4b238), color-stop(75%,#f9e1a8));
        background: -webkit-linear-gradient(left,  #e4b238 25%,#f9e1a8 75%);
        background: -o-linear-gradient(left,  #e4b238 25%,#f9e1a8 75%);
        background: -ms-linear-gradient(left,  #e4b238 25%,#f9e1a8 75%);
        background: linear-gradient(to right,  #e4b238 25%,#f9e1a8 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b238', endColorstr='#f9e1a8',GradientType=1 );
        top: 25px;
        left: 255px;
        height: 5px;
        z-index: 0;
}

.Akl-adrtext {
        position: absolute;
        color: white;
        top: 4px;
        left: 255px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        text-align: left;
}

.Akl-gebet {
        position: absolute;
        background: #382364;
        background: -moz-linear-gradient(left,  #382364 25%, #8a75be 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%,#382364), color-stop(75%,#8a75be));
        background: -webkit-linear-gradient(left,  #382364 25%,#8a75be 75%);
        background: -o-linear-gradient(left,  #382364 25%,#8a75be 75%);
        background: -ms-linear-gradient(left,  #382364 25%,#8a75be 75%);
        background: linear-gradient(to right,  #382364 25%,#8a75be 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#382364', endColorstr='#8a75be',GradientType=1 );
        top: 25px;
        left: 402px;
        height: 5px;
        z-index: 0;
}

.Akl-beschwoer {
        position: absolute;
        background: #035540;
        background: -moz-linear-gradient(left,  #035540 25%, #0abba4 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%,#035540), color-stop(75%,#0abba4));
        background: -webkit-linear-gradient(left,  #035540 25%,#0abba4 75%);
        background: -o-linear-gradient(left,  #035540 25%,#0abba4 75%);
        background: -ms-linear-gradient(left,  #035540 25%,#0abba4 75%);
        background: linear-gradient(to right,  #035540 25%,#0abba4 75%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035540', endColorstr='#0abba4',GradientType=1 );
        top: 25px;
        left: 551px;
        height: 5px;
        z-index: 0;
}

.Aktionsleiste2 {
       background-image: url( /w/images/f/fd/Zweite_Aktionsleiste.png);
       background-color: #23292c;
       width: 662px;
       height: 47px;
}

.Akl2-pos {
        position: absolute;
}

.Akl2-table {
        position: relative;
        top: 6px;
        left: 50px;
}

.Akl2-nummer {
        position: absolute;
        font-size: 11px;
        text-shadow: black 1px 1px;
        color: rgb(228, 178, 56);
        top: 46px;
        left: 25px;
}

.Akl2-image {
        position: absolute;
        width: 40px;
}

.Akl2-taste {
        position: absolute;
        top: 17px;
        left: 5px;
        width: 40px;
        font-size: 11px;
        text-shadow: black 1px 1px;
        text-align: left;
        color: #ffffff;
        z-index: 1;
}

.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%;
}

.rsr img {
    -webkit-transition: all 0.3s ease-in; /* Safari and Chrome */
    -moz-transition: all 0.3s ease-in; /* Firefox */
    -ms-transition: all 0.3s ease-in; /* IE 9 */
    -o-transition: all 0.3s ease-in; /* Opera */
    transition: all 0.3s ease-in;
}

.rsr:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}