MediaWiki:Timeless.css: Unterschied zwischen den Versionen

Aus NordhausenWiki
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Grundlegende Layout-Anpassungen */
/*
#mw-content-container {
* Koordinaten und diverse andere Anzeigen oben rechts, siehe
     max-width: 1200px;
* [[:Kategorie:Vorlage:mit Seitenindikator#Textelemente]].
     margin: 0 auto;
* Beachte, dass diese Elemente im Wikitext an beliebigen Stellen auftreten und
     padding: 2em;
* deshalb allerhand Eigenschaften erben können. Das gilt insbesondere für die
     background: #f9f9f8;
* Schriftgröße.
     border-color: #ffffff !important;
* Der folgende Darstellungsfehler ist bekannt: Wenn die Fensterbreite kleiner
* als 982px ist und die Schriftgröße des Wurzelelements wie üblich 16px ist,
* überlappen sich die 17px hohen Icons der Gadgets „WikiMiniAtlas“ und
* „OpenStreetMap“ mit der SiteNotice.
*/
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #shortcut,
body.ns-special #mw-content-text .specialpage-helplink {
     display: block;
    font-size: x-small;
     line-height: 1.5;
    position: absolute;
    right: 1.6em;
    text-align: right;
     text-indent: 0;
     top: 2em;
     white-space: nowrap;
}
}


body {
@media screen and (min-width: 982px) {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     #mw-content-text #coordinates,
     color: #333333;
    #mw-content-text #editcount,
     background-color: #272a33 !important;
     #mw-content-text #shortcut,
     body.ns-special #mw-content-text .specialpage-helplink {
        right: 2.4em;
    }
}
}


/* Sidebar-Stile */
 
.sidebar-chunk {
/* ============================================== */
    background: #ffffff;
/* Jetzt kommt das Special-CSS von NordhausenWiki. */
    border: 1px solid #dddddd !important;
/* ============================================== */
     border-radius: 5px;
 
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
@media screen and (min-width: 1100px) {
   
    /* Revised sidebar */
    .sidebar-chunk {
        background: #ffffff !important;
        border-color: #ffffff !important;
     }
   
    .sidebar-chunk h3 {
        border-bottom-color: #EFEFEF !important;
     }
}
}


.sidebar-chunk h3 {
/* Masthead fix */
    background-color: #00669d !important;
.nw-masthead-title h2::after {
    color: #ffffff;
     border-bottom: none !important;
    padding: 0.5em;
     border-bottom: 2px solid #00557f !important;
}
}
/* Masthead-Stile */
.nw-masthead-contents {
.nw-masthead-contents {
     display: flex;
     column-width: 9.125rem;
    align-items: center;
    justify-content: space-between;
    padding: 1em 2em;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}
}


.nw-masthead-title h2 {
/* Disable mobile link for Timeless only, and nowhere else */
     font-size: 1.8em;
.nw-masthead-mlink {
    color: #00669d;
     display: none;
}
}


/* Überschriften-Stile */
/* Frame title fix */
.mw-body h1.firstHeading {
.nw-portal-frame h2 {
    font-size: 2.5em;
     border-bottom: 3px solid #000000 !important; /* Beispielhafte Farbe hinzugefügt */
     border-bottom: 2px solid #00669d;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}
}
 
.nw-portal-frame h2::after {
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
     border-bottom: none !important;
    color: #00669d;
    margin-top: 1.5em;
     margin-bottom: 0.5em;
}
}


/* Links und Buttons */
/* Linie oben */
a {
.color-left,
     color: #00669d;
.color-middle,
    text-decoration: none;
.color-right {
     background-color: #EFEFEF;
}
}


a:hover {
/* Strich Überschrift */
     text-decoration: underline;
#mw-content-container,
    color: #004f7a;
.mw-body h1.firstHeading,
.tools-inline li.selected {
     border-bottom-color: #00669d;
}
}


button, .button, input[type="button"], input[type="submit"] {
/* Margin fixes */
     background-color: #00669d;
.mw-indicators {
    color: #ffffff;
     margin: 0.25em 0 0 0;
    border: none;
    padding: 0.5em 1em;
    border-radius: 3px;
    cursor: pointer;
}
}
 
.mw-dismissable-notice-close {
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
     margin: 0em 1.25em;
     background-color: #00557f;
}
}


