MediaWiki: Common.css: Unterschied zwischen den Versionen

Version vom 31. Juli 2019, 15:06 Uhr

/* 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;
color: #AF122C;
}
.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: #AF122C; 
font-size: 24px;
margin-bottom: 20px;
text-align: center;
font-weight: bold;
letter-spacing: normal;
}
.btn-primary {
color: #ffffff;
background-image: linear-gradient( to bottom, #af122c 0, #931225 100% );
border-color: #75111e;
}

btn-primary:focus, .btn-primary:hover, .btn-primary:active {
color: #ffffff;
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
background-color: #af122c;
border-color: #75111e;
}


.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: #ffffff;
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100%);
background-color: #af122c;
border-color: #75111e;
}

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

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

a:focus, a:hover {
    color: #AF122C;
    text-decoration: underline;
}


.fa {
margin-right: 10px;
}

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

.btn-info{
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 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: #af122c;
    color: #ffffff;
    border-color: #75111e;;
    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: #ffffff;
    background-color: #af122c;
    border-color: #75111e;
}

.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: 130px;
    height: 130px;
}

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

h2{
    font-family: 'Source Sans Pro',sans-serif;
    color: #AF122C;
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: bold;
    letter-spacing: normal;
}

h3 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }

h4 { color: #AF122C; font-family: 'Source Sans Pro', sans-serif; }

p { color: #333333; font-family: 'Source Sans Pro', sans-serif; }