MediaWiki:Common.css

Hinweis: Leere nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* ==== fonts ==== */

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {font-family: 'Open Sans', sans-serif; font-size:16px;}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;}


/* ==== skin-anpassungen ==== */

#left-navigation, .mw-body {
  margin-left:13em;
}

#p-logo a {
  width:12em;
}


/* ==== navboxes ==== */

/*
.nb2 div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
.nb2 div {transition: box-shadow 0.3s;}

.nb2-o div:hover {box-shadow:0px 0px 15px 0px rgba(255, 149, 2, 0.53);}
.nb2-o div {transition: box-shadow 0.3s;}

.nb50 > div:hover {box-shadow:0px 0px 15px 0px #dddddd;}
.nb50 > div {transition: box-shadow 0.3s;}
*/


.nb32-hov>a>div::after, .nb2-hov>div::after, .nb50-hov>div::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #038387;
}

.nb32-hov>a>div:hover::after, .nb2-hov>div:hover::after, .nb50-hov>div:hover::after {
  width:100%;
}

.nb32-hov>a>div::after, .nb2-hov>div::after {
  transition: width .3s ease-out;
}

.nb50-hov>div::after {
  transition: width .6s ease-out;
}

.nb32-hov a:hover, .nb2-hov a:hover, .nb50-hov a:hover {
  font-weight:normal !important;
}















/* ==== wiki-seitenleiste/-contentbox ==== */

.portlet {width:15em;}
.portlet ul {font-size:105%;}
.generated-sidebar, #p-search, #p-tb, #content {box-shadow: -3px 3px 3px #CFD8DC;}
#p-SEARCH {display:none;}


/* ==== links ==== */

a, a:active, a:focus, a:visited {color:#038387; text-decoration:none;}

.portlet a:hover, .mw-body a:hover {text-decoration:none; font-weight:bold;}

.nb2 a:hover, .nb2-o a:hover, .nb50 a:hover {font-weight:normal !important;}


/* ==== text decoration ==== */

.border-btm-rot   {border-bottom:2px solid #d81b60;}
.border-btm-blau  {border-bottom:2px solid #1e88e5;}
.border-btm-gruen {border-bottom:2px solid #7cb342;}
.border-btm-gelb  {border-bottom:2px solid #ffb300;}


/* ==== accordion ==== */

.accordion {
    width:140px;
    color: #009688;
    cursor: pointer;
    padding: 5px 8px 3px 20px;
    text-align: left;
    font-size:16px;
    border: none;
    outline: none;
    transition:0.2s;
    border:2px solid #009688;
    box-shadow:2px 2px 3px #00796b61;
    background-color:#fbfbfb;
    position:fixed;
    right:10px;
    top:50px;
}

.accordion:hover {
    background-color:#009688;
    color:white;
    transition:0.2s;
}

.accordion:hover {
    width:210px;
}

.accordion:hover .text1 {
    height:0;
}

.accordion:hover .text2 {
    height:1.3em;
}

.accordion .text {
    transition:height 0.2s;
    overflow:hidden;
    line-height:1.3em;
}

.accordion .text1 {
    height:1.3em;
}

.accordion .text2 {
    height:0;
}

.active {
    width:210px;
    background-color:#009688;
    color:white;
    transition:0.2s;
}

.active > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    transition:transform 0.2s linear;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
    background-repeat:no-repeat;
}

.active .text1 {
    height:0;
}

.active .text2 {
    height:1.3em;
}

.panel {
    width:198px;
    padding:10px 20px;
    background-color:#f9f9f9;
    display:none;
    overflow: hidden;
    border:2px solid #009688;
    box-shadow:2px 2px 3px #00796b61;
    position:fixed;
    right:10px;
    top:92px;
}

.panel img {
    position:relative;
    top:-1px;
}

.panel hr {
    margin: 10px 0;
}

.panel a:hover {
    font-weight:bold;
    text-decoration:none;
}

.sb-icon {
    position:absolute; top:30%;
    right:15px;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png');
    background-repeat:no-repeat;
    transition:transform 0.2s linear;
}

.accordion:hover > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    transition:transform 0.2s linear;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
    background-repeat:no-repeat;
}

.active > .sb-icon, .active:hover > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    height:14px;
    width:24px;
    background-repeat:no-repeat;
}

.sb-inline {
    display:inline-block;
    width:85%;
}

.sb-inline-m {
    display:inline-block;
    margin-right:5px;
}

.sb-inline-mb {
    margin-bottom:6px;
}

.sb-inline-2z {
    position:relative;
    top:-20px;
}

.sb-inline-tab {
    margin-left:25px;
}

.sb-inline-tabtext {
    width:75%;
}


/* ==== accordion 2 (erp-konfig) ==== */

.accordion2 {
    width:140px;
    color: #009688;
    cursor: pointer;
    padding: 5px 8px 3px 20px;
    text-align: left;
    font-size:16px;
    border: none;
    outline: none;
    transition:0.2s;
    border:2px solid #009688;
    box-shadow:2px 2px 3px #00796b61;
    background-color:#fbfbfb;
    position:fixed;
    right:10px;
    top:50px;
}

.accordion2:hover {
    width:260px;
    background-color:#009688;
    color:white;
    transition:0.2s;
}

.accordion2:hover .text1 {
    height:0;
}

.accordion2:hover .text2 {
    height:1.3em;
}

.accordion2 .text {
    transition:height 0.2s;
    overflow:hidden;
    line-height:1.3em;
}

.accordion2 .text1 {
    height:1.3em;
}

.accordion2 .text2 {
    height:0;
}

.active2 {
    width:260px;
    background-color:#009688;
    color:white;
    transition:0.2s;
}

.active2 > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    transition:transform 0.2s linear;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
    background-repeat:no-repeat;
}

.active2 .text1 {
    height:0;
}

.active2 .text2 {
    height:1.3em;
}

.panel2 {
    width:258px;
    padding:10px 10px 10px 20px;
    background-color:#f9f9f9;
    display:none;
    overflow: hidden;
    border:2px solid #009688;
    box-shadow:2px 2px 3px #00796b61;
    position:fixed;
    right:10px;
    top:92px;
}

.panel2 img {
    position:relative;
    top:-1px;
}

.panel2 hr {
    margin: 10px 0;
}

.panel2 a:hover {
    font-weight:bold;
    text-decoration:none;
}

.sb-icon {
    position:absolute; top:30%;
    right:15px;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png');
    background-repeat:no-repeat;
    transition:transform 0.2s linear;
}

.accordion2:hover > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    transition:transform 0.2s linear;
    height:14px;
    width:24px;
    background:url('http://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
    background-repeat:no-repeat;
}

.active2 > .sb-icon, .active2:hover > .sb-icon {
    position:absolute;
    top:30%;
    right:15px;
    transform:rotate(180deg);
    height:14px;
    width:24px;
    background-repeat:no-repeat;
}

.sb-inline {
    display:inline-block;
    width:85%;
}

.sb-inline-m {
    display:inline-block;
    margin-right:5px;
}

.sb-inline-mb {
    margin-bottom:6px;
}

.sb-inline-2z {
    position:relative;
    top:-20px;
}

.sb-inline-tab {
    margin-left:25px;
}

.sb-inline-tabtext {
    width:75%;
}



/*  ==== accordion 3 (zweite ebene in erp-konfig) ====  */

.accordion3 {
    width:220px;
    color: #038387;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    transition:0.2s;
    background-color:#fbfbfb;
}

.active3 {
    width:220px;
    transition:0.2s;
}

.panel3 {
    width:198px;
    padding:0 20px;
    background-color:#f9f9f9;
    display:none;
    overflow: hidden;
}

.panel3 img {
    position:relative;
    top:-1px;
}

.panel3 a:hover {
    font-weight:bold;
    text-decoration:none;
}

.sb-inline3 {
    display:inline-block;
    width:84%;
}

.sb-inline3:hover {
    font-weight:bold;
    text-decoration:none;
}

.sb-inline-m3 {
    display:inline-block;
    margin-left:5px;
}



/* ==== back to top-button ==== */

#btt {
    border:2px solid #009688;
    background-color:#ffffff;
    height:40px;
    width:40px;
    position:fixed;
    bottom:20px;
    right:0px;
    transition:0.3s;
}

#btt:hover, #btt:active {
    width:160px;
    background-color:#009688;
    box-shadow:-2px 2px 3px #00796b61;
}

.btt-img {
    display:inline-block;
    margin-top:-6px;
    background:url('http://wiki.e-vendo.de/images/0/0e/Btt2_arrow-up-t.png');
}

.btt-img:hover {
    background:url('http://wiki.e-vendo.de/images/f/fe/Btt2_arrow-up-w.png');
}