Bamp (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Bamp (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(50 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* GENERAL */ | /* GENERAL */ | ||
.infobox tr:not(.infobox-head) { | .infobox tr:not(.infobox-head-blue) tr:not(.infobox-head-black) tr:not(.infobox-head-green) tr:not(.infobox-head-grey) { | ||
text-align: left; | text-align: left; | ||
padding-right: 0.5em; | padding-right: 0.5em; | ||
} | |||
table.infobox-inner-table { | |||
border-collapse: collapse; | |||
width: 300px; | |||
margin-right: auto; | |||
margin-left: auto; | |||
display: table; | |||
} | |||
.infobox-inner-table tr:not(:last-child) { | |||
border-bottom: 1px solid rgba(128, 128, 128, 0.25); | |||
} | |||
.infobox-inner-table th { | |||
text-align: left; | |||
padding-right: 10px; | |||
} | } | ||
/* HEAD OF INFOBOX */ | /* HEAD OF INFOBOX */ | ||
.infobox-head { | .infobox-head-blue { | ||
background-color: #008AFF; | background-color: #008AFF; | ||
color: white; | color: white; | ||
} | } | ||
.infobox-head th { | .infobox-head-black { | ||
background-color: #000000; | |||
color: white; | |||
} | |||
.infobox-head-green { | |||
background-color: #70AD47; | |||
color: white; | |||
} | |||
.infobox-head-grey { | |||
background-color: #505050; | |||
color: white; | |||
} | |||
.infobox-head-blue th, | |||
.infobox-head-black th, | |||
.infobox-head-green th, | |||
.infobox-head-grey th { | |||
font-size: 1.5em; | font-size: 1.5em; | ||
font-weight: bold; | font-weight: bold; | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
border-collapse: collapse; | |||
} | } | ||
.infobox-head td { | .infobox-head-blue td, | ||
.infobox-head-black td, | |||
.infobox-head-green td, | |||
.infobox-head-grey td { | |||
padding-left: 0.5em; | padding-left: 0.5em; | ||
} | } | ||
.infobox-head table { | .infobox-head-blue .infobox-head-black .infobox-head-green .infobox-head-grey table { | ||
margin: 0; | margin: 0; | ||
} | } | ||
Zeile 28: | Zeile 67: | ||
/* OPTION: INFOBOX ON SIDE */ | /* OPTION: INFOBOX ON SIDE */ | ||
.infobox-side { | .infobox-side { | ||
padding: 0; | padding: 0; | ||
width: | width: 325px; | ||
margin: 1em 0 1em 1em; | margin: 1em 0 1em 1em; | ||
float: right; | float: right; | ||
border- | border-collapse: collapse; | ||
} | |||
.border-blue { | |||
border: 1px solid #008AFF; | |||
} | |||
.border-black { | |||
border: 1px solid #000000; | |||
} | |||
.border-green { | |||
border: 1px solid #70AD47; | |||
} | |||
.border-grey { | |||
border: 1px solid #505050; | |||
} | } | ||
Zeile 69: | Zeile 123: | ||
.monospace { | .monospace { | ||
font-family: monospace; | font-family: monospace; | ||
} | } | ||
/* MEDIA OPTIONS */ | /* MEDIA OPTIONS */ | ||
@media (max-width: | @media (max-width: 649px) { | ||
.infobox-side { | .infobox-side { | ||
width: 100%; | width: 100%; |
Aktuelle Version vom 19. Mai 2024, 00:27 Uhr
/* GENERAL */ .infobox tr:not(.infobox-head-blue) tr:not(.infobox-head-black) tr:not(.infobox-head-green) tr:not(.infobox-head-grey) { text-align: left; padding-right: 0.5em; } table.infobox-inner-table { border-collapse: collapse; width: 300px; margin-right: auto; margin-left: auto; display: table; } .infobox-inner-table tr:not(:last-child) { border-bottom: 1px solid rgba(128, 128, 128, 0.25); } .infobox-inner-table th { text-align: left; padding-right: 10px; } /* 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: #505050; color: white; } .infobox-head-blue th, .infobox-head-black th, .infobox-head-green th, .infobox-head-grey th { font-size: 1.5em; font-weight: bold; width: 100%; text-align: center; border-collapse: collapse; } .infobox-head-blue td, .infobox-head-black td, .infobox-head-green td, .infobox-head-grey td { padding-left: 0.5em; } .infobox-head-blue .infobox-head-black .infobox-head-green .infobox-head-grey table { margin: 0; } /* OPTION: INFOBOX ON SIDE */ .infobox-side { padding: 0; width: 325px; margin: 1em 0 1em 1em; float: right; border-collapse: collapse; } .border-blue { border: 1px solid #008AFF; } .border-black { border: 1px solid #000000; } .border-green { border: 1px solid #70AD47; } .border-grey { border: 1px solid #505050; } .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; } /* MEDIA OPTIONS */ @media (max-width: 649px) { .infobox-side { width: 100%; margin: 0.5em 0 0.5em 0; float: none; clear: both; box-sizing: border-box; } }