MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Interlinking_Pictura
(Die Seite wurde neu angelegt: „→CSS placed here will be applied to all skins: →Local extensions: Cora site: →===================================================: /* == Do not…“) |
|||
(89 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'); | ||
− | + | 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; | |
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | a: | + | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { |
− | + | background-image: none; | |
+ | background-color:#fff; | ||
} | } | ||
− | a: | + | .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; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | div. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | margin | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | /* 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; }