MediaWiki:Common.css

Aus Alrik
Wechseln zu:Navigation, Suche

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. */

/* HEADER */
.p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child::before {
    margin-right: 0.5rem;
}

.p-navbar .p-logo a::after{
    content: url(https://alrik.snafu.zone/images/9/9d/Wiki-wordmark.svg);
    vertical-align: -1px;
}

/* HYPHENS */
body p {
    hyphens: auto;
}

body .toctext {
    display: inline;
    hyphens: auto;
}

/* INFOBOXES */
.infobox {
    float: right;
    clear: right;
    color: black;
    font-size: 88%;
    line-height: 1.5em;
    margin: 0 0 1em 1em;
}

.infoheader {
    background-color: #9dbabf;
}

.infobox th {
    text-align: center;
}

.mw-content-ltr .wikitable ul,
.mw-content-ltr .wikitable ol,
.mw-content-ltr .wikitable p,
.mw-content-ltr .infobox ul,
.mw-content-ltr .infobox ol,
.mw-content-ltr .infobox p {
    margin-top: 0;
    margin-bottom: 0;
}

/* LISTS */
.mw-content-ltr ul+p, 
.mw-content-ltr ol+p {
    margin-top: 1rem;
}

.mw-content-ltr .beispiel .beispielbody ul+p, 
.mw-content-ltr .beispiel .beispielbody ol+p {
    margin-top: 0.3em;
}

/* TABLES */
.wikitable {
    margin: 0;
    font-variant-numeric: tabular-nums;
}

caption {
    caption-side: top;
    padding-top: 0;
}

.reflist {
    margin: 1em 0;
}

.topalign td,
.topalign th {
    vertical-align:top;
}

.table-wrapper {
    overflow: auto;
    margin: 1em 0;
}

.blanktable {
    margin: 1em 0;
}

/* EXAMPLES */
.beispiel {
    border: 1px solid #a2a9b1;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.beispiel .mw-collapsible-toggle {
    padding-right: 3px; 
}

.beispielheader {
    background-color: #eaecf0;
    padding-left: 3px;
    margin: 2px;
}

.beispielbody p {
    padding: 5px;
}

.beispielbody p {
    margin: 0;
}

/* FLEXITEM */
.flexitem {
    width:320px;
}

.flexitem ol {
    margin-top:0; 
    margin-left:1.5em;
}

.flexitem hr {
    margin:0; 
}

.flex {
    margin: 1em 0;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}

.flexitem caption {
    margin-top: 1em;
} 

.flex > .reflist {
    margin-bottom: 0;
}

.flex > .table-wrapper {
    margin:0;
}

/* MISC */
.float-right {
    clear: right;
    float: right;
    margin: 1em 0 1em 1em;
}

.illusory-script {
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select: none;
}

h1 {
    font-variant: small-caps;
}

.inline-icon img {
    vertical-align: text-top;
}