Vorlage:Buchbox: Unterschied zwischen den Versionen
Aus WikiToYes
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 3: | Zeile 3: | ||
<!-- Flex-Container: Bild links, Text + TOC rechts --> | <!-- Flex-Container: Bild links, Text + TOC rechts --> | ||
<div style="display: flex; align-items: | <div style="display: flex; align-items: stretch; gap: 1rem;"> | ||
<!-- Buchcover (400px) --> | <!-- Buchcover (400px), ohne Rand oder Hintergrund --> | ||
<div style="flex: 0 0 auto;"> | <div style="flex: 0 0 auto; margin: 0; padding: 0; background: none;"> | ||
[[Datei:Home-fachbuch.png|400px | [[Datei:Home-fachbuch.png|frameless|400px]] | ||
</div> | </div> | ||
<!-- Rechte | <!-- Rechte Spalte: Standort oben, TOC unten --> | ||
<div style="flex: 1 1 auto;"> | <div style="flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; background: none; padding: 0; margin: 0;"> | ||
'''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3 | <!-- Standort (oben), ohne Hintergrund --> | ||
<div style="background: none; margin: 0 0 0.5em 0; padding: 0; font-size: 0.9em;"> | |||
'''Standort:''' [[Kategorie:Technik]] • [[Buch::Handbuch]] • '''Version:''' 2.3 | |||
</div> | |||
<!-- TOC | <!-- TOC (unten), mit Fade --> | ||
<div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;"> | <div id="fade-toc" class="toc-fade" style="max-height: 400px; overflow-y: auto;"> | ||
__TOC__ | __TOC__ | ||
| Zeile 25: | Zeile 28: | ||
<!-- Horizontale Linie unten --> | <!-- Horizontale Linie unten --> | ||
<hr style="margin:3px 0; height:1px; background:#ddd; border:none;"> | <hr style="margin:3px 0; height:1px; background:#ddd; border:none;"> | ||
<!-- Fade-Style ganz am Ende --> | |||
<style> | |||
.toc-fade { | |||
opacity: 0; | |||
max-height: 0; | |||
transition: opacity 0.6s ease, max-height 0.6s ease; | |||
overflow: hidden; | |||
margin-top: 0.5em; | |||
} | |||
.toc-fade.shown { | |||
opacity: 1; | |||
max-height: 400px; | |||
} | |||
</style> | |||
Version vom 16. Juli 2025, 10:23 Uhr
Standort: • Handbuch • Version: 2.3
<style> .toc-fade {
opacity: 0; max-height: 0; transition: opacity 0.6s ease, max-height 0.6s ease; overflow: hidden; margin-top: 0.5em;
} .toc-fade.shown {
opacity: 1; max-height: 400px;
} </style>
