MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus SchnuppTrupp
Zeile 821: | Zeile 821: | ||
.AB-text { | .AB-text { | ||
position: absolute; | position: absolute; | ||
− | width: | + | width: 391px; |
top: -15px; | top: -15px; | ||
− | left: | + | left: 31px; |
font-size: 13px; | font-size: 13px; | ||
text-align: center; | text-align: center; | ||
color: rgb(0, 0, 0); | color: rgb(0, 0, 0); | ||
} | } |
Version vom 6. Dezember 2017, 00:49 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); }