MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

:root {
    --kgs-green: #00B169;
    --kgs-navy: #2D3E50;
    --kgs-blue: #3D83B2;
}

@font-face {
    font-family: 'Linux Biolinum Keyboard';
    font-style: normal;
    font-weight: 700;
    src: local('Linux Biolinum Keyboard'), url('https://fonts.cdnfonts.com/s/14369/LinBiolinum_Kah.woff') format('woff');
}

@media screen and (min-width: 851px) and (max-width: 1099px).color-middle {
    background: var(--kgs-green);
}

.color-right {
    background: var(--kgs-blue);
}

.color-left {
    background: var(--kgs-green);
}

.color-middle {
    background: var(--kgs-navy);
}

.mw-body h1.firstHeading, .CategoryTreeToggle {
    border-bottom-color: var(--kgs-blue);
}

.tools-inline li.selected {
    border-bottom-color: var(--kgs-blue);
}

a {
    color: var(--kgs-blue);
}

a:visited {
    color: var(--kgs-navy);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    background-color: var(--kgs-blue);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, form:not(.oo-ui-layout) button:hover, form:not(.oo-ui-layout) input[type='submit']:hover, form:not(.oo-ui-layout) button:active, form:not(.oo-ui-layout) input[type='submit']:active {
    background-color: var(--kgs-green);
    border-color: var(--kgs-green);
}

body {
    font-family: 'Source Sans Pro', 'Segoe UI','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif !important;
}

h1, h2, h3, h4, h5, h6, .mw-body dt, #p-logo-text a {
    font-family: 'Source Serif Pro', 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif !important;
}

.screenplay, code, tt, kbd, pre, samp, .skin-timeless .monospace {
    font-family: 'Source Code Pro', 'Inconsolata', 'Menlo','Consolas','Monaco','Noto Mono','Nimbus Mono L',monospace !important;
}

.mw-body-content a > img, .mw-body-content .floatnone > img {
    max-width: initial !important;
}

.CategoryTreePageBullet::before {
    content: "\2022";
}

.CategoryTreePageBullet ~ a {
    padding-left: 8px;
}

.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
    color: var(--kgs-green);
}

.hintergrundfarbe2 {
    background-color: white;
}

.noclear {
    clear: none !important;
}

code[class^=blocks] {
    vertical-align: middle;
}

div.notices {
    margin: 2rem 0;
    position: relative;
}
div.notices p {
    padding: 15px;
    display: block;
    font-size: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #666;
}
div.notices p:first-child:before {
    position: absolute;
    top: 2px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06a";
    left: 10px;
}
div.notices p:first-child:after {
    position: absolute;
    top: 2px;
    color: #fff;
    left: 2rem;
}
div.notices.info p {
    border-top: 30px solid #F0B37E;
    background: #FFF2DB;
}
div.notices.info p:first-child:after {
    content: 'Info';
}
div.notices.warning p {
    border-top: 30px solid rgba(217, 83, 79, 0.8);
    background: #FAE2E2;
}
div.notices.warning p:first-child:after {
    content: 'Achtung';
}
div.notices.note p {
    border-top: 30px solid #6AB0DE;
    background: #E7F2FA;
}
div.notices.note p:first-child:after {
    content: 'Hinweis';
}
div.notices.tip p {
    border-top: 30px solid rgba(92, 184, 92, 0.8);
    background: #E6F9E6;
}
div.notices.tip p:first-child:after {
    content: 'Tipp';
}

div.notices p {
    border-radius: 8px;
}

div.notices.info p:first-child::before {
    content: "\f071";
}

div.notices.note p:first-child::before {
    content: "\f05a";
}

div.notices.warning p:first-child::before {
    content: "\f06a";
}

div.notices.tip p:first-child::before {
    content: "\f0eb";
}

div.notices.todo p {
    border-top: 30px solid rgba(217, 83, 79, 0.8);
    background: #fae2e2;
}

div.notices.todo p:first-child:after {
    content: "Baustelle";
}

div.notices.todo p:first-child::before {
    content: "\f6e3";
}