MediaWiki:Common.css

Aus Wo war das? Orte der Zeitgeschichte
Version vom 25. Februar 2015, 00:31 Uhr von Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Das folgende CSS wird für alle Benutzeroberflächen geladen.: p { font-size: 14px; line-height: 1.5em; } /* macht zwar auch die übliche Schrift größ…“)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Wechseln zu: Navigation, Suche

Hinweis: Leere nach dem Speichern 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: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Extras → Internetspuren löschen … → Individuelle Auswahl → Den kompletten Cache löschen
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
p { font-size: 14px; line-height: 1.5em; }
 
/* macht zwar auch die übliche Schrift größer, aber auch die Schrift der Sidebar kleiner
/* div { font-size: 14px; line-height: 1.5em; }
 
/* Make the list of references smaller */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}
 
/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
    background-color: #DEF;
}
 
.references-column-count, .references-column-width {
  column-rule: 1px solid #aaa;
  -moz-column-rule: 1px solid #aaa;
  -webkit-column-rule: 1px solid #aaa;
}
 
/* Infoboxen:  Achtung, Hinweis, Info, ToDo, Löschen, URLMove */
/* allgemein */
.note-box {
  margin: 10px 0;
}
.note-box-title {
  margin: 0;
  font-size: 102%;
  padding: 0 10px;
  border-width: thin;
  border-style: solid solid none;
  color: #fff;
}
* html .note-box-title {
  font-size: 120%;
  color: #333;
}
.note-box-text {
  margin: -1px 0 0;
  padding: 4px 12px;
  background-color: #fff;
  border-width: thin;
  border-style: solid;
}
.note-box-text, #a#b {
  border-style: solid solid none;
  margin: 0;
}
.note-box-text:last-child {
  border-style: solid;
}
* html .note-box-text {
  border-style: solid;
}
* + html .note-box-text {
  border-style: solid;
}
 
/* Achtung */
.note-box-attention > .note-box-title {
  border-color: #df6c20;
  background-color: #df6c20;
}
.note-box-attention > .note-box-text {
  border-color: #df6c20;
  background-color: #ffede0;
}
* html .note-box-attention .note-box-title {
  border-color: #df6c20;
  background-color: #df6c20;
}
* html .note-box-attention .note-box-text {
  border-color: #df6c20;
  background-color: #ffede0;
}
 
/* Löschen */
.note-box-question > .note-box-title {
  border-color:  #c32e04;
  background-color:  #c32e04;
}
.note-box-question > .note-box-text {
  border-color: #C62900;
  background-color: #ffebe6;
}
* html .note-box-question .note-box-title {
  border-color:  #c32e04;
  background-color:  #c32e04;
}
* html .note-box-question .note-box-text {
  border-color: #C62900;
  background-color: #ffebe6;
}
 
/* Hinweis */
.note-box-advice > .note-box-title {
  border-color: #8db243;
  background-color: #8db243;
}
.note-box-advice > .note-box-text {
  border-color: #8db243;
  background-color: #ebf5d7;
}
* html .note-box-advice .note-box-title {
  border-color: #8db243;
  background-color: #8db243;
}
* html .note-box-advice .note-box-text {
  border-color: #8db243;
  background-color: #ebf5d7;
}
 
/* Info */
.note-box-info > .note-box-title{
  border-color: #8a9da8;
  background-color: #8a9da8;
}
.note-box-info > .note-box-text{
  border-color: #8a9da8;
  background-color: #e4ebf2;
}
* html .note-box-info .note-box-title{
  border-color: #8a9da8;
  background-color: #8a9da8;
}
* html .note-box-info .note-box-text{
  border-color: #8a9da8;
  background-color: #e4ebf2;
}
 
/* ToDo */
.note-box-todo > .note-box-title {
  border-color: #3983ab;
  background-color: #3983ab;
}
.note-box-todo > .note-box-text {
  border-color: #3983ab;
  background-color: #e6f2f7;
}
* html .note-box-todo .note-box-title {
  border-color: #3983ab;
  background-color: #3983ab;
}
* html .note-box-todo .note-box-text {
  border-color: #3983ab;
  background-color: #e6f2f7;
}
 
