MediaWiki:Common.css: Unterschied zwischen den Versionen

/* 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%;}


/* ==== 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;}


.asd {
  color:white;
  width:150px;
  height:40px;
  position:fixed;
  right:15px;
  top:100px;
  transition:width 0.5s;
  background-color:#009688;
}

.asdasdasd {opacity:0; transition:opacity 0.5s;}

.asd:hover {
  transition:width 0.5s;
  width:250px;
}

.asd:hover asd2 asdasd {
  transition:opacity 0.5s;
  opacity:0;
}

.asd:hover asd2 asdasdasd{
  transition:opacity 0.5s;
  opacity:1;
}





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

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

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

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

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

.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:50%; transform:translateY(-50%);
    margin-left:30px;
    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;
}

.accordion:hover > .sb-icon {
    position:absolute; top:50%; transform:translateY(-50%);
    margin-left:30px;
    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:50%; transform:translateY(-50%);
    margin-left:30px;
    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%;
}