MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Interlinking_Pictura
(Der Seiteninhalt wurde durch einen anderen Text ersetzt: „→CSS placed here will be applied to all skins: “) |
|||
(88 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; | ||
+ | } | ||
+ | |||
+ | .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; } |
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; }