/* URLmove */
.note-box-urlmove > .note-box-title {
  border-color: #3983ab;
  background-color: #3983ab;
}
.note-box-urlmove > .note-box-text {
  border-color: #3983ab;
  background-color: #e6f2f7;
}
* html .note-box-urlmove .note-box-title {
  border-color: #3983ab;
  background-color: #3983ab;
}
* html .note-box-urlmove .note-box-text {
  border-color: #3983ab;
  background-color: #e6f2f7;
}
 
/* AutorBox */
.note-box-autor {
  width: 350px;
}
.note-box-autor > .note-box-title {
  border-color: #ADADAD;
  background-color: #ADADAD;
}
.note-box-autor > .note-box-text {
  border-color: #ADADAD;
  background-color: #f1f3f4;
}
* html .note-box-autor .note-box-title {
  border-color: #ADADAD;
  background-color: #ADADAD;
}
* html .note-box-autor .note-box-text {
  border-color: #ADADAD;
  background-color: #f1f3f4;
}
.note-box-autor-text {
  margin: 0 5px 0 0;
  padding: 0;
  font-weight: bold;
  font-size: 90%;
  float: left;
}
.note-box-autor-info {
  margin: 0;
  padding: 0;
  font-size: 90%;
}
 
/* beachten */
.note-box-notice-text {
  padding-left: 15px;
  border-left: 5px solid #c32e04;
}
 
/* Empfehlung */
.note-box-recommendation-text {
  padding-left: 15px;
  border-left: 5px solid #8db243;
}
 
/* Vorlage Beispiel */
.note-box-example {
  overflow: auto;
}
.note-box-example > .note-box-title {
  background-color: #e7c157;
  border-width: thin;
  border-color: #e7c157;
  border-style: solid solid none;
}
* html .note-box-example .note-box-title {
  background-color: #e7c157;
  border-width: thin;
  border-color: #e7c157;
  border-style: solid solid none;
}
.beispiel_url {
  float: right;
  padding-right: 18px;
  margin-left: .5em;
  background: url("http://src.selfhtml.org/dokf.gif") no-repeat right center;
}
.beispiel_url_code {
  float: right;
  padding-right: 18px;
  margin-left: .5em;
  background: url("http://src.selfhtml.org/dok.gif") no-repeat right center;
}
.note-box-example > .note-box-text {
  border-color: #e7c652;
}
* html .note-box-example .note-box-text {
  border-color: #e7c652;
}
.note-box-example-wiki, .note-box-example-code {
  margin-top: -1px;
  border-width: thin;
  border-style: solid;
  background-color: #fffbf0;
  overflow: auto;
}
.note-box-example-wiki, .note-box-example-code, #a#b {
  border-style: solid solid none;
  margin-top: 0;
}
.note-box-example-code {
  font: 1em/1.2em monospace;
  white-space: pre;
}
.note-box-example-code .ln-xtra,
.note-box-example-code li.ln-xtra,
.note-box-example-code div.ln-xtra {
  background-color: #fcc;
}
.note-box-example-code pre {
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
 
/* Vorlage Fortsetzung */
.note-box-continuation .note-box-title {
  background-color: #5c82d9;
  border-color: #5c82d9;
}
.note-box-continuation .note-box-text {
  width: 100%;
  padding: 0;
  border-color: #aec3ef;
  border-radius: 0;
  background-color: #edf2ff;
  color: #5c82d9;
}
.note-box-continuation .note-box-title + .note-box-text {
  border-color: #5c82d9;
}
.note-box-continuation .note-box-text td {
  width: 33%;
  padding: 0;
  text-align: center;
}
.note-box-continuation .note-box-text td:first-child {
  padding-left: 10px;
  text-align: left;
}
.note-box-continuation .note-box-text td:last-child {
  padding-right: 10px;
  text-align: right;
}
 
/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	text-align: center;
	font-size: 110%;
}
.mw-charinsert-buttons a {
	color: black;
	background-color: #cde !important;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}