/* Tabellen-Stile */
/* Revised background */
table {
body {
     width: 100%;
     background: #272a33 !important;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}
}
 
#mw-content {
table th, table td {
     border-color: #ffffff !important;
     border: 1px solid #dddddd;
    padding: 0.75em;
    text-align: left;
}
}
 
#mw-content-container {
table th {
    background: #f9f9f8;
     background-color: #f0f0f0;
     background-image: none;
}
}


/* Responsive Design */
/* Website title text */
@media screen and (max-width: 768px) {
    #mw-content-container {
        padding: 1em;
    }


    .nw-masthead-contents {
/* Anzeige des Titels standardmäßig */
        flex-direction: column;
#p-logo-text a {
        align-items: flex-start;
    display: block;
    }
}


     .sidebar-chunk {
/* Titel nur bei größeren Bildschirmgrößen ausblenden */
         margin-bottom: 1em;
@media screen and (min-width: 1150px) {
     #p-logo-text a {
         display: none;
     }
     }
}
}

Aktuelle Version vom 16. Oktober 2024, 08:06 Uhr

/*
 * Koordinaten und diverse andere Anzeigen oben rechts, siehe
 * [[:Kategorie:Vorlage:mit Seitenindikator#Textelemente]].
 * Beachte, dass diese Elemente im Wikitext an beliebigen Stellen auftreten und
 * deshalb allerhand Eigenschaften erben können. Das gilt insbesondere für die
 * Schriftgröße.
 * Der folgende Darstellungsfehler ist bekannt: Wenn die Fensterbreite kleiner
 * als 982px ist und die Schriftgröße des Wurzelelements wie üblich 16px ist,
 * überlappen sich die 17px hohen Icons der Gadgets „WikiMiniAtlas“ und
 * „OpenStreetMap“ mit der SiteNotice.
 */
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #shortcut,
body.ns-special #mw-content-text .specialpage-helplink {
    display: block;
    font-size: x-small;
    line-height: 1.5;
    position: absolute;
    right: 1.6em;
    text-align: right;
    text-indent: 0;
    top: 2em;
    white-space: nowrap;
}

@media screen and (min-width: 982px) {
    #mw-content-text #coordinates,
    #mw-content-text #editcount,
    #mw-content-text #shortcut,
    body.ns-special #mw-content-text .specialpage-helplink {
        right: 2.4em;
    }
}


/* ============================================== */
/* Jetzt kommt das Special-CSS von NordhausenWiki. */
/* ============================================== */

@media screen and (min-width: 1100px) {
    
    /* Revised sidebar */
    .sidebar-chunk {
        background: #ffffff !important;
        border-color: #ffffff !important;
    }
    
    .sidebar-chunk h3 {
        border-bottom-color: #EFEFEF !important;
    }
}

/* Masthead fix */
.nw-masthead-title h2::after {
    border-bottom: none !important;
}
.nw-masthead-contents {
    column-width: 9.125rem;
}

/* Disable mobile link for Timeless only, and nowhere else */
.nw-masthead-mlink {
    display: none;
}

/* Frame title fix */
.nw-portal-frame h2 {
    border-bottom: 3px solid #000000 !important; /* Beispielhafte Farbe hinzugefügt */
}
.nw-portal-frame h2::after {
    border-bottom: none !important;
}

/* Linie oben */
.color-left,
.color-middle,
.color-right {
    background-color: #EFEFEF;
}

/* Strich Überschrift */
#mw-content-container,
.mw-body h1.firstHeading,
.tools-inline li.selected {
    border-bottom-color: #00669d;
}

/* Margin fixes */
.mw-indicators {
    margin: 0.25em 0 0 0;
}
.mw-dismissable-notice-close {
    margin: 0em 1.25em;
}

/* Revised background */
body {
    background: #272a33 !important;
}
#mw-content {
    border-color: #ffffff !important;
}
#mw-content-container {
    background: #f9f9f8;
    background-image: none;
}

/* Website title text */

/* Anzeige des Titels standardmäßig */
#p-logo-text a {
    display: block;
}

/* Titel nur bei größeren Bildschirmgrößen ausblenden */
@media screen and (min-width: 1150px) {
    #p-logo-text a {
        display: none;
    }
}