MediaWiki:Foreground.css: Unterschied zwischen den Versionen

Aus Maddraxikon
(Mouseovers und Dropdowns angepasst)
(+SMW-Tabellen)
 
(7 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Zeilenhöhe */
body {
line-height: 1.6em;
}
/* Seiteninhalt Rand */
#page-content {
margin: 2rem 0 0;
}
/* Menüleisten Logo */
.top-bar-logo {
max-width: 200%;
height: auto;
max-height: 2.8125rem;
display: inline-block;
vertical-align: middle;
}
#mw-content-text ul.tabs {
margin: 0;
}
.tabs dd.active>a, .tabs .tab-title.active>a:focus {
outline: none;
}
/* SMW Tabellen */
span.smwbuiltin, span.smwttactiveinline span.smwbuiltin {
font-style: normal;
}
#mw-content-text .orbit-container ul {
margin: 0;
}
/* Spezial */
/* Table of Contents rechtsbündig */
/* Table of Contents rechtsbündig */
#toc, .toc {
#toc, .toc {
Zeile 4: Zeile 41:
}
}


/* Menüleisten Farbe */
 
.top-bar,
 
.top-bar-section ul,
/* Hauptseiten-Anzeige entfernen */  
.top-bar-section ul li.active > a,
body.page-Main_Page .title,
.top-bar-section li a:not(.button),
body.page-Main_Page #tagline {
.top-bar-section .has-form {
display: none;
    background: #ffe4b2;
    color: #000;
}
}


/* Menü-Links Farbe */
.top-bar-section > ul > .divider,
.top-bar-section > ul > [role="separator"] {
    border-color: #ffe4b2;
}


/* Dunklere Farbe für Mouseovers und Dropdowns */
/* Tabellen */
.top-bar-section ul li.hover > a,
table th { font-weight: bold; }
.top-bar-section ul li ul.dropdown li.hover > a {
table td, table th { padding: 9px 10px; text-align: left; }
    background: #ffae00;
@media screen and (max-width: 767px) {
 
table.responsive { margin-bottom: 0; }
 
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
 
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable table { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
 
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
 
}
}

Aktuelle Version vom 27. April 2020, 07:33 Uhr

/* Zeilenhöhe */
body {
	line-height: 1.6em;
}
/* Seiteninhalt Rand */
#page-content {
	margin: 2rem 0 0;
}

/* Menüleisten Logo */
.top-bar-logo {
	max-width: 200%;
	height: auto;
	max-height: 2.8125rem;
	display: inline-block;
	vertical-align: middle;
}

#mw-content-text ul.tabs {
	margin: 0;
}

.tabs dd.active>a, .tabs .tab-title.active>a:focus {
	outline: none;
}

/* SMW Tabellen */
span.smwbuiltin, span.smwttactiveinline span.smwbuiltin {
	font-style: normal;
}

#mw-content-text .orbit-container ul {
	margin: 0;
}

/* Spezial */

/* Table of Contents rechtsbündig */
#toc, .toc {
    float: right;
}



/* Hauptseiten-Anzeige entfernen */ 
body.page-Main_Page .title,
body.page-Main_Page #tagline {
	display: none;
}


/* Tabellen */
table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }
@media screen and (max-width: 767px) {

	table.responsive { margin-bottom: 0; }

	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }

	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }

	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

}