MediaWiki:Common.css

Aus BrandenburgPunk

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Verhindere, dass Infoboxen etc. in den Inhalt von Kategorien hineinragen.
Das betrifft nur Kategorieseiten. */
div#mw-subcategories,
div#mw-pages,
div#mw-category-media {
	clear: both;
}

/* @noflip */div.float-right,
table.float-right,
ul.float-right,
.float-right {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}
div.centered,
table.centered,
ul.centered,
.centered {
	margin-left: auto;
	margin-right: auto;
}
.toptextcells > * > * > td {
	vertical-align: top;
}

/* Extension:Comments nicht gebrauchtes verstecken */
.c-order {
        display: none !important;
}
.c-avatar {
        display: none !important;
}
.c-score {
        display: none !important;
}
.c-container {
        margin: 0px 0px 0px 0px !important;
}

/* Extension:Comments Tweaks (Breite, Abstände, etc.) */
.comments-body {line-height: 1.2 !important;}
.c-user {margin: 0px 0px 0px 0px !important;}
.c-item {padding: 0px 0px 0px 0px !important;}
.c-actions {margin: 0px 0px 0px 0px !important;}
.full {width: auto !important;}
.reply {width: auto !important;}
.f-message {width: auto !important;}
.r-message {width: auto !important;}

/* Zebra-Tabellen */
table.zebra > tbody > :nth-child(even):not([class*="hintergrundfarbe"]) {
	background: #e6e6e6;
}

table.padded-table { border-collapse: collapse; }
table.padded-table td { padding: 5px 10px; }

/*     _  _ ____ _  _ ___  ___ ____ ____ _ ___ ____    */
/*     |__| |__| |  | |__]  |  [__  |___ |  |  |___    */
/*     |  | |  | |__| |     |  ___] |___ |  |  |___    */
/*                                                2024 */

/* G R O ß E   B I L D S C H I R M E    =   1340px + */
@media screen and (min-width: 1340px) {
    .hauptseite {padding:10px;}
    .hauptseite-oben {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-willkommen {display:table-cell; width:60% !important; padding:0 25px;}
    .hauptseite-mitmachen {display:table-cell; width:40% !important; padding:0 25px;}
    .hauptseite-inhalt {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-region {display:table; margin: 0 auto; padding: 0 25px;}
    .hauptseite-karte {display:table-cell;}
    .hauptseite-karte img {vertical-align: top !important;}
    .hauptseite-legende {display:table-cell;min-width: 250px;}
    .hauptseite-info {display:table-cell; width: fit-content;overflow:hidden;}
    .mainpage-stats {display: block;}
}

/* D E S K T O P S  &  L A P T O P S   =   1100px - 1339px */
@media screen and (max-width: 1339px) and (min-width: 1250px) {
    .hauptseite {padding:10px;}
    .hauptseite-oben {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-willkommen {display:table-cell; width:60% !important; padding:0 25px;}
    .hauptseite-mitmachen {display:table-cell; width:40% !important; padding:0 25px;}
    .hauptseite-inhalt {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-region {display:table; margin: 0 auto; padding: 0 25px;}
    .hauptseite-karte {display:table-cell;}
    .hauptseite-karte img {vertical-align: top !important;}
    .hauptseite-legende {display:table-cell;min-width: 250px;}
    .hauptseite-info {display:table-cell; width: fit-content;overflow:hidden;}
    .mainpage-stats {display: block;}
}
/* Zwischenschritt - Statistiken */
@media screen and (max-width: 1249px) and (min-width: 1100px) {
    .hauptseite {padding:10px;}
    .hauptseite-oben {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-willkommen {display:table-cell; width:60% !important; padding:0 25px;}
    .hauptseite-mitmachen {display:table-cell; width:40% !important; padding:0 25px;}
    .hauptseite-inhalt {padding-bottom:50px;}
    .hauptseite-region {display:table; margin: 0 auto; padding-bottom: 50px;}
    .hauptseite-karte {display:table-cell;}
    .hauptseite-karte img {vertical-align: top !important;} 
    .hauptseite-legende {display:table-cell;}
    .hauptseite-info {display:table; margin: 0 auto;}
}

/* T A B L E T S   &   N E T B O O K S   =   851px - 1099px */
@media screen and (max-width: 1099px) and (min-width: 1000px) {
    .hauptseite {padding:10px;}
    .hauptseite-oben {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-willkommen {display:table-cell; width:60% !important; padding: 0 25px;}
    .hauptseite-mitmachen {display:table-cell; width:40% !important; padding: 0 25px;}
    .hauptseite-inhalt {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-region {display:table; margin: 0 auto; padding: 0 25px;}
    .hauptseite-karte {display:table-cell;}
    .hauptseite-karte img {vertical-align: top !important;}
    .hauptseite-legende {display:table-cell;min-width: 250px;}
    .hauptseite-info {display:table-cell; width: fit-content;overflow:hidden;}
    .mainpage-stats {display: block;}
}
/* Zwischenschritt - Statistiken */
@media screen and (max-width: 999px) and (min-width: 851px) {
    .hauptseite {padding:10px;}
    .hauptseite-oben {display:table; width:100%; padding-bottom:50px;}
    .hauptseite-willkommen {display:table-cell; width:60% !important; padding: 0 25px;}
    .hauptseite-mitmachen {display:table-cell; width:40% !important; padding: 0 25px;}
    .hauptseite-inhalt {padding-bottom:50px;}
    .hauptseite-region {display:table; margin: 0 auto; padding-bottom: 50px;}
    .hauptseite-karte {display:table-cell;}
    .hauptseite-karte img {vertical-align: top !important;} 
    .hauptseite-legende {display:table-cell;}
    .hauptseite-info {display:table; margin: 0 auto;}
}

/* S M A R T P H O N E S   &   R E A D E R   =   - 850px */
@media screen and (max-width: 850px) {
    .hauptseite {padding:10px;}
    .hauptseite-willkommen, .hauptseite-mitmachen, .hauptseite-legende, .hauptseite-info {padding-bottom:50px;}
    .hauptseite-karte {padding-bottom:25px;}
    .hauptseite-mitmachen, .hauptseite-legende, .hauptseite-info, .hauptseite-karte {width: fit-content; margin:0 auto;}
    .mainpage-participate {width: fit-content; display: block;}
}

.hauptseite-willkommen {text-align: justify;}
.hauptseite-mitmachen {text-align: justify;}
.mainpage-stats {min-width: 250px; display: table; margin: 0 auto;}

/* S T A T I S T I K   L I N K S */
.StatLink a {display: block !important; color: black !important; text-decoration: none !important;}
.StatLink a:hover {color: black !important; text-decoration: none !important;}
.StatLink a:active {color: black !important; text-decoration: none !important;}
.StatLink a:visited {color: black !important; text-decoration: none !important;}

/* L O G O   G R Ö ß E R */
.mw-wiki-logo.timeless-logo img {width: 200px; margin: 0;}

/* ——— B A N D   D I S K O G R A P H I E ————————————————————— */
/* ——— DESKTOP VIEW —————————————————————————————————————————— */
@media screen and (min-width: 851px) {
br.mobilebreak {display:none;}
}