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 |
||
(75 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 16: | Zeile 16: | ||
background-color:transparent !important; | background-color:transparent !important; | ||
} | } | ||
@media(min-width:1200px) { | |||
@media(min-width: | #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; | |||
} | } | ||
} | } | ||
Zeile 25: | Zeile 33: | ||
#footer { | #footer { | ||
background-color: transparent !important; | background-color: transparent !important; | ||
padding-bottom:10px; | |||
} | } | ||
@media(min-width: | .navbar-brand img { | ||
margin-top:0; | |||
} | |||
.navbar-toggler { | |||
border:none !important; | |||
box-shadow:none !important; | |||
} | |||
@media(min-width:576px) { | |||
.navbar-brand { | .navbar-brand { | ||
text-align:center; | text-align:center; | ||
Zeile 33: | Zeile 51: | ||
display:block; | display:block; | ||
margin-top:50px; | margin-top:50px; | ||
margin-bottom: | margin-bottom:50px; | ||
} | } | ||
Zeile 44: | Zeile 62: | ||
.navbar > .container { | .navbar > .container { | ||
display:block; | display:block; | ||
} | |||
} | |||
@media(min-width:1200px) { | |||
.navbar-brand { | |||
margin-bottom:100px; | |||
} | |||
} | |||
@media(max-width:400px) { | |||
.navbar-brand img { | |||
height:30px; | |||
margin-top:10px; | |||
} | } | ||
} | } | ||
Zeile 57: | Zeile 88: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 18px; | font-size: 18px; | ||
padding-left:10px; | |||
padding-right:10px; | |||
} | } | ||
#mw-navigation .nav-link:hover { | #mw-navigation .nav-link:hover { | ||
Zeile 73: | Zeile 106: | ||
} | } | ||
} | } | ||
@media(max-width:991.98px) { | @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 { | #mw-navigation .nav-item { | ||
margin-top:2px; | margin-top:2px; | ||
Zeile 99: | Zeile 137: | ||
margin:0 !important; | margin:0 !important; | ||
} | } | ||
} | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
font-weight:bold; | |||
} | } | ||
#firstHeading, | #firstHeading, | ||
#bodyContent p { | #bodyContent p, | ||
background-color:white; | #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; | |||
} | } | ||
Zeile 119: | Zeile 194: | ||
.kroeten-card-ort { | .kroeten-card-ort { | ||
margin-top:5px; | margin-top:5px; | ||
margin-bottom:10px; | margin-bottom:10px; | ||
Zeile 125: | Zeile 199: | ||
} | } | ||
.kroeten-card-ort-ort { | .kroeten-card-ort-ort { | ||
float: | } | ||
.kroeten-card-ort-bundesland { | |||
float:right; | |||
} | } | ||
Zeile 141: | Zeile 217: | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
.card-body { | .semorg-list .card-body { | ||
min-height:200px; | min-height:200px; | ||
} | } | ||
} | } | ||
.tweeki- | .tweeki-user-logged-in .card:hover .semorg-msg { | ||
visibility:visible; | visibility:visible; | ||
} | } | ||
Zeile 164: | Zeile 240: | ||
#bodyContent a { | #bodyContent a { | ||
text-decoration:underline; | text-decoration:underline; | ||
} | |||
#content a:hover, | |||
#content a:active, | |||
#content a:focus { | |||
color:var(--kroetenlila) !important; | |||
color:var(--kroetengruen) !important; | |||
} | } | ||
#bodyContent btn-primary a { | #bodyContent btn-primary a { | ||
Zeile 181: | Zeile 263: | ||
.semorg-form-section, | .semorg-form-section, | ||
.semorg-row, | .semorg-row, | ||
.oo-ui-panelLayout | .oo-ui-panelLayout { | ||
background-color:white; | background-color:white; | ||
} | } | ||
Zeile 196: | Zeile 275: | ||
.oo-ui-iconElement-icon { | .oo-ui-iconElement-icon { | ||
display:none; | //display:none; // weiß nicht mehr, wofür das war, jedenfalls zu generell, zerschießt z.B. Suchformular | ||
} | } | ||
Zeile 212: | Zeile 291: | ||
#footer .kroeten-footer-impressum a { | #footer .kroeten-footer-impressum a { | ||
color:black; | 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;
}