Widget:Details: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung
 
(8 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: Zeile 5:
     border-bottom: 1px solid #000;
     border-bottom: 1px solid #000;
     padding: 1.5em;
     padding: 1.5em;
    margin-bottom: 2px;
}
}


Zeile 13: Zeile 12:


details + details {
details + details {
     margin-top: .5rem;
     margin-top: .5em;
}
}


Zeile 25: Zeile 24:


summary {
summary {
     border: 1px solid #000;
     border: .5px solid #000;
     padding: .75em 1em;
     padding: .75rem 1em;
     cursor: pointer;
     cursor: pointer;
     position: relative;
     position: relative;
Zeile 37: Zeile 36:
     transform: translateY(-50%);
     transform: translateY(-50%);
     left: .75rem;
     left: .75rem;
     content: "-";
     content: "+";
     width: 1.75rem;
     width: 1.75rem;
     height: 1.75rem;
     height: 1.75rem;
Zeile 53: Zeile 52:


details[open] summary:before {
details[open] summary:before {
     content: "+";
     content: "-";
}
}


Zeile 61: Zeile 60:
</style>
</style>
<details <!--{if $open=="1"}-->open<!--{/if}-->>
<details <!--{if $open=="1"}-->open<!--{/if}-->>
   <summary><!--{$title}--></summary>
   <summary><b><!--{$title}--></b></summary>
   <div><!--{$content}--></div>
   <div><!--{$content}--></div>
</details>
</details>