MediaWiki:Common.css: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
Zeile 109: | Zeile 109: | ||
.sb-icon { | .sb-icon { | ||
− | position:absolute; top: | + | position:absolute; top:30%; |
right:15px; | right:15px; | ||
/* transform:translateY(-50%);*/ | /* transform:translateY(-50%);*/ | ||
Zeile 122: | Zeile 122: | ||
.accordion:hover > .sb-icon { | .accordion:hover > .sb-icon { | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:30%; |
right:15px; | right:15px; | ||
/* transform:translateY(-50%);*/ | /* transform:translateY(-50%);*/ | ||
Zeile 136: | Zeile 136: | ||
.active > .sb-icon, .active:hover > .sb-icon { | .active > .sb-icon, .active:hover > .sb-icon { | ||
position:absolute; | position:absolute; | ||
− | top: | + | top:30%; |
right:15px; | right:15px; | ||
/* transform:translateY(-50%);*/ | /* transform:translateY(-50%);*/ |
Version vom 7. Juni 2018, 16:20 Uhr
/* 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:11px;}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5 {font-family: 'Ubuntu', sans-serif;}
/* ==== 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;}
.portlet ul {font-size:105%;}
.generated-sidebar, #p-search {box-shadow: -2px 2px 3px #7b7b7b8f;}
/* ==== 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;}
/* ==== accordion ==== */
.accordion .text {transition:height 0.5s; overflow:hidden; line-height:1.3em;}
.accordion .text1 {height:1.3em;}
.accordion .text2 {height:0;}
.accordion:hover {
width:210px;
}
.accordion:hover .text1 {
height:0;
}
.accordion:hover .text2 {
height:1.3em;
}
.accordion {
width:140px;
color: #009688;
cursor: pointer;
padding: 5px 8px 3px 20px;
text-align: left;
font-size:16px;
border: none;
outline: none;
transition: 0.3s;
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.3s;
}
.active {
width:210px;
background-color:#009688;
color:white;
transition:0.3s;
}
.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;
/* transform:translateY(-50%);*/
height:14px;
width:24px;
background:url('http://wiki.e-vendo.de/images/5/57/Sb_arrow-down-t.png');
background-repeat:no-repeat;
/* transition:background 0.5s;*/
transition:transform 0.3s linear;
}
.accordion:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
/* transform:translateY(-50%);*/
transform:rotate(180deg);
transition:transform 0.3s linear;
height:14px;
width:24px;
background:url('http://wiki.e-vendo.de/images/e/e1/Sb_arrow-down-w.png');
background-repeat:no-repeat;
/* transition:background 0.5s;*/
}
.active > .sb-icon, .active:hover > .sb-icon {
position:absolute;
top:30%;
right:15px;
/* transform:translateY(-50%);*/
transform:rotate(180deg);
height:14px;
width:24px;
/* background:url('http://wiki.e-vendo.de/images/f/f1/Sb_arrow-up-w.png');*/
background-repeat:no-repeat;
/* transition:background 0.5s;*/
}
/* ==== back to top-button 2 ==== */
.btt2 {
background:url('http://wiki.e-vendo.de/images/c/c0/Btt_arrow-up-w.png');
background-repeat:no-repeat;
height:24px;
width:24px;
position:absolute; top:50%; left:28%;
}