MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus PadelWiki
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt)
Zeile 1: Zeile 1:
.color-left {
@media screen and (max-width: 850px) {
     background: #74430f;
     #mw-header-container {
        background: #fff;
        padding: 3.75em 0.8em 0.35em;
    }
}
}


.color-middle {
@media screen and (max-width: 850px) {
     background: #004d9f;
     #mw-content {
        padding: 0.8em;
    }
}
}


.color-right {
@media screen and (max-width: 850px) {
    background: #74430f;
    #mw-data-after-content, .mw-footer {
        padding: 0 0.8em;
    }
}
}


#mw-content-container {
#mw-content-container {
Zeile 17: Zeile 26:
.mw-body h1.firstHeading {
.mw-body h1.firstHeading {
     border-bottom: solid 4px #005bd7;
     border-bottom: solid 4px #005bd7;
    padding-bottom: 0.05em;
}
}


 
/* Logo in der Sidebar anpassen */
/* ====== Infobox-Styling für Sportstätten ====== */
@media screen and (min-width: 851px) {
 
     .mw-wiki-logo.timeless-logo img {
/* Grundlayout */
        width: 150px;
.infobox {
     }
    width: 300px;
     font-size: 90%;
    line-height: 1.4em;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
    background-color: #f8f9fa;
     color: #000;
    float: right;
    margin: 0 0 1em 1em;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
}


/* Kopfzeile (Titelzeile) */
/* Farben in Navbar */
.infobox th {
.color-middle {
     background-color: #cce5ff;
     background: #004d9f;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    padding: 6px;
    border-bottom: 1px solid #a2a9b1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
}


/* Datenzeilen */
.color-left {
.infobox td {
     background: #74430f;
     padding: 4px 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
}


/* Spaltenüberschriften (linke Spalte) */
.color-right {
.infobox th[scope="row"],
     background: #74430f;
.infobox tr > th:first-child {
     background-color: #eef6ff;
    text-align: left;
    width: 35%;
    padding: 4px 8px;
    font-weight: bold;
    border-top: 1px solid #ddd;
}
}


/* Bilder in der Infobox */
@media screen and (min-width: 851px) and (max-width: 1099px) {
.infobox img {
     .color-right, .color-middle {
    max-width: 100%;
        background: #74430f;
     height: auto;
     }
    border-radius: 6px;
     margin: 4px 0;
}
}


/* Links in der Infobox */
@media screen and (max-width: 850px) {
.infobox a {
    .color-right, .color-middle, .color-left {
    color: #0645ad;
        background: #74430f;
     text-decoration: none;
     }
}
}


.infobox a:hover {
/* Suchbox in Navbar */
     text-decoration: underline;
#searchInput {
     padding: 0.2em 4.5em 0.2em 0.5em;
}
}


/* Responsive Anpassung */
@media screen and (max-width: 850px) {
@media (max-width: 768px) {
     #site-navigation h2 {
     .infobox {
         left: 0.7em;
         float: none;
        margin: 1em auto;
        width: 90%;
     }
     }
}
}

Aktuelle Version vom 1. November 2025, 16:54 Uhr

@media screen and (max-width: 850px) {
    #mw-header-container {
        background: #fff;
        padding: 3.75em 0.8em 0.35em;
    }
}

@media screen and (max-width: 850px) {
    #mw-content {
        padding: 0.8em;
    }
}

@media screen and (max-width: 850px) {
    #mw-data-after-content, .mw-footer {
        padding: 0 0.8em;
    }
}



#mw-content-container {
    border-bottom: solid 4px #ffcc00;
}

.mw-body h1.firstHeading {
    border-bottom: solid 4px #005bd7;
    padding-bottom: 0.05em;
}

/* Logo in der Sidebar anpassen */
@media screen and (min-width: 851px) {
    .mw-wiki-logo.timeless-logo img {
        width: 150px;
    }
}

/* Farben in Navbar */
.color-middle {
    background: #004d9f;
}

.color-left {
    background: #74430f;
}

.color-right {
    background: #74430f;
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
    .color-right, .color-middle {
        background: #74430f;
    }
}

@media screen and (max-width: 850px) {
    .color-right, .color-middle, .color-left {
        background: #74430f;
    }
}

/* Suchbox in Navbar */
#searchInput {
    padding: 0.2em 4.5em 0.2em 0.5em;
}

@media screen and (max-width: 850px) {
    #site-navigation h2 {
        left: 0.7em;
    }
}