MediaWiki:Common.css: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
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);
});