MediaWiki:Foreground.css: Unterschied zwischen den Versionen

Aus Maddraxikon
(Neustart, Hauptseiten-Anzeige entfernen)
(+SMW-Tabellen)
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Table of Contents rechtsbündig */
/* Zeilenhöhe */
#toc, .toc {
body {
    float: right;
line-height: 1.6em;
}
/* Seiteninhalt Rand */
#page-content {
margin: 2rem 0 0;
}
}


/* Menüleisten Farbe */
/* Menüleisten Logo */
.top-bar-logo { max-height: 160px; }
.top-bar-logo {
ul.title-area li.name div.title-name a div.title-name { display: none !important; }
max-width: 200%;
@media only screen and (max-width: 1440px){
height: auto;
  .top-bar-logo { max-height: 100px; }
max-height: 2.8125rem;
display: inline-block;
vertical-align: middle;
}
}
@media only screen and (max-width: 1024px) {
 
  .top-bar-logo { max-height: 120px; padding: 2px 0; }
#mw-content-text ul.tabs {
margin: 0;
}
}
@media only screen and (max-width: 768px) {
 
.tabs dd.active>a, .tabs .tab-title.active>a:focus {
outline: none;
}
}
@media only screen and (max-width: 630px) {
 
  .top-bar-logo { max-height: 2.8125rem; padding: 2px 0; }
/* SMW Tabellen */
  #page-content { margin: 0; }
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 */  
/* Hauptseiten-Anzeige entfernen */  
Zeile 24: Zeile 47:
body.page-Main_Page #tagline {
body.page-Main_Page #tagline {
display: none;
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; }
}
}

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; }

}