MediaWiki: Common.css: Unterschied zwischen den Versionen

Aus Interlinking_Pictura
Wechseln zu: Navigation, Suche
 
(65 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
 
@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 {
 
.navbar-nav {
Zeile 6: Zeile 8:
 
}
 
}
 
.panel-primary {
 
.panel-primary {
     border-color: #28bcc6;
+
     border-color: #e3e3e3;
 
}
 
}
 
.panel-title {
 
.panel-title {
 
font-family: 'Source Sans Pro', sans-serif;
 
font-family: 'Source Sans Pro', sans-serif;
 
font-weight: bold;
 
font-weight: bold;
 +
color: #AF122C;
 
}
 
}
 
.panel-primary > .panel-heading {
 
.panel-primary > .panel-heading {
  
 
   color: #fff;
 
   color: #fff;
   background-color: #28bcc6;
+
   background-color: #e3e3e3;
   border-color: #28bcc6;
+
   border-color: #e3e3e3;
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);}
+
background-image: linear-gradient( to bottom, #fcfcfc 0,#e3e3e3 100%);}
  
 
.firstHeading{
 
.firstHeading{
 
font-family: 'Source Sans Pro', sans-serif;
 
font-family: 'Source Sans Pro', sans-serif;
color: #8A2235;  
+
color: #AF122C;  
 
font-size: 24px;
 
font-size: 24px;
 
margin-bottom: 20px;
 
margin-bottom: 20px;
Zeile 29: Zeile 32:
 
}
 
}
 
.btn-primary {
 
.btn-primary {
color: #fff;
+
color: #ffffff;
  background-color: #28bcc6;
+
background-image: linear-gradient( to bottom, #af122c 0, #931225 100% );
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
+
border-color: #75111e;
background-repeat: repeat-x;
+
background-color: #af122c;
border-color: #28bcc6;
 
 
}
 
}
 +
 
btn-primary:focus, .btn-primary:hover, .btn-primary:active {
 
btn-primary:focus, .btn-primary:hover, .btn-primary:active {
background-color: #096c72;
+
color: #ffffff;
border-color: #28bcc6;
+
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
background-position: 0;
+
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 {
 
.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;
+
color: #ffffff;
    background-color: #28bcc6;
+
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100%);
    border-color: #28bcc6;
+
background-color: #af122c;
 +
border-color: #75111e;
 
}
 
}
  
Zeile 56: Zeile 62:
 
/* links formatting */
 
/* links formatting */
 
a {
 
a {
     color: #28bcc6;
+
     color: #af122c;
 
     text-decoration: none;
 
     text-decoration: none;
 
}
 
}
  
 
a:focus, a:hover {
 
a:focus, a:hover {
     color: 096C8C;
+
     color: #AF122C;
 
     text-decoration: underline;
 
     text-decoration: underline;
 
}
 
}
Zeile 75: Zeile 81:
  
 
.btn-info{
 
.btn-info{
background-image: linear-gradient(to bottom,#16a7b1 0,#28bcc6 100%);
+
background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% );
 +
background-color: #af122c;
 
}
 
}
 
.panel-footer {
 
.panel-footer {
Zeile 95: Zeile 102:
 
}
 
}
  
.mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-constructive:hover {
+
 
     background-color: #28bcc6;
+
.mw-ui-button {
     border-color: #28bcc6;
+
     background-color: #af122c;
 +
    color: #ffffff;
 +
     border-color: #75111e;
 
}
 
}
 +
  
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
     color: #fff;
+
     color: #ffffff;
     background-color: #28bcc6;
+
     background-color: #af122c;
     border-color: #28bcc6;
+
     border-color: #75111e;
}
 
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']{
 
    background-color: #28bcc6;
 
    border-color: #28bcc6;
 
 
 
 
}
 
}
  
 
.gallerytext > p {
 
.gallerytext > p {
   color: #8A2235;  
+
   color: #8A2235;
 
}
 
}
  
 
.smwb-title {
 
.smwb-title {
 
     font-size: 160%;
 
     font-size: 160%;
     background-color: #28bcc6;
+
     background-color: #e3e3e3;
 
   color: #8A2235;  
 
   color: #8A2235;  
 
     line-height: 1.5;
 
     line-height: 1.5;
Zeile 130: Zeile 135:
  
 
.smwb-factbox {
 
.smwb-factbox {
     border-left: 0.5em solid #28bcc6;
+
     border-left: 0.5em solid #e3e3e3;
 
     width: 100%;
 
     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; }

Aktuelle Version vom 1. August 2019, 13:39 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: #e3e3e3;
}
.panel-title {
font-family: 'Source Sans Pro', sans-serif;
font-weight: bold;
color: #AF122C;
}
.panel-primary > .panel-heading {

   color: #fff;
   background-color: #e3e3e3;
   border-color: #e3e3e3;
background-image: linear-gradient( to bottom, #fcfcfc 0,#e3e3e3 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;
background-color: #af122c;
}

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% );
background-color: #af122c;
}
.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;
}


.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: #e3e3e3;
   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 #e3e3e3;
    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; }