MediaWiki:Timeless.css: Unterschied zwischen den Versionen

Aus NordhausenWiki
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Änderung 47433 von Vincent Eisfeld (Diskussion) rückgängig gemacht.
Markierung: Rückgängigmachung
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;
}
}
@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;
}
}


body {
/* ============================================== */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
/* Jetzt kommt das Special-CSS von NordhausenWiki. */
    color: #333333;
/* ============================================== */
    background-color: #272a33 !important;
}


/* Sidebar-Stile */
@media screen and (min-width:1100px) {
.sidebar-chunk {
    background: #ffffff;
    border: 1px solid #dddddd !important;
/* Revised sidebar */
    border-radius: 5px;
.sidebar-chunk {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
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 {border-bottom:none !important;}
    color: #ffffff;
.nw-masthead-contents {column-width: 9.125rem;}
    padding: 0.5em;
    border-bottom: 2px solid #00557f !important;
}


/* Masthead-Stile */
/* Disable mobile link for Timeless only, and nowhere else */
.nw-masthead-contents {
.nw-masthead-mlink {display: none;}
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em 2em;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}


.nw-masthead-title h2 {
/* Frame title fix */
    font-size: 1.8em;
.nw-portal-frame h2       {border-bottom: 3px solid # !important;}
    color: #00669d;
.nw-portal-frame h2::after {border-bottom: none !important;}
}


/* Überschriften-Stile */
/* Linie oben */
.mw-body h1.firstHeading {
.color-left, .color-middle, .color-right {background-color:#EFEFEF;}
    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 {
/* Strich Überschrift */
    color: #00669d;
#mw-content-container,
    margin-top: 1.5em;
.mw-body h1.firstHeading,
    margin-bottom: 0.5em;
.tools-inline li.selected {
border-bottom-color: #00669d;
}
}


/* Links und Buttons */
/* Margin fixes */
a {
.mw-indicators {margin: 0.25em 0 0 0;}
    color: #00669d;
.mw-dismissable-notice-close {margin: 0em 1.25em;}
    text-decoration: none;
}


a:hover {
/* Revised background */
    text-decoration: underline;
body                  {background  : #272a33 !important;}
    color: #004f7a;
#mw-content          {border-color: #ffffff !important;}
}
#mw-content-container {background  : #f9f9f8;           }


button, .button, input[type="button"], input[type="submit"] {
#mw-content-container { background-image: none }
    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 */
/* Website title text */
table {
@media screen and (max-width: 1150px) {
    width: 100%;
#p-logo-text a {
    border-collapse: collapse;
        display: none;
    margin-bottom: 1.5em;
}
}
table th, table td {
    border: 1px solid #dddddd;
    padding: 0.75em;
    text-align: left;
}
}


table th {
/* Website title text */
    background-color: #f0f0f0;
@media screen and (min-width: 1149px) {
#p-logo-text a {
        display: none;
}
}
/* 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;
    }
}
}

Version vom 13. Oktober 2024, 21:50 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 # !important;}
.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;           }

#mw-content-container { background-image: none }

}

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

/* Website title text */
@media screen and (min-width: 1149px) {
#p-logo-text a {
        display: none;
}
}