MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */

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

body dl {
    margin-top: 0.5em;
}

/* 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: 1em;
    margin-bottom: 1em;
}

.beispielbild {
    float: right;
    clear: right;
    color: black;
    font-size: 88%;
    line-height: 1.5em;
    margin: 0 0 1em 1em;
    padding: 0.75rem 1rem;
    background-color: white;
    border: 1px solid #a2a9b1;
}

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

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

.beispielbody p,
.beispielbody .table-wrapper {
    padding: 5px;
    margin: 0;
}

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

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

.flexitem hr {
    margin: 0; 
}

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

.flex + h2,
.flex + .reflist,
.flex > .table-wrapper {
    margin-top: 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;
}