MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus SchnuppTrupp
| Zeile 830: | Zeile 830: | ||
.AusruestungInventar1 { | .AusruestungInventar1 { | ||
| − | background-image: url(/w/images/ | + | background-image: url(/w/images/9/91/Ausr%C3%BCstung-Invi1.png); |
width: 288px; | width: 288px; | ||
height: 347px; | height: 347px; | ||
Version vom 20. August 2019, 18:31 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: -3px;
left: 2px;
font-size: 11px;
text-shadow: black 1px 1px;
text-align: left;
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: 288px;
height: 347px;
position: relative;
}
.AusruestungInventarLeer {
background-image: url(/w/images/0/02/Ausr%C3%BCstungsfeld-leer.png);
width: 40px;
height: 40px;
}
.AusruestungInventar table {
width: 40px;
height: 40px;
text-align: center;
border-spacing: 0;
background-color: transparent;
}
.AusruestungInventar td {
padding: 0;
border: 0px;
}
.AusruestAura {
position: absolute;
top: 53px;
left: 73px;
}
.AusruestKopf {
position: absolute;
top: 53px;
left: 123px;
}
.AusruestCape {
position: absolute;
top: 103px;
left: 73px;
}
.AusruestHals {
position: absolute;
top: 103px;
left: 123px;
}
.AusruestPfeil {
position: absolute;
top: 103px;
left: 173px;
}
.AusruestWaffe {
position: absolute;
top: 153px;
left: 49px;
}
.AusruestKoerper {
position: absolute;
top: 153px;
left: 123px;
}
.AusruestSchild {
position: absolute;
top: 153px;
left: 198px;
}
.AusruestBeine {
position: absolute;
top: 203px;
left: 123px;
}
.AusruestHand {
position: absolute;
top: 253px;
left: 49px;
}
.AusruestSchuhe {
position: absolute;
top: 253px;
left: 124px;
}
.AusruestRing {
position: absolute;
top: 253px;
left: 198px;
}
.AusruestTasche {
position: absolute;
top: 53px;
left: 173px;
}
.AusruestSymbol {
position: absolute;
top: 103px;
left: 24px;
}
.AusruestGewicht {
position: absolute;
top: 313px;
left: 206px;
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: -24px;
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: 16px;
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: 9px;
left: 2px;
}
.Akl2-nummer {
position: absolute;
font-size: 11px;
text-shadow: black 1px 1px;
color: rgb(228, 178, 56);
top: 4px;
left: 638px;
}
.Akl2-image {
position: absolute;
width: 45px;
}
.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);
}
.AB-Oben {
background-image: url(/w/images/4/4c/AB-oben.png);
width: 450px;
height: 116px;
}
.AB-Rand-Links {
background-image: url(/w/images/0/0d/AB-Rand-Links.png);
background-repeat: repeat-y;
width: 98px;
}
.AB-Rand-Rechts {
background-image: url(/w/images/b/b0/AB-Rand-rechts.png);
background-repeat: repeat-y;
width: 98px;
}
.AB-Mitte {
background-image: url(/w/images/0/07/AB-Mitte.png);
width: 254px;
}
.AB-Unten {
background-image: url(/w/images/1/10/AB-Unten.png);
width: 450px;
height: 100px;
}
.AB-text {
position: absolute;
width: 391px;
top: -15px;
left: 31px;
font-size: 13px;
text-align: center;
color: rgb(0, 0, 0);
}
.AusruestungInventar1 {
background-image: url(/w/images/9/91/Ausr%C3%BCstung-Invi1.png);
width: 288px;
height: 347px;
position: relative;
}
.AusruestungInventarLeer1 {
background-image: url(/w/images/0/02/Ausr%C3%BCstungsfeld-leer.png);
width: 40px;
height: 40px;
}
.AusruestungInventar1 table {
width: 40px;
height: 40px;
text-align: center;
border-spacing: 0;
background-color: transparent;
}
.AusruestungInventar1 td {
padding: 0;
border: 0px;
}
.AusruestAura1 {
position: absolute;
top: 53px;
left: 73px;
}
.AusruestKopf1 {
position: absolute;
top: 53px;
left: 123px;
}
.AusruestCape1 {
position: absolute;
top: 103px;
left: 73px;
}
.AusruestHals1 {
position: absolute;
top: 103px;
left: 123px;
}
.AusruestPfeil1 {
position: absolute;
top: 103px;
left: 173px;
}
.AusruestWaffe1 {
position: absolute;
top: 153px;
left: 49px;
}
.AusruestKoerper1 {
position: absolute;
top: 153px;
left: 123px;
}
.AusruestSchild1 {
position: absolute;
top: 153px;
left: 198px;
}
.AusruestBeine1 {
position: absolute;
top: 203px;
left: 123px;
}
.AusruestHand1 {
position: absolute;
top: 253px;
left: 49px;
}
.AusruestSchuhe1 {
position: absolute;
top: 253px;
left: 124px;
}
.AusruestRing1 {
position: absolute;
top: 253px;
left: 198px;
}
.AusruestTasche1 {
position: absolute;
top: 53px;
left: 173px;
}
.AusruestSymbol1 {
position: absolute;
top: 103px;
left: 24px;
}
.AusruestGewicht1 {
position: absolute;
top: 313px;
left: 206px;
color: #ffffff;
text-shadow: black 1px 1px;
}
