MediaWiki: Common.css: Unterschied zwischen den Versionen
Aus Krötenwanderung
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 42: | Zeile 42: | ||
display:block; | display:block; | ||
margin-top:50px; | margin-top:50px; | ||
margin-bottom:50px; | |||
} | |||
@media(min-width:1200px) { | |||
.navbar-brand { | |||
margin-bottom:100px; | margin-bottom:100px; | ||
} | |||
} | } | ||
Zeile 85: | Zeile 90: | ||
} | } | ||
@media(max-width:991.98px) { | @media(max-width:991.98px) { | ||
#mw-navigation .nav-item | #mw-navigation .nav-item + .nav-item { | ||
margin-left:5px; | |||
margin- | |||
} | } | ||
} | } |
Version vom 25. Oktober 2024, 13:55 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;
}
@media(min-width:576px) {
.navbar-brand {
text-align:center;
width:100%;
display:block;
margin-top:50px;
margin-bottom:50px;
}
@media(min-width:1200px) {
.navbar-brand {
margin-bottom:100px;
}
}
.navbar-brand img {
height: auto;
max-width:80%;
width:800px;
}
.navbar > .container {
display:block;
}
}
#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) {
#mw-navigation .nav-item + .nav-item {
margin-left: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;
}
}
#firstHeading,
#bodyContent p,
.semorg-detail,
h3,
h4 {
background-color:white;
//margin-left:-5px;
//margin-right:-5px;
padding-left:5px;
padding-right:5px;
}
.card {
border:none;
background-color:transparent;
}
.card-text {
background-color:white;
}
.card-title {
background-color:white;
margin-bottom:0;
}
.kroeten-card-ort {
text-align:right;
margin-top:5px;
margin-bottom:10px;
border-bottom:1px solid #666;
}
.kroeten-card-ort-ort {
float:left;
}
#bodyContent .card-title .card-link {
color:black;
text-decoration:none;
}
.card .semorg-msg {
visibility:hidden;
}
.card-body {
background-color:white;
}
@media (min-width: 768px) {
.card-body {
min-height:200px;
}
}
.tweeki-advanced .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;
}
#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;
}
.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;
}