MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Krötenwanderung
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
(162 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 2: | Zeile 2: | ||
body { | body { | ||
background:url( | background:url(/images/d/d8/Bg.svg) no-repeat; | ||
background-position:top; | |||
background-attachment:fixed; | |||
} | |||
@media (max-width: 768px) { | |||
body { | |||
background-position:top left 0px; | |||
} | |||
} | } | ||
#mw-navigation { | #mw-navigation { | ||
background-color:transparent !important; | |||
} | |||
@media(min-width:1200px) { | |||
#mw-navigation > .container { | |||
background: url(/images/d/db/KRÖTE_beschnitten.svg); | |||
background-repeat: no-repeat; | |||
background-size: 200px; | |||
background-position: 50px 215px; | |||
padding-bottom: 100px; | |||
} | |||
} | |||
@media(min-width:1400px) { | |||
#mw-navigation > .container { | |||
background-position: 115px 215px; | |||
} | |||
} | |||
#footer { | |||
background-color: transparent !important; | |||
padding-bottom:10px; | |||
} | |||
.navbar-brand img { | |||
margin-top:0; | |||
} | |||
.navbar-toggler { | |||
border:none !important; | |||
box-shadow:none !important; | |||
} | |||
@media(min-width:576px) { | |||
.navbar-brand { | |||
text-align:center; | |||
width:100%; | |||
display:block; | |||
margin-top:50px; | |||
margin-bottom:50px; | |||
} | |||
.navbar-brand img { | |||
height: auto; | |||
max-width:80%; | |||
width:800px; | |||
} | |||
.navbar > .container { | |||
display:block; | |||
} | |||
} | |||
@media(min-width:1200px) { | |||
.navbar-brand { | |||
margin-bottom:100px; | |||
} | |||
} | |||
@media(max-width:400px) { | |||
.navbar-brand img { | |||
height:30px; | |||
margin-top:10px; | |||
} | |||
} | |||
#mw-navigation .navbar-nav.me-auto { | |||
justify-content:center; | |||
margin:auto !important; | |||
} | |||
#mw-navigation .nav-link { | |||
color: white; | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
font-size: 18px; | |||
padding-left:10px; | |||
padding-right:10px; | |||
} | |||
#mw-navigation .nav-link:hover { | |||
color:white; | |||
} | |||
#mw-navigation .navbar-nav .nav-link:active, #mw-navigation .navbar-nav .nav-link.active { | |||
color:white; | |||
} | |||
#mw-navigation .nav-item { | |||
background-color:black; | |||
} | |||
@media(min-width:992px) { | |||
#mw-navigation .nav-item + .nav-item { | |||
margin-left:15px; | |||
} | |||
} | |||
@media(max-width:991.98px) and (min-width:576px) { | |||
#mw-navigation .nav-item + .nav-item { | |||
margin-left:5px; | |||
} | |||
} | |||
@media(max-width:575.98px) { | |||
#mw-navigation .nav-item { | |||
margin-top:2px; | |||
} | |||
#mw-navigation .nav-item:first-child { | |||
margin-top:5px; | |||
} | |||
} | |||
#footer .container { | |||
padding-left:40px; | |||
padding-right:25px; | |||
} | |||
@media(max-width:1400px) { | |||
#footer .container { | |||
padding:0; | |||
margin:0; | |||
max-width:100% | |||
} | |||
#footer .container .row { | |||
margin:0; | |||
} | |||
.kroeten-footer-kurs { | |||
margin:0 !important; | |||
} | |||
} | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
font-weight:bold; | |||
} | |||
#firstHeading, | |||
#bodyContent p, | |||
#bodyContent ul, | |||
.semorg-detail, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
background-color:#ffffffcc; | |||
//margin-left:-5px; | |||
//margin-right:-5px; | |||
padding-left:5px; | |||
padding-right:5px; | |||
} | |||
h3 { | |||
background-color: var(--kroetengelb-light); // | |||
} | |||
h4 { | |||
} | |||
h5 { | |||
} | |||
.bg-white { | |||
padding-top:10px; | |||
padding-bottom:10px; | |||
margin-bottom:1rem; | |||
} | |||
h5.card-title { | |||
padding:0; | |||
} | |||
.card { | |||
border:none; | |||
background-color:transparent; | background-color:transparent; | ||
} | |||
.card-text { | |||
background-color:white; | |||
} | |||
.card-title { | |||
background-color:white; | |||
margin-bottom:0; | |||
} | |||
.kroeten-card-ort { | |||
margin-top:5px; | |||
margin-bottom:10px; | |||
border-bottom:1px solid #666; | |||
} | |||
.kroeten-card-ort-ort { | |||
} | |||
.kroeten-card-ort-bundesland { | |||
float:right; | |||
} | |||
#bodyContent .card-title .card-link { | |||
color:black; | |||
text-decoration:none; | |||
} | |||
.card .semorg-msg { | |||
visibility:hidden; | |||
} | |||
.card-body { | |||
background-color:white; | |||
} | |||
@media (min-width: 768px) { | |||
.semorg-list .card-body { | |||
min-height:200px; | |||
} | |||
} | |||
.tweeki-user-logged-in .card:hover .semorg-msg { | |||
visibility:visible; | |||
} | |||
.semorg-filterbox { | |||
background-color:white; | |||
} | |||
.semorg-list-map .maps-leaflet { | |||
height:300px !important; | |||
} | |||
.leaflet-tile-pane { | |||
filter: grayscale() contrast(1.2); | |||
} | |||
#bodyContent a { | |||
text-decoration:underline; | |||
} | |||
#content a:hover, | |||
#content a:active, | |||
#content a:focus { | |||
color:var(--kroetenlila) !important; | |||
color:var(--kroetengruen) !important; | |||
} | |||
#bodyContent btn-primary a { | |||
text-decoration:none; | |||
} | |||
@media screen { | |||
.mw-parser-output a.extiw, .mw-parser-output a.external { | |||
color: var(--bs-link-color) !important; | |||
} | |||
} | |||
.tweeki-non-advanced .semorg-list-header { | |||
display:none; | |||
} | |||
.semorg-form-section, | |||
.semorg-row, | |||
.oo-ui-panelLayout { | |||
background-color:white; | |||
} | |||
div.leaflet-marker-icon { | |||
filter:grayscale(); | |||
} | |||
img.leaflet-marker-icon { | |||
margin-top:-10px !important; | |||
} | |||
.oo-ui-iconElement-icon { | |||
//display:none; // weiß nicht mehr, wofür das war, jedenfalls zu generell, zerschießt z.B. Suchformular | |||
} | |||
.kroeten-footer-kurs { | |||
background:url(/images/a/ab/Krötenkurs_beschnitten.svg); | |||
background-repeat:repeat-x; | |||
height:25px; | |||
margin-left:-6px; | |||
margin-right:-6px; | |||
} | |||
.kroeten-footer-impressum { | |||
text-align:center; | |||
margin-top:20px; | |||
} | |||
#footer .kroeten-footer-impressum a { | |||
color:black; | |||
} | |||
.leaflet-container { | |||
font-family:var(--bs-font-sans-serif); | |||
} | |||
@media(min-width:992px) { | |||
.leaflet-container { | |||
font-size:var(--bs-body-font-size); | |||
} | |||
} | |||
.leaflet-container a { | |||
color:black; | |||
} | |||
#bodyContent .leaflet-bar a, | |||
#bodyContent .leaflet-popup a { | |||
text-decoration:none; | |||
} | |||
#bodyContent .einfaerben { | |||
width:100%; | |||
max-width:500px; | |||
} | |||
.k-accordion h2 button { | |||
font-weight:bold; | |||
font-size:1.25rem; | |||
} | |||
.k-accordion .accordion-button:not(.collapsed) { | |||
background-color:white; | |||
box-shadow: none; | |||
} | |||
.semorg-filterbox { | |||
color: #000; | |||
font-size: inherit; | |||
} | |||
.k-startseite-card-text { | |||
margin-top:15px; | |||
line-height:1.3; | |||
} | |||
.kroeten-footer-impressum a+a:before { | |||
content:" · "; | |||
} | |||
#pfForm { | |||
background-color:#ffffffcc; | |||
} | |||
.card .semorg-projekt-logo img { | |||
filter:grayscale(1); | |||
} | |||
.oo-ui-icon-upload { | |||
display:none; | |||
} | |||
.kroeten-ticker { | |||
overflow: hidden; | |||
color: white; | |||
background-color: black; | |||
font-size: var(--bs-body-font-size); | |||
margin-left:-18px; | |||
margin-right:-7px; | |||
} | } |
Aktuelle Version vom 20. Februar 2025, 10:02 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body {
background:url(/images/d/d8/Bg.svg) no-repeat;
background-position:top;
background-attachment:fixed;
}
@media (max-width: 768px) {
body {
background-position:top left 0px;
}
}
#mw-navigation {
background-color:transparent !important;
}
@media(min-width:1200px) {
#mw-navigation > .container {
background: url(/images/d/db/KRÖTE_beschnitten.svg);
background-repeat: no-repeat;
background-size: 200px;
background-position: 50px 215px;
padding-bottom: 100px;
}
}
@media(min-width:1400px) {
#mw-navigation > .container {
background-position: 115px 215px;
}
}
#footer {
background-color: transparent !important;
padding-bottom:10px;
}
.navbar-brand img {
margin-top:0;
}
.navbar-toggler {
border:none !important;
box-shadow:none !important;
}
@media(min-width:576px) {
.navbar-brand {
text-align:center;
width:100%;
display:block;
margin-top:50px;
margin-bottom:50px;
}
.navbar-brand img {
height: auto;
max-width:80%;
width:800px;
}
.navbar > .container {
display:block;
}
}
@media(min-width:1200px) {
.navbar-brand {
margin-bottom:100px;
}
}
@media(max-width:400px) {
.navbar-brand img {
height:30px;
margin-top:10px;
}
}
#mw-navigation .navbar-nav.me-auto {
justify-content:center;
margin:auto !important;
}
#mw-navigation .nav-link {
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
padding-left:10px;
padding-right:10px;
}
#mw-navigation .nav-link:hover {
color:white;
}
#mw-navigation .navbar-nav .nav-link:active, #mw-navigation .navbar-nav .nav-link.active {
color:white;
}
#mw-navigation .nav-item {
background-color:black;
}
@media(min-width:992px) {
#mw-navigation .nav-item + .nav-item {
margin-left:15px;
}
}
@media(max-width:991.98px) and (min-width:576px) {
#mw-navigation .nav-item + .nav-item {
margin-left:5px;
}
}
@media(max-width:575.98px) {
#mw-navigation .nav-item {
margin-top:2px;
}
#mw-navigation .nav-item:first-child {
margin-top:5px;
}
}
#footer .container {
padding-left:40px;
padding-right:25px;
}
@media(max-width:1400px) {
#footer .container {
padding:0;
margin:0;
max-width:100%
}
#footer .container .row {
margin:0;
}
.kroeten-footer-kurs {
margin:0 !important;
}
}
h3,
h4,
h5,
h6 {
font-weight:bold;
}
#firstHeading,
#bodyContent p,
#bodyContent ul,
.semorg-detail,
h3,
h4,
h5,
h6 {
background-color:#ffffffcc;
//margin-left:-5px;
//margin-right:-5px;
padding-left:5px;
padding-right:5px;
}
h3 {
background-color: var(--kroetengelb-light); //
}
h4 {
}
h5 {
}
.bg-white {
padding-top:10px;
padding-bottom:10px;
margin-bottom:1rem;
}
h5.card-title {
padding:0;
}
.card {
border:none;
background-color:transparent;
}
.card-text {
background-color:white;
}
.card-title {
background-color:white;
margin-bottom:0;
}
.kroeten-card-ort {
margin-top:5px;
margin-bottom:10px;
border-bottom:1px solid #666;
}
.kroeten-card-ort-ort {
}
.kroeten-card-ort-bundesland {
float:right;
}
#bodyContent .card-title .card-link {
color:black;
text-decoration:none;
}
.card .semorg-msg {
visibility:hidden;
}
.card-body {
background-color:white;
}
@media (min-width: 768px) {
.semorg-list .card-body {
min-height:200px;
}
}
.tweeki-user-logged-in .card:hover .semorg-msg {
visibility:visible;
}
.semorg-filterbox {
background-color:white;
}
.semorg-list-map .maps-leaflet {
height:300px !important;
}
.leaflet-tile-pane {
filter: grayscale() contrast(1.2);
}
#bodyContent a {
text-decoration:underline;
}
#content a:hover,
#content a:active,
#content a:focus {
color:var(--kroetenlila) !important;
color:var(--kroetengruen) !important;
}
#bodyContent btn-primary a {
text-decoration:none;
}
@media screen {
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--bs-link-color) !important;
}
}
.tweeki-non-advanced .semorg-list-header {
display:none;
}
.semorg-form-section,
.semorg-row,
.oo-ui-panelLayout {
background-color:white;
}
div.leaflet-marker-icon {
filter:grayscale();
}
img.leaflet-marker-icon {
margin-top:-10px !important;
}
.oo-ui-iconElement-icon {
//display:none; // weiß nicht mehr, wofür das war, jedenfalls zu generell, zerschießt z.B. Suchformular
}
.kroeten-footer-kurs {
background:url(/images/a/ab/Krötenkurs_beschnitten.svg);
background-repeat:repeat-x;
height:25px;
margin-left:-6px;
margin-right:-6px;
}
.kroeten-footer-impressum {
text-align:center;
margin-top:20px;
}
#footer .kroeten-footer-impressum a {
color:black;
}
.leaflet-container {
font-family:var(--bs-font-sans-serif);
}
@media(min-width:992px) {
.leaflet-container {
font-size:var(--bs-body-font-size);
}
}
.leaflet-container a {
color:black;
}
#bodyContent .leaflet-bar a,
#bodyContent .leaflet-popup a {
text-decoration:none;
}
#bodyContent .einfaerben {
width:100%;
max-width:500px;
}
.k-accordion h2 button {
font-weight:bold;
font-size:1.25rem;
}
.k-accordion .accordion-button:not(.collapsed) {
background-color:white;
box-shadow: none;
}
.semorg-filterbox {
color: #000;
font-size: inherit;
}
.k-startseite-card-text {
margin-top:15px;
line-height:1.3;
}
.kroeten-footer-impressum a+a:before {
content:" · ";
}
#pfForm {
background-color:#ffffffcc;
}
.card .semorg-projekt-logo img {
filter:grayscale(1);
}
.oo-ui-icon-upload {
display:none;
}
.kroeten-ticker {
overflow: hidden;
color: white;
background-color: black;
font-size: var(--bs-body-font-size);
margin-left:-18px;
margin-right:-7px;
}