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-green);
}

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

.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, *[lang=la] {
    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;
}

.nowrap {
	white-space: nowrap;
}

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

h1:has(> .campus1), h1:has(> .campus2), h1:has(> .campus3),
h1:has(> .campus16), h1:has(> .campus17),
h1:has(> .campus29), h1:has(> .campus30), h1:has(> .campus31),
h1:has(> .campus43), h1:has(> .campus44), h1:has(> .campus45),
h1:has(> .campus59), h1:has(> .campus60), h1:has(> .campus61) {
	background-color: #F1E4D3;
	border-bottom-color: #BE7D29!important;
}

h1:has(> .campus4), h1:has(> .campus5), h1:has(> .campus6),
h1:has(> .campus18), h1:has(> .campus19), h1:has(> .campus20),
h1:has(> .campus32), h1:has(> .campus33), h1:has(> .campus34), h1:has(> .campus35),
h1:has(> .campus46), h1:has(> .campus47), h1:has(> .campus48),
h1:has(> .campus62) {
	background-color: #F1D5D2;
	border-bottom-color: #AF1644!important;
}

h1:has(> .campus7), h1:has(> .campus8), h1:has(> .campus9),
h1:has(> .campus21), h1:has(> .campus22), h1:has(> .campus23),
h1:has(> .campus36), h1:has(> .campus37),
h1:has(> .campus49), h1:has(> .campus50), h1:has(> .campus51), h1:has(> .campus52), h1:has(> .campus53),
h1:has(> .campus63), h1:has(> .campus64), h1:has(> .campus65) {
	background-color: #FAE5D0;
	border-bottom-color: #DF7718!important;
}

h1:has(> .campus10), h1:has(> .campus11), h1:has(> .campus12),
h1:has(> .campus24), h1:has(> .campus25), h1:has(> .campus26),
h1:has(> .campus38), h1:has(> .campus39), h1:has(> .campus40),
h1:has(> .campus54), h1:has(> .campus55),
h1:has(> .campus66), h1:has(> .campus67), h1:has(> .campus68) {
	background-color: #DCCDD0;
	border-bottom-color: #6D1A46!important;
}

h1:has(> .campus13), h1:has(> .campus14), h1:has(> .campus15),
h1:has(> .campus27), h1:has(> .campus28),
h1:has(> .campus41), h1:has(> .campus42),
h1:has(> .campus56), h1:has(> .campus57), h1:has(> .campus58),
h1:has(> .campus69), h1:has(> .campus70) {
	background-color: #EAD8E4;
	border-bottom-color: #A2317F!important;
}

blockquote {
  border-style: solid;
  border-radius: 10px;
  padding: 5px;
  position: relative;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
}
blockquote[cite] {
	margin-bottom: 64px;
}
blockquote:before {
  border-top: 16px solid;
  border-right: 8px solid;
  border-bottom: 16px solid #00000000;
  border-left: 8px solid #00000000;
  font-size: 0;
  content: '';
  position: absolute;
  right: 10%;
  bottom: -32px;
}

blockquote[cite]:after {
  content: attr(cite);
  position: absolute;
  right: 5%;
  bottom: -54px;
}

div.mw-highlight {
	position: relative;
	display: flow-root;
}

div.mw-highlight::before {
    position: absolute;
    right: 0;
    top: 1em;
    z-index: 1;
    width: fit-content;
    display: none;
    justify-content: center;
    background-color: #f0f0f0;
    border: 1px solid #c8ccd1;
    border-bottom-left-radius: 10px;
    height: 1.5rem;
    padding-left: 10px;
    padding-right: 10px;
}

div.mw-highlight-lang-java::before {
    content: "Java";
    display: flex !important;
}

div.mw-highlight-lang-python::before {
    content: "Python";
    display: flex !important;
}

div.mw-highlight-lang-javascript::before {
    content: "JavaScript";
    display: flex !important;
}

div.mw-highlight-lang-html::before {
    content: "HTML";
    display: flex !important;
}

div.mw-highlight-lang-css::before {
    content: "CSS";
    display: flex !important;
}

div.mw-highlight-lang-xml::before {
    content: "XML";
    display: flex !important;
}