MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Interlinking_Pictura
(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: # | + | 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: # | + | background-color: #e3e3e3; |
− | border-color: # | + | border-color: #e3e3e3; |
− | background-image: linear-gradient(to bottom,# | + | 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: # | + | color: #AF122C; |
font-size: 24px; | font-size: 24px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
Zeile 29: | Zeile 32: | ||
} | } | ||
.btn-primary { | .btn-primary { | ||
− | color: # | + | color: #ffffff; |
− | + | background-image: linear-gradient( to bottom, #af122c 0, #931225 100% ); | |
− | background-image: linear-gradient(to bottom,# | + | border-color: #75111e; |
− | + | background-color: #af122c; | |
− | |||
} | } | ||
+ | |||
btn-primary:focus, .btn-primary:hover, .btn-primary:active { | btn-primary:focus, .btn-primary:hover, .btn-primary:active { | ||
− | background- | + | 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 { | .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; | ||
} | } | ||
Zeile 56: | Zeile 62: | ||
/* links formatting */ | /* links formatting */ | ||
a { | a { | ||
− | color: # | + | color: #af122c; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:focus, a:hover { | a:focus, a:hover { | ||
− | color: | + | color: #AF122C; |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
Zeile 75: | Zeile 81: | ||
.btn-info{ | .btn-info{ | ||
− | background-image: linear-gradient(to bottom,# | + | background-image: linear-gradient( to bottom, #c0564c 0, #af122c 100% ); |
+ | background-color: #af122c; | ||
} | } | ||
.panel-footer { | .panel-footer { | ||
Zeile 95: | Zeile 102: | ||
} | } | ||
− | .mw-ui-button | + | |
− | background-color: # | + | .mw-ui-button { |
− | border-color: # | + | 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: # | + | color: #ffffff; |
− | background-color: # | + | background-color: #af122c; |
− | border-color: # | + | border-color: #75111e; |
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.gallerytext > p { | .gallerytext > p { | ||
− | color: #8A2235; | + | color: #8A2235; |
} | } | ||
.smwb-title { | .smwb-title { | ||
font-size: 160%; | font-size: 160%; | ||
− | background-color: # | + | 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 # | + | 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; }