MediaWiki:Timeless.css: Unterschied zwischen den Versionen

Aus NordhausenWiki
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
/*
/* Grundlegende Layout-Anpassungen */
* Koordinaten und diverse andere Anzeigen oben rechts, siehe
#mw-content-container {
* [[:Kategorie:Vorlage:mit Seitenindikator#Textelemente]].
    max-width: 1200px;
* Beachte, dass diese Elemente im Wikitext an beliebigen Stellen auftreten und
    margin: 0 auto;
* deshalb allerhand Eigenschaften erben können. Das gilt insbesondere für die
    padding: 2em;
* Schriftgröße.
    background: #f9f9f8;
* Der folgende Darstellungsfehler ist bekannt: Wenn die Fensterbreite kleiner
    border-color: #ffffff !important;
* 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,
body {
#mw-content-text #editcount,
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
#mw-content-text #shortcut,
    color: #333333;
body.ns-special #mw-content-text .specialpage-helplink {
    background-color: #272a33 !important;
right: 2.4em;
}
}
}


/* Sidebar-Stile */
.sidebar-chunk {
    background: #ffffff;
    border: 1px solid #dddddd !important;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


/* ============================================== */
.sidebar-chunk h3 {
/* Jetzt kommt das Special-CSS von NordhausenWiki. */
    background-color: #00669d !important;
/* ============================================== */
    color: #ffffff;
    padding: 0.5em;
    border-bottom: 2px solid #00557f !important;
}


@media screen and (min-width:1100px) {
/* Masthead-Stile */
.nw-masthead-contents {
    display: flex;
/* Revised sidebar */
    align-items: center;
.sidebar-chunk {
    justify-content: space-between;
background: #ffffff !important;
    padding: 1em 2em;
border-color: #ffffff  !important;
    background-color: #ffffff;
}
    border-bottom: 1px solid #dddddd;
.sidebar-chunk h3 {
border-bottom-color: #EFEFEF  !important;
}
}
}


/* Masthead fix */
.nw-masthead-title h2 {
.nw-masthead-title h2::after {border-bottom:none !important;}
    font-size: 1.8em;
.nw-masthead-contents {column-width: 9.125rem;}
    color: #00669d;
}


/* Disable mobile link for Timeless only, and nowhere else */
/* Überschriften-Stile */
.nw-masthead-mlink {display: none;}
.mw-body h1.firstHeading {
    font-size: 2.5em;
    border-bottom: 2px solid #00669d;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}


/* Frame title fix */
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
.nw-portal-frame h2        {border-bottom: 3px solid # !important;}
    color: #00669d;
.nw-portal-frame h2::after {border-bottom: none !important;}
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}


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


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


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


/* Revised background */
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
body                  {background : #272a33 !important;}
    background-color: #00557f;
#mw-content          {border-color: #ffffff !important;}
}
#mw-content-container {background  : #f9f9f8;          }


#mw-content-container { background-image: none }
/* Tabellen-Stile */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}


table th, table td {
    border: 1px solid #dddddd;
    padding: 0.75em;
    text-align: left;
}
}


/* Website title text */
table th {
@media screen and (max-width: 1150px) {
    background-color: #f0f0f0;
#p-logo-text a {
        display: none;
}
}
}


/* Website title text */
/* Responsive Design */
@media screen and (min-width: 1149px) {
@media screen and (max-width: 768px) {
#p-logo-text a {
    #mw-content-container {
         display: none;
         padding: 1em;
}
    }
 
    .nw-masthead-contents {
        flex-direction: column;
        align-items: flex-start;
    }
 
    .sidebar-chunk {
        margin-bottom: 1em;
    }
}
}

Version vom 13. Oktober 2024, 21:48 Uhr

/* Grundlegende Layout-Anpassungen */
#mw-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    background: #f9f9f8;
    border-color: #ffffff !important;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333333;
    background-color: #272a33 !important;
}

/* Sidebar-Stile */
.sidebar-chunk {
    background: #ffffff;
    border: 1px solid #dddddd !important;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.sidebar-chunk h3 {
    background-color: #00669d !important;
    color: #ffffff;
    padding: 0.5em;
    border-bottom: 2px solid #00557f !important;
}

/* Masthead-Stile */
.nw-masthead-contents {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 2em;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

.nw-masthead-title h2 {
    font-size: 1.8em;
    color: #00669d;
}

/* Überschriften-Stile */
.mw-body h1.firstHeading {
    font-size: 2.5em;
    border-bottom: 2px solid #00669d;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
}

.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
    color: #00669d;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* Links und Buttons */
a {
    color: #00669d;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #004f7a;
}

button, .button, input[type="button"], input[type="submit"] {
    background-color: #00669d;
    color: #ffffff;
    border: none;
    padding: 0.5em 1em;
    border-radius: 3px;
    cursor: pointer;
}

button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #00557f;
}

/* Tabellen-Stile */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5em;
}

table th, table td {
    border: 1px solid #dddddd;
    padding: 0.75em;
    text-align: left;
}

table th {
    background-color: #f0f0f0;
}

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

    .nw-masthead-contents {
        flex-direction: column;
        align-items: flex-start;
    }

    .sidebar-chunk {
        margin-bottom: 1em;
    }
}