MediaWiki: Common.css

Hinweis: Leere nach dem Speichern 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: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Gehe zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body.page-Hauptseite.action-view h1.firstHeading, body.rootpage-Hauptseite.action-submit h1.firstHeading { display: none; }

.navbar-nav {
margin-left: 100px;
}
.panel-primary {
    border-color: #28bcc6;
}
.panel-title {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
}
.panel-primary > .panel-heading {

   color: #fff;
   background-color: #28bcc6;
   border-color: #28bcc6;
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);}

.firstHeading{
font-family: 'Source Sans Pro', sans-serif;
color: #8A2235; 
font-size: 24px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.btn-primary {
color: #fff;
   background-color: #898989;
background-image: linear-gradient(to bottom,#B2B3B3 0,#898989 100%);
background-repeat: repeat-x;
border-color: #898989;
}
btn-primary:focus, .btn-primary:hover, .btn-primary:active {
background-color: #096c72;
border-color: #898989;
background-position: 0;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #28bcc6;
    border-color: #28bcc6;
}

/* logo and navbar */
.navbar{
min-height: 60px;}

.navbar-brand img {
height: 50px;
}
/* links formatting */
a {
    color: #28bcc6;
    text-decoration: none;
}

a:focus, a:hover {
    color: 096C8C;
    text-decoration: underline;
}


.fa {
margin-right: 10px;
}

.border-collapse {
padding-left:30px;
}

.btn-info{
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
}
.panel-footer {
font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
background-image: none;
background-color:#fff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #fff;
}

.sidebar-wrapper #ca-edit-ext {
   white-space: normal;
word-wrap: break-word;
}


.mw-ui-button {
    background-color: #28bcc6;
    color: #fff;
    border: 1px solid #28bcc6;
    text-shadow: 0 1px rgba(0,0,0,0.1);
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
    color: #fff;
    background-color: #28bcc6;
    border-color: #28bcc6;
}

.gallerytext > p {
   color: #8A2235; 
}

.smwb-title {
    font-size: 160%;
    background-color: #28bcc6;
   color: #8A2235; 
    line-height: 1.5;
    font-weight: normal;
}

.smwb-title > a {
   color: #8A2235; 
    line-height: 1.5;
    font-weight: normal;
}

.smwb-factbox {
    border-left: 0.5em solid #28bcc6;
    width: 100%;
}
/* for gallery creaded via template */
div.bertuch {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
}

div.bertuch:hover {
    border: 1px solid #777;
}

div.bertuch img {
    width: 100px;
    height: 130px;
}

div.desc {
    padding: 15px;
    text-align: center;
}
div.bertuch div {
    margin-top: 10px;
}
/* for maps */
div.maps {
    margin: 5px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 auto;
}

div.maps:hover {
    border: 1px solid #777;
}

div.maps img {
    width: 100px;
    height: 130px;
}

div.maps p {
    margin-top: 10px;
   text-align:center;
}
.leaflet-popup-content div.maps {
    text-align:center;
}
.leaflet-popup-content p {
    margin: 18px 0;
    text-align: center;
}