Bamp (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
Bamp (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 6: | Zeile 6: | ||
/* HEAD OF INFOBOX */ | /* HEAD OF INFOBOX */ | ||
.infobox-head { | .infobox-head-blue { | ||
background-color: #008AFF; | background-color: #008AFF; | ||
color: white; | |||
} | |||
.infobox-head-black { | |||
background-color: #000000; | |||
color: white; | |||
} | |||
.infobox-head-green { | |||
background-color: #70AD47; | |||
color: white; | |||
} | |||
.infobox-head-grey { | |||
background-color: #808080; | |||
color: white; | color: white; | ||
} | } | ||
Zeile 28: | Zeile 43: | ||
/* OPTION: INFOBOX ON SIDE */ | /* OPTION: INFOBOX ON SIDE */ | ||
.infobox-side { | .infobox-side { | ||
padding: 0; | padding: 0; | ||
width: 300px; | width: 300px; | ||
Zeile 34: | Zeile 48: | ||
float: right; | float: right; | ||
border-spacing: 0; | border-spacing: 0; | ||
} | |||
.infobox-side-border-blue { | |||
border: 1px solid #008AFF; | |||
} | |||
.infobox-side-border-black { | |||
border: 1px solid #000000; | |||
} | |||
.infobox-side-border-green { | |||
border: 1px solid #70AD47; | |||
} | |||
.infobox-side-border-grey { | |||
border: 1px solid #808080; | |||
} | } | ||
Version vom 5. August 2023, 22:55 Uhr
/* GENERAL */ .infobox tr:not(.infobox-head) { text-align: left; padding-right: 0.5em; } /* HEAD OF INFOBOX */ .infobox-head-blue { background-color: #008AFF; color: white; } .infobox-head-black { background-color: #000000; color: white; } .infobox-head-green { background-color: #70AD47; color: white; } .infobox-head-grey { background-color: #808080; color: white; } .infobox-head th { font-size: 1.5em; font-weight: bold; width: 100%; text-align: center; } .infobox-head td { padding-left: 0.5em; } .infobox-head table { margin: 0; } /* OPTION: INFOBOX ON SIDE */ .infobox-side { padding: 0; width: 300px; margin: 1em 0 1em 1em; float: right; border-spacing: 0; } .infobox-side-border-blue { border: 1px solid #008AFF; } .infobox-side-border-black { border: 1px solid #000000; } .infobox-side-border-green { border: 1px solid #70AD47; } .infobox-side-border-grey { border: 1px solid #808080; } .infobox-side table { margin-top: 0; margin-right: auto; margin-left: auto; } /* OPTION: INFOBOX ON INLINE (100%) */ .infobox-inline { border: 1px solid #aaa; padding: 0 0.75em 0 0.75em; width: 100%; float: none; clear: both; box-sizing: border-box; } .infobox-inline-icon { margin: 0; padding-right: 2.5em; } .infobox-inline table { margin: 0; } /* INFOBOX IMAGE */ .infobox-image { text-align: center; } /* MONOSPACE */ .monospace { font-family: monospace; } .glow { box-shadow: 0px 0px 5px yellow; } /* MEDIA OPTIONS */ @media (max-width: 719px) { .infobox-side { width: 100%; margin: 0.5em 0 0.5em 0; float: none; clear: both; box-sizing: border-box; } }