MediaWiki:Common.css: Unterschied zwischen den Versionen
LB (Diskussion | Beiträge) |
LB (Diskussion | Beiträge) |
||
Zeile 19: | Zeile 19: | ||
.portlet ul {font-size:105%;} | .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; | ||
+ | } | ||
+ | |||
+ | /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ | ||
+ | .active, .accordion:hover { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | /* Style the accordion panel. Note: hidden by default */ | ||
+ | .panel { | ||
+ | padding: 0 18px; | ||
+ | background-color: white; | ||
+ | display: none; | ||
+ | overflow: hidden; | ||
+ | } |
Version vom 1. Juni 2018, 15:48 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;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
background-color: #ccc;
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}