MediaWiki:Common.css
Aus Joachim Camerarius (1500-1574)
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
- Opera: Strg+F5
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css); @import url('https://fonts.googleapis.com/css?family=Roboto'); #footer-places-about { display: none; } #sfForm .select2-container-multi .select2-choices { min-height: 60px; } /* Tests */ .testPage{ font-family: 'Roboto', sans-serif; } /**************************************************/ /*************** Font and spacing *****************/ /**************************************************/ body{ line-height: 1.6; font-size: 170%; } /**************************************************/ /*************** Title fade in *******************/ /**************************************************/ #fadein { display:inline-block; color: white; margin-top: 10px; text-align: left; animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */ -webkit-animation: fadein 3s; /* Safari and Chrome */ -o-animation: fadein 3s; /* Opera */ } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1; } } @-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1; } } /**************************************************/ /************ Drilldown custom style **************/ /**************************************************/ /* Hide category header (temporary fix! should be fixed using hook) */ #drilldown-categories-tabs-wrapper{ display: none; } div.drilldown-filter:nth-of-type(odd) { background: rgba(192,192,192,0.15); } /**************************************************/ /******** Structured List custom style ************/ /**************************************************/ .structuredList h1 { background:rgba(153, 187, 255, 0.5); } .structuredList h2 { background:rgba(153, 187, 255, 0.25); } /**************************************************/ /******************** hover list ******************/ /**************************************************/ .hoverList ul > li { transition: opacity 0.2s ease-in-out; } .hoverList ul > li:hover { background: rgba(192,192,192,0.15); } /**************************************************/ /************ Sticky table headers ****************/ /**************************************************/ .sticky-table { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 10px; } /**************************************************/ /********** Allow full width element **************/ /**************************************************/ .full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } /**************************************************/ /************ Customize Jumbotron *****************/ /**************************************************/ .jumbotron { /* background-color:#006B99; */ padding-top: 15%; padding-bottom: 15%; background-image:url("https://i.imgur.com/8O36OdH.jpg"); background-size: cover; } .jumbotronScroll a { position: absolute; bottom: 20px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font : normal 400 20px/1, sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .jumbotronScroll a:hover { opacity: .5; } #section01 a { padding-top: 60px; } #section01 a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb01 2s infinite; animation: sdb01 2s infinite; box-sizing: border-box; } @-webkit-keyframes sdb01 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); } 20% { -webkit-transform: rotate(-45deg) translate(-10px, 10px); } 40% { -webkit-transform: rotate(-45deg) translate(0, 0); } } @keyframes sdb01 { 0% { transform: rotate(-45deg) translate(0, 0); } 20% { transform: rotate(-45deg) translate(-10px, 10px); } 40% { transform: rotate(-45deg) translate(0, 0); } } /****************************************************/ /** Hide information only needed for data editing **/ /**************************************************/ .private { display: none; } .hide { display: none; } /****************************************************/ /**** Override default bootstrap navbar sytling ****/ /***************************************************/ .navbar { background-color:#006B99; color:#ffffff; } .navbar .navbar-nav > li > a { color:#fff; } .navbar .navbar-nav > .active > a { color: #000000; background-color:transparent; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus, .navbar .navbar-nav > .open >a { text-decoration: none; background-color: #D3D3D3; color: #000000; } .navbar .navbar-brand { color:#ffffff; } .navbar .navbar-toggle { background-color:#D3D3D3; } .navbar .icon-bar { background-color:#006B99; } .navbar{ background-image: none; } /* for dropdowns only */ .navbar .navbar-nav .dropdown-menu { background-color: #ffffff; } .navbar .navbar-nav .dropdown-menu>li>a { color: #000000; } .navbar .navbar-nav .dropdown-menu>li.active>a { color: #ffffff; } .navbar .navbar-nav .dropdown-menu>li>a:hover,.navbar .navbar-nav .dropdown-menu>li>a:focus { color: #000000; } .navbar .navbar-nav .dropdown-menu>li>a:hover,.navbar .navbar-nav .dropdown-menu>li.dropdown.open>a:focus { cbackground-color: #b91773; } /******************************/ /* Animate Stats on main page */ /******************************/ .stats { text-align: center; font-size: 20px; font-weight: 700; font-family: 'Open Sans', sans-serif; } .stats .fa { color: #063d79; font-size: 40px; } /**** end count stats ****/ /********************************/ /* Disable output of categories */ /********************************/ .mw-category-generated { display: none; } /**********************************/ /* Table styling for public skin */ /*********************************/ table.dark-th th{ background-color: #e6e6e6; } /*************************************/ /* Styling SemanticDrilldown Buttons */ /************************************/ a.drilldown-btn { background-color: rgb(102, 153, 255); color: white; padding: 1.5em 2em; text-decoration: none; text-transform: uppercase; } a.drilldown-btn:hover { background-color: #02172D; } a.drilldown-btn:active { background-color: black; } a.drilldown-btn:visited { background-color: #ccc; }