MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 6. Juli 2011, 14:16 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;
 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 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 */



/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.Boxmerge,
div.NavFrame {
    margin: 0px;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.Boxmerge div.NavFrame {
    border-style: none;
    border-style: hidden;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0px;
    padding: 2px;
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccccff;
    position:relative;
}
div.NavFrame p {
    font-size: 100%;
}
div.NavFrame div.NavContent {
    font-size: 100%;
}
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position:absolute;
    top:0px;
    right:3px;
    font-weight:normal;
    font-size:smaller;
}
 
/* [[Template:Navbox]] and wide variant */
 
/* Default skin for navigation boxes. */
table.navbox {              /* Navbox style */
    border: 1px solid #aaa;
    color: black;
    width: 100%; 
    margin: auto;
    margin-top: 5px;
    clear: both;
    font-size: 90%;
    text-align: left;
    padding: 1px;
}
table.navbox + table.navbox {
    margin-top:-1px;        /* single pixel border between adjacent navboxes */
}
.navbox, .navbox-subgroup {
    background: #f9f9f9;    /* Background color */
}
.navbox-title {             /* Title style */
    background: #ccccff;    /* Level 1 color */
    font-size:110%;
    text-align: center;      
    padding-left: 1em;
    padding-right: 1em;
    border:2px solid white;
}
.navbox-group {             /* Group style */
    background: #ddddff;    /* Level 2 color */
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-left:2px solid white;
    border-bottom:2px solid white;
}
.navbox .navbox-group a {
    white-space: normal;
}
.navbox-list {
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}
.navbox-subgroup .navbox-title {
    background: #ddddff;    /* Level 2 color */
}
.navbox-subgroup .navbox-group {
    background: #e6e6ff;    /* Level 3 color */
    padding-bottom: 5px;
    border-left: 0;
}
.navbox-subgroup .navbox-group a {
    white-space: normal;
}
.navbox-subgroup .navbox-list {
    background: transparent !important; 
    border-right: 0;
}
 
@media print {
    .navbox {
        display: none;
    }
}



.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: 500px;
        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: 500px;
        height: 14px;
}

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

.Laden-mittestoecke {
        background-image: url(/w/images/1/18/Laden-mitte-handelsstoecke.png);
        width: 500px;
        height: 50px;
}

.Laden-mittetokkul {
        background-image: url(/w/images/9/92/Laden-mitte-tokul.png);
        width: 500px;
        height: 50px;
}

.Laden-mitteachter {
        background-image: url(/w/images/f/f5/Laden-mitte-achterstuecke.png);
        width: 500px;
        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: 500px;
        height: 34px;
}

.dragscroll {
        cursor: move;
}