Difference between revisions of "MediaWiki:Common.css"

From VoWi
Jump to navigation Jump to search
(Änderung 135657 von Gittenburg (Diskussion) rückgängig gemacht.)
Tag: Undo
 
(367 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/** CSS an dieser Stelle wirkt sich auf alle Skins aus */
+
/* CSS auf dieser Seite wirkt sich auf alle Skins aus. */
 +
.mw-wiki-logo {
 +
    background-size: 100px;
 +
}
 +
 
 +
.hide-multiline-comments .cm {
 +
    color: white;
 +
}
 +
 
 +
.text-art {
 +
  white-space: pre !important;
 +
  overflow: auto;
 +
  line-height: 1;
 +
}
 +
 
 +
 
 +
/* remove Main page title */
 +
body.page-VorlesungsWiki #siteSub,
 +
body.page-VorlesungsWiki #contentSub,
 +
body.page-VorlesungsWiki h1.firstHeading {
 +
    display: none !important;
 +
}
 +
 
 +
.startseite {
 +
    width: 1000px;
 +
    max-width: 100%;
 +
}
 +
 
 +
.tagline {
 +
    font-size: 1.3em;
 +
    font-weight: bold;
 +
    font-family: 'Freight Sans Bold', Helvetica, Arial;
 +
    color: #333;
 +
}
  
/******* Sitenotice css ****/
+
.universität-spalten > div {
.customsitenotice {
+
     box-sizing: border-box;
     font-size: 200%;
+
     padding-right: 3vw;
    width: 100%;
 
    height: 150px;
 
    border: 1px solid #A4A4FF;
 
     border-left: 5px solid #6666FF;
 
 
}
 
}
.customsitenotice p {
+
 
 +
body.page-VorlesungsWiki .two-columns { max-width: 800px; }
 +
 
 +
.studienfächer-navigation { margin: 1em 0; }
 +
.studienfächer-navigation td { padding: 0; }
 +
.studienfächer-navigation a { display: block; padding: 3px 10px; }
 +
.studienfächer-navigation a:hover,
 +
.studienfächer-navigation a:active { background-color: #f8eec6; text-decoration: none; }
 +
 
 +
.grau { color: #555; }
 +
 
 +
.buch .titel { font-style: italic; }
 +
.verweise { color: #555; }
 +
.verweise .isbn, .verweise .autor { display: none; }
 +
.verweise .titel { font-style: normal; }
 +
 
 +
.capitals { font-variant-caps: small-caps; font-family:serif; }
 +
 
 +
.subtle-pre pre {
 +
    border: 0;
 +
    padding: 0;
 +
    margin: 0;
 +
    background-color: inherit;
 +
}
 +
 
 +
.question { margin: .5em 0; }
 +
.question table { margin-left: .5em }
 +
 
 +
.template-umlbox {
 +
    display: inline-block;
 
     vertical-align: middle;
 
     vertical-align: middle;
 +
    border-spacing: 0;
 +
    border-collapse: collapse;
 +
}
 +
.template-umlbox.state {
 +
    border-collapse: separate;
 +
}
 +
.template-umlbox.state tr:first-of-type td {
 +
    border-bottom: 0;
 +
    border-top-left-radius: 5px;
 +
    border-top-right-radius: 5px;
 +
}
 +
.template-umlbox.state tr:last-of-type td {
 +
    border-bottom-left-radius: 5px;
 +
    border-bottom-right-radius: 5px;
 +
}
 +
 +
.template-umlbox td {
 +
    border: 1px solid;
 +
}
 +
 +
.showcase > * {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
}
 +
.showcase img {
 +
    margin: 0 30px;
 +
}
 +
 +
/* Zeige external-link icon für interwiki links */
 +
.mw-body-content a.extiw {
 +
    background: url(skins/Vector/images/external-link-ltr-icon.png) center right no-repeat;
 +
    padding-right: 13px;
 +
}
 +
 +
.verweise { margin-top: 15px; font-size: small; }
 +
 +
.vorlage-katalogliste .link-id, .srf-tree .link-id {
 +
    font-size: small;
 +
}
 +
 +
.template-box {
 +
border: 1px solid #b6c0d2;
 +
display: inline-block;
 +
padding: 2px 6px;
 +
border-radius: 3px;
 +
        background-color: #f1f9ff;
 +
}
 +
 +
.nobold { font-weight: normal }
 +
 +
img.responsive { max-width: 100%; height: auto; }
 +
 +
.mbox {
 +
    margin: 0.5em 0;
 +
    padding: 5px;
 +
    border: 1px solid #ccc;
 +
    border-radius: 5px;
 +
    display: inline-block;
 +
    background-color: #fbfbfb;
 +
}
 +
 +
.mbox-warnung {
 +
    background-color: #FCC3BA;
 +
    border-color: #FFA4A4;
 +
}
 +
.mbox-tipp {
 +
    background-color: #ebfeee;
 +
    border-color: #bed8be;
 +
}
 +
.mbox-notiz {
 +
    background-color: #d7ebf2;
 +
    border-color: #94c3eb;
 +
}
 +
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul a { font-weight: bold; }
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul a:before { content: '('; }
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul a:after { content: ')'; }
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul { columns: 4 160px; }
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul { display: inline; list-style: none; margin-left: 5px; }
 +
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul li { display: inline; }
 +
 +
.katalog-spalten { columns: 3 360px; }
 +
.katalog-spalten ul { page-break-inside: avoid; }
 +
 +
/* Startseite neu */
 +
 +
.mascot-says {
 +
    position: relative;
 +
    width: 200px;
 +
    height: 237px;
 +
}
 +
 +
.mascot-says img {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    pointer-events: none;
 +
}
 +
 +
#mascot-says-bubble {
 +
    width: 160px;
 +
    padding-top: 20px;
 
     padding-left: 20px;
 
     padding-left: 20px;
 +
    height: 70px;
 +
 +
    font-family: serif;
 +
    font-size: 15px;
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
}
 +
 +
@media only screen and (max-width: 800px) {
 +
  .two-columns > div {
 +
    display:block !important;
 +
    width:100% !important;
 +
    margin: 0 !important;
 +
  }
 +
}
 +
 +
#startseite #tagline {
 +
    font-family: serif;
 +
    font-size: 1.1em;
 +
    padding: 0 30px;
 +
    display: inline-block;
 +
    vertical-align:middle;
 +
    white-space:pre;
 +
    text-align:center;
 +
}
 +
#startseite #beschreibung {
 +
    padding:8px;
 +
}
 +
.two-columns > div {
 +
    width: calc(100% / 2 - 2em);
 +
    margin: 0 1em;
 +
    display:inline-block;
 +
    vertical-align:top;
 +
}
 +
 +
/* Startseite */
 +
 +
.hauptseite-spalten {
 +
    -webkit-columns: 2 280px;
 +
    -moz-columns: 2 280px;
 +
    columns: 2 280px;
 +
    margin-left: 1.5em;
 +
    position: relative;
 +
}
 +
.hauptseite-spalten > div {
 +
    break-inside: avoid;
 +
    page-break-inside: avoid;
 +
}
 +
.hauptseite-spalten dd {
 +
    margin-left: 0 !important;
 +
}
 +
 +
#startseite #stats {
 +
    position: absolute;
 +
    bottom: 0;
 +
}
 +
#startseite #stats td:first-of-type {
 +
    text-align: right;
 +
    font-size: 20px;
 +
    font-weight: bold;
 +
    color: #aaa;
 +
}
 +
 +
#action-button a {
 +
    display: inline-block;
 +
    padding: 7px 12px;
 +
 +
    background-color: #d9edf6;
 +
    color: #2f437b;
 +
 +
    border: 1px solid #a3b9cc;
 +
    border-bottom-width: 3px;
 +
    border-radius: 5px;
 
}
 
}
+
 
.customsitenotice .floatright {
+
#action-button:hover a {
     padding-right: 20px;
+
     background-color: #c1deec;
/*    vertical-align: middle;
 
 
}
 
}
.customsitenotice .floatright img {
+
 
     vertical-align: middle; */
+
.mattermost-banner {
 +
     border-top: 1px solid #a2a9b1;
 +
    margin-top: 15px;
 +
    padding: 10px;
 +
    overflow: auto;
 
}
 
}
 +
.mattermost-banner img { margin-right: 0.8em; margin-top: 0.8em; opacity: 0.5; }
 +
.mattermost-banner img:hover { opacity: 0.7; }
  
/* CSS-Klassen fuer Vorlage:Interner Link */
+
/* Sonstiges */
.querylink-new a {
+
 
        color: #ba0000 !important;
+
.link-leiste a { font-weight: bold; }
 +
.link-leiste ul { list-style: none; margin: 0; }
 +
.link-leiste li { display: inline-block; }
 +
.link-leiste li:not(:last-of-type):after {
 +
    content: '|';
 +
    margin-left: 10px;
 +
    margin-right: 10px;
 +
    color: #a2a9b1;
 +
}
 +
.link-leiste .mw-prefixindex-body { columns: unset; }
 +
 
 +
.hpaddedtable td, th { padding: 0 5px; }
 +
.paddedtable td, th { padding: 4px 5px; }
 +
 
 +
.fancytable { border-spacing: 0; }
 +
.fancytable th { text-align: right; color: #555; }
 +
.fancytable td:not(:first-child) { padding-left: 15px; }
 +
.fancytable tr:not(:last-of-type) td, .fancytable tr:not(:last-of-type) th {
 +
    border-bottom: 1px solid #ccc;
 
}
 
}
.querylink-exists a {
+
.fancytable caption { font-weight: bold; }
        background: none !important;
+
 
        padding: 0 !important;
+
.bluelink { color: #0645ad; }
        color: #002bb8 !important;
+
.redlink  { color: #ba0000; }
 +
 
 +
.angabe { margin-left: 0; margin-right: 0; }
 +
 
 +
.inlinetable {
 +
    display: inline-block;
 +
    vertical-align: top;
 +
    padding: 10px;
 
}
 
}
  
/******* Documentation ********/
+
.beispiel-table, .bsp-table {
.template-documentation {
+
     text-align: center;
     clear: both;
+
     display: inline-block;
     margin: 1em 0 0 0;
+
     vertical-align: top;
    border: 1px solid #aaa;  
 
     background-color: #ecfcf4;  
 
 
     padding: 5px;
 
     padding: 5px;
 
}
 
}
.dablink {
+
 
    font-style: italic;
+
.beispiel-wikicode { background-color: #d1f5d1; }
    padding-left: 2em;
+
.beispiel-extern  { background-color: #f8f8c9; }
 +
.beispiel-datei    { background-color: #f8e5df; }
 +
 
 +
.beispiel-teils.beispiel-wikicode { background: linear-gradient(90deg, #d1f5d1 50%, transparent 50%); }
 +
.beispiel-teils.beispiel-extern  { background: linear-gradient(90deg, #f8f8c9 50%, transparent 50%); }
 +
.beispiel-teils.beispiel-datei    { background: linear-gradient(90deg, #f8e5df 50%, transparent 50%); }
 +
 
 +
/* CSS-Klassen für Vorlage:Interner Link */
 +
.querylink-new .external {
 +
        color: #ba0000 !important;
 
}
 
}
+
.querylink-exists .external {
.dablink i {
+
        background-image: none;
    font-style: normal;
+
        padding: 0;
 +
        color: #002bb8;
 
}
 
}
  
Line 58: Line 329:
 
}
 
}
  
/******* REMOVE HEADER ON VARIOUS PAGES **********/
+
.vorlage-beispiel #toc li:first-of-type ul {
/* remove Main page title */
+
    display: none; /* verstecke TOC Einträge unter Hilfreiches */
body.page-Willkommen_im_VorlesungsWiki #siteSub,
+
}
body.page-Willkommen_im_VorlesungsWiki #contentSub,
+
 
body.page-Willkommen_im_VorlesungsWiki h1.firstHeading {
+
.vorlage-baustein {
     display: none !important;
+
    margin-top: 0.3em;
 +
     padding-top: 0.5em;
 
}
 
}
  
/******* MAIN PAGE STYLING **********/
+
/* Trick für Hilfe:Bausteine/eingebunden/b */
/* all the fancy boxes... */
+
#toc a[href^="#HIDDEN"] { display:none; }
.mainpage_boxtitle, .mainpage_hubtitle, #mainpage_pagetitle {
 
  font-size: 105%;
 
  padding: 0.4em;
 
  background-color: #eeeeee;
 
  border-bottom: 1px solid #aaaaaa;
 
  
}
+
/* Trick für Vorlage:Leerer Abschnitt */
 +
.toctext span { color: black; }
  
.mainpage_boxtitle {
+
/*
  line-height: 120%;
+
* Allow limiting of which header levels are shown in a TOC;
 +
* <div class="toclimit-3">, for instance, will limit to
 +
* showing ==headings== and ===headings=== but no further.
 +
*/
 +
.toclimit-2 .toclevel-1 ul,
 +
.toclimit-3 .toclevel-2 ul,
 +
.toclimit-4 .toclevel-3 ul,
 +
.toclimit-5 .toclevel-4 ul,
 +
.toclimit-6 .toclevel-5 ul,
 +
.toclimit-7 .toclevel-6 ul {
 +
    display: none;
 
}
 
}
  
#mainpage_pagetitle {
+
/* Klassen für Tabellen */
  color: #cf7606;
+
table.col-1-center td:nth-child(1) { text-align: center; }
  font-size: 200% !important;
+
table.col-2-center td:nth-child(2) { text-align: center; }
}
+
table.col-3-center td:nth-child(3) { text-align: center; }
 +
table.col-4-center td:nth-child(4) { text-align: center; }
 +
table.col-5-center td:nth-child(5) { text-align: center; }
 +
table.col-6-center td:nth-child(6) { text-align: center; }
 +
table.col-7-center td:nth-child(7) { text-align: center; }
 +
table.col-8-center td:nth-child(8) { text-align: center; }
 +
table.col-9-center td:nth-child(9) { text-align: center; }
  
.mainpage_hubtitle {
+
table.col-1-right td:nth-child(1) { text-align: right; }
  text-align: center;
+
table.col-2-right td:nth-child(2) { text-align: right; }
}
+
table.col-3-right td:nth-child(3) { text-align: right; }
 +
table.col-4-right td:nth-child(4) { text-align: right; }
 +
table.col-5-right td:nth-child(5) { text-align: right; }
 +
table.col-6-right td:nth-child(6) { text-align: right; }
 +
table.col-7-right td:nth-child(7) { text-align: right; }
 +
table.col-8-right td:nth-child(8) { text-align: right; }
 +
table.col-9-right td:nth-child(9) { text-align: right; }
  
.mainpage_boxcontents, .mainpage_boxcontents_small {
+
.spinner {
  background: #ffffff;
+
animation: spin 60s linear infinite;
  padding:0.2em 0.4em;
+
animation-delay: 60s;
 +
display:inline-block;
 
}
 
}
  
.mainpage_boxcontents_small {
+
@keyframes spin {
  font-size: 95%;
+
0% { transform: rotate(0deg); }
 +
1.5% { transform: rotate(360deg); }
 +
100% { transform: rotate(360deg); }
 
}
 
}
  
.mainpage_hubbox, #mainpage_newscell, #mainpage_downloadcell {
+
/** LEGACY (will be removed) */
   padding: 0;
+
.bsp-ungelöst, .vorlage-bsp-ohne { background-color: #eee; }
  border: 1px solid #aaaaaa;
+
.bsp-gelöst, .vorlage-bsp-mit  { background-color: #cf9; }
}
+
.vorlage-bsp-neu   { background-color: #0f0; }
 +
.bsp-unvollständig, .vorlage-bsp-teils { background-color: #ff5; }
  
.mainpage_hubbox {
+
.vorlage-definition {
  margin-bottom: 0;
+
    background-color: #ffffdf;
 +
    border: 1px dotted;
 +
    margin: 1em;
 +
    padding: 1em;
 
}
 
}
 
+
.vorlage-angabe {
#mainpage_newscell {
+
    background-color: #f8f9fa;
  margin-bottom: 15px;
+
    border: 1px solid #eaecf0;
  margin-top: 0 !important;
+
    margin: 1em;
 +
    padding: 1em;
 
}
 
}
  
#mainpage_downloadcell {
+
/** Mobile **/
  margin-bottom: 5px;
 
}
 
  
/* The words 'MediaWiki.org' in the title.*/
+
.mw-collapsible {
#mainpage_mwtitle {
+
    max-width: 100%;
  color: #005288;
 
 
}
 
}

Latest revision as of 16:23, 28 June 2020

/* CSS auf dieser Seite wirkt sich auf alle Skins aus. */
.mw-wiki-logo {
    background-size: 100px;
}

.hide-multiline-comments .cm {
    color: white;
}

.text-art {
   white-space: pre !important;
   overflow: auto;
   line-height: 1;
}


/* remove Main page title */
body.page-VorlesungsWiki #siteSub, 
body.page-VorlesungsWiki #contentSub, 
body.page-VorlesungsWiki h1.firstHeading {
    display: none !important;
}

.startseite {
    width: 1000px;
    max-width: 100%;
}

.tagline {
    font-size: 1.3em;
    font-weight: bold;
    font-family: 'Freight Sans Bold', Helvetica, Arial;
    color: #333;
}

.universität-spalten > div {
    box-sizing: border-box;
    padding-right: 3vw;
}

body.page-VorlesungsWiki .two-columns { max-width: 800px; }

.studienfächer-navigation { margin: 1em 0; }
.studienfächer-navigation td { padding: 0; }
.studienfächer-navigation a { display: block; padding: 3px 10px; }
.studienfächer-navigation a:hover,
.studienfächer-navigation a:active { background-color: #f8eec6; text-decoration: none; }

.grau { color: #555; }

.buch .titel { font-style: italic; }
.verweise { color: #555; }
.verweise .isbn, .verweise .autor { display: none; }
.verweise .titel { font-style: normal; }

.capitals { font-variant-caps: small-caps; font-family:serif; }

.subtle-pre pre {
    border: 0;
    padding: 0;
    margin: 0;
    background-color: inherit;
}

.question { margin: .5em 0; }
.question table { margin-left: .5em }

.template-umlbox {
    display: inline-block;
    vertical-align: middle;
    border-spacing: 0;
    border-collapse: collapse;
}
.template-umlbox.state {
    border-collapse: separate;
}
.template-umlbox.state tr:first-of-type td {
    border-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.template-umlbox.state tr:last-of-type td {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.template-umlbox td {
    border: 1px solid;
}

.showcase > * {
    display: inline-block;
    vertical-align: middle;
}
.showcase img {
    margin: 0 30px;
}

/* Zeige external-link icon für interwiki links */
.mw-body-content a.extiw {
    background: url(skins/Vector/images/external-link-ltr-icon.png) center right no-repeat;
    padding-right: 13px;
}

.verweise { margin-top: 15px; font-size: small; }

.vorlage-katalogliste .link-id, .srf-tree .link-id {
    font-size: small;
}

.template-box {
 	border: 1px solid #b6c0d2;
	display: inline-block;
	padding: 2px 6px;
	border-radius: 3px;
        background-color: #f1f9ff;
}

.nobold { font-weight: normal }

img.responsive { max-width: 100%; height: auto; }

.mbox {
    margin: 0.5em 0;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    background-color: #fbfbfb;
}

.mbox-warnung {
    background-color: #FCC3BA;
    border-color: #FFA4A4;
}
.mbox-tipp {
    background-color: #ebfeee;
    border-color: #bed8be;
}
.mbox-notiz {
    background-color: #d7ebf2;
    border-color: #94c3eb;
}

.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul a { font-weight: bold; }
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul a:before { content: '('; }
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul a:after { content: ')'; }
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul { columns: 4 160px; }
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul { display: inline; list-style: none; margin-left: 5px; }
.page-TU_Wien_Nav_Mathematik_für_Informatik_Buch .lösungsvorschläge ul ul li { display: inline; }

.katalog-spalten { columns: 3 360px; }
.katalog-spalten ul { page-break-inside: avoid; }

/* Startseite neu */

.mascot-says {
    position: relative;
    width: 200px;
    height: 237px;
}

.mascot-says img {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

#mascot-says-bubble {
    width: 160px;
    padding-top: 20px;
    padding-left: 20px;
    height: 70px;

    font-family: serif;
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 800px) {
  .two-columns > div {
     display:block !important;
     width:100% !important;
     margin: 0 !important;
  }
}

#startseite #tagline {
    font-family: serif;
    font-size: 1.1em;
    padding: 0 30px;
    display: inline-block;
    vertical-align:middle;
    white-space:pre;
    text-align:center;
}
#startseite #beschreibung {
    padding:8px;
}
.two-columns > div {
    width: calc(100% / 2 - 2em);
    margin: 0 1em;
    display:inline-block;
    vertical-align:top;
}

/* Startseite */

.hauptseite-spalten {
    -webkit-columns: 2 280px;
    -moz-columns: 2 280px;
    columns: 2 280px;
    margin-left: 1.5em;
    position: relative;
}
.hauptseite-spalten > div {
    break-inside: avoid;
    page-break-inside: avoid;
}
.hauptseite-spalten dd {
    margin-left: 0 !important;
}

#startseite #stats {
    position: absolute;
    bottom: 0;
}
#startseite #stats td:first-of-type {
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    color: #aaa;
}

#action-button a {
    display: inline-block;
    padding: 7px 12px;

    background-color: #d9edf6;
    color: #2f437b;

    border: 1px solid #a3b9cc;
    border-bottom-width: 3px;
    border-radius: 5px;
}

#action-button:hover a {
    background-color: #c1deec;
}

.mattermost-banner {
    border-top: 1px solid #a2a9b1;
    margin-top: 15px;
    padding: 10px;
    overflow: auto;
}
.mattermost-banner img { margin-right: 0.8em; margin-top: 0.8em; opacity: 0.5; }
.mattermost-banner img:hover { opacity: 0.7; }

/* Sonstiges */

.link-leiste a { font-weight: bold; }
.link-leiste ul { list-style: none; margin: 0; }
.link-leiste li { display: inline-block; }
.link-leiste li:not(:last-of-type):after {
    content: '|';
    margin-left: 10px;
    margin-right: 10px;
    color: #a2a9b1;
}
.link-leiste .mw-prefixindex-body { columns: unset; }

.hpaddedtable td, th { padding: 0 5px; }
.paddedtable td, th { padding: 4px 5px; }

.fancytable { border-spacing: 0; }
.fancytable th { text-align: right; color: #555; }
.fancytable td:not(:first-child) { padding-left: 15px; }
.fancytable tr:not(:last-of-type) td, .fancytable tr:not(:last-of-type) th {
    border-bottom: 1px solid #ccc;
}
.fancytable caption { font-weight: bold; }

.bluelink { color: #0645ad; }
.redlink  { color: #ba0000; }

.angabe { margin-left: 0; margin-right: 0; }

.inlinetable {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.beispiel-table, .bsp-table {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.beispiel-wikicode { background-color: #d1f5d1; }
.beispiel-extern   { background-color: #f8f8c9; }
.beispiel-datei    { background-color: #f8e5df; }

.beispiel-teils.beispiel-wikicode { background: linear-gradient(90deg, #d1f5d1 50%, transparent 50%); }
.beispiel-teils.beispiel-extern   { background: linear-gradient(90deg, #f8f8c9 50%, transparent 50%); }
.beispiel-teils.beispiel-datei    { background: linear-gradient(90deg, #f8e5df 50%, transparent 50%); }

/* CSS-Klassen für Vorlage:Interner Link */
.querylink-new .external {
        color: #ba0000 !important;
}
.querylink-exists .external {
        background-image: none;
        padding: 0;
        color: #002bb8;
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}

.vorlage-beispiel #toc li:first-of-type ul {
    display: none; /* verstecke TOC Einträge unter Hilfreiches */
}

.vorlage-baustein {
    margin-top: 0.3em;
    padding-top: 0.5em;
}

/* Trick für Hilfe:Bausteine/eingebunden/b */
#toc a[href^="#HIDDEN"] { display:none; }

/* Trick für Vorlage:Leerer Abschnitt */
.toctext span { color: black; }

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* Klassen für Tabellen */
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }

table.col-1-right td:nth-child(1) { text-align: right; }
table.col-2-right td:nth-child(2) { text-align: right; }
table.col-3-right td:nth-child(3) { text-align: right; }
table.col-4-right td:nth-child(4) { text-align: right; }
table.col-5-right td:nth-child(5) { text-align: right; }
table.col-6-right td:nth-child(6) { text-align: right; }
table.col-7-right td:nth-child(7) { text-align: right; }
table.col-8-right td:nth-child(8) { text-align: right; }
table.col-9-right td:nth-child(9) { text-align: right; }

.spinner {
	animation: spin 60s linear infinite;
	animation-delay: 60s;
	display:inline-block;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	1.5% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
}

/** LEGACY (will be removed) */
.bsp-ungelöst, .vorlage-bsp-ohne { background-color: #eee; }
.bsp-gelöst, .vorlage-bsp-mit   { background-color: #cf9; }
.vorlage-bsp-neu   { background-color: #0f0; }
.bsp-unvollständig, .vorlage-bsp-teils { background-color: #ff5; }

.vorlage-definition {
    background-color: #ffffdf;
    border: 1px dotted;
    margin: 1em;
    padding: 1em;
}
.vorlage-angabe {
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    margin: 1em;
    padding: 1em;
}

/** Mobile **/

.mw-collapsible {
    max-width: 100%;
}