MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
Zeile 45: Zeile 45:
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
 +
 +
 +
/* back to top */
 +
 +
$(window).scroll(function() {
 +
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
 +
        $('#return-to-top').fadeIn(200);    // Fade in the arrow
 +
    } else {
 +
        $('#return-to-top').fadeOut(200);  // Else fade out the arrow
 +
    }
 +
});
 +
$('#return-to-top').click(function() {      // When arrow is clicked
 +
    $('body,html').animate({
 +
        scrollTop : 0                      // Scroll to top of body
 +
    }, 500);
 +
});

Version vom 1. Juni 2018, 16:12 Uhr

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

@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;}


.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;}

a, a:active, a:focus, a:hover, a:visited {color:#038387;}

.portlet ul {font-size:105%;}


/* accordion */

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    background-color: white;
    display:none;
    overflow: hidden;
}


/* back to top */

$(window).scroll(function() {
    if ($(this).scrollTop() >= 50) {        // If page is scrolled more than 50px
        $('#return-to-top').fadeIn(200);    // Fade in the arrow
    } else {
        $('#return-to-top').fadeOut(200);   // Else fade out the arrow
    }
});
$('#return-to-top').click(function() {      // When arrow is clicked
    $('body,html').animate({
        scrollTop : 0                       // Scroll to top of body
    }, 500);
});