MediaWiki:Common.css

Aus SDQ-Wiki

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
/* CSS placed here will be applied to all skins */
@import url('skins/Font-Awesome-6/css/all.css');
/* begin automatic numbering of cells in first column of a table */
table {
    counter-reset: line-number;
}
.numberedtable td:first-child:before {
    content: counter(line-number) ". ";
    counter-increment: line-number;
}
/* end automatic numbering of cells in first column of a table */

/* begin show text box on hover */
span.showTextOnHover a[title] { visibility:hidden; }
span.showTextOnHover:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.showTextOnHover span.hoverText {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 4px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.showTextOnHover:hover span.hoverText {left: 2%; margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 
/* end show text box on hover */

table.sdq-seminar-table td.Vortragende\/-r {width:15%;}
table.sdq-seminar-table td.Titel {width:50%;}
table.sdq-seminar-table td.Typ {width:10%;}
table.sdq-seminar-table td.Betreuer\/-in {width:15%;}
table.sdq-seminar-table td.Sprache {width:10%;}

table.sdq-lesegruppe-table {width:100%;}
table.sdq-lesegruppe-table th {width:15%;}
table.sdq-lesegruppe-table td.editbutton {width:15%;text-align:center;}

/* Full width Vector */
.mw-page-container, .mw-workspace-container, .mw-content-container, #mw-sidebar-checkbox:not(:checked) ~ .vector-sidebar-container-no-toc ~ .mw-content-container, .vector-sticky-header, .mw-article-toolbar-container, .vector-toc-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-content-container, .vector-toc-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container {
    max-width: unset;
}

/* No Switch to old look */
.mw-sidebar-action {
    display: none;
}

/* OpenID Login */
#mw-input-pluggableauthlogin0 {
  background-color: #00876C;
  border-color: transparent;
  color: white;
  background-image: url(images/kit-faecher-icon-white.svg);
  background-size: 1.2em;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: .3em;
  padding-left: calc(12px + 1.2em);
}

#mw-input-pluggableauthlogin0:hover {
  background-color: #009682;
}

/* SDQ-Specific */
.tex sub, .latex sub, .latex sup {
    text-transform: uppercase;
}
.tex, .latex, .tex sub, .latex sub {
    font-size: 1em;
}
.tex sub, .latex sub {
    margin-left: -0.1667em;
    margin-right: -0.125em;
    vertical-align: -0.5ex;
}
.latex sup {
    font-size: 0.85em;
    margin-left: -0.36em;
    margin-right: -0.15em;
    vertical-align: 0.15em;
}

.kitBoxTitle a {
	color:white;
}

.sdq-3cols {
	float:left;
	width:33%;
	padding:0em;
}

.sdq-2cols {
	float:left;
	width:50%;
	padding:0em;
}

.sdq-3cols #col1, .sdq-2cols #col1 {
	padding:0 5px 0 0;
}
.sdq-3cols #col2 {
	padding:0 5px 0 5px;
}
.sdq-3cols #col3, .sdq-2cols #col2 {
	padding:0 0 0 5px;
}

span.code {
	font-family:monospace;
}

/* no line numbers in toc */
.tocnumber { 
	display: none; 
}

div.floatright, table.floatright, div.floatleft, table.floatleft {
    max-width:50%;
}

@media screen and ( max-width: 720px ) {
/* Columns */
	.sdq-3cols {
		width:100%;
	}

	.sdq-2cols {
		width:100%;
	}

	.sdq-3cols #col1, .sdq-2cols #col1 {
		padding:0;
	}
	.sdq-3cols #col2 {
		padding:0;
	}
	.sdq-3cols #col3, .sdq-2cols #col2 {
		padding:0;
	}

	/* Floating Boxes */

	/* Columns */
	div.floatright, table.floatright, div.floatleft, table.floatleft {
		float: none;
		max-width: 100%;
	}

}
/* Test: Grau für H4 und darunter */
@media screen {
  .vector-body h4, .vector-body h5, .vector-body h6 {
    color: #404040;
  }
}