MediaWiki:Common.css
Version vom 26. Juni 2018, 12:14 Uhr von LB (Diskussion | Beiträge)
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:15px;}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;}
.mw-body-content {font-size:100%;}
/* ==== skin-anpassungen ==== */
#left-navigation, .mw-body {
margin-left:15em;
}
#p-logo a {
width:15em;
}
#mw-panel a:hover {
text-decoration:none !important;
font-weight:bold;
}
#mw-panel a, #mw-panel a:active, #mw-panel a:hover, #mw-panel a:focus, #mw-panel a:visited {
color:#038387 !important;
font-size:14px;
}
.mw-body h2 {
font-size:1.6em;
}
.mw-body h3 {
font-size:1.4em;
}
.mw-body h4 {
font-size:1.2em;
}
.mw-body h5 {
font-size:1.2em;
}
#mw-panel.collapsible-nav .portal .body ul li {
padding: 5px 0 5px 0;
}
div#footer {
margin-left:15em;
}
/* ==== wiki-seitenleiste/-contentbox ==== */
div#mw-panel {
width:14.5em;
}
#mw-panel.collapsible-nav .portal h3 a {
font-size:15px;
}
#mw-panel.collapsible-nav .portal .body {
margin:0 0 0 0.5em;
background-color:#ffffff;
border:1px solid #dedede;
padding:0 5px 0 5px;
}
/* ==== 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;
}
/* ==== 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 0 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:80px;
}
.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:122px;
font-size:1em;
line-height:1.2;
}
.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');
}