Template:Collapsible/Styles.css

/* */

.zw-collapsible { clear: left; display: table; } .zw-collapsible--stretch { display: block; }

.zw-collapsible__header { background-color: #17568c; background-image: linear-gradient(#1d679b, #1a4e7d); border: 2px solid #426787; border-radius: 0.5rem; cursor: pointer; display: table; font-weight: bold; margin: 0.25rem 0; padding: 0.25rem 0.5rem; transition: 300ms; } .zw-collapsible__header:hover { background-color: #214b71; background-image: linear-gradient(#305f89, #17456e); } .zw-collapsible .mw-collapsible-toggle { float: none; }

.zw-collapsible__toggle-button { font-weight: normal; margin-left: 0.5rem; } .zw-collapsible__toggle-button::before { content: '['; } .zw-collapsible__toggle-button::after { content: ']'; } .zw-collapsible__toggle-button-text { color: #f4f26b; } .zw-collapsible__header:hover .zw-collapsible__toggle-button-text { text-decoration: underline; }

.zw-collapsible--framed { border: 1px solid #426787; border-radius: 0.5rem; margin-bottom: 0.5rem; }

.zw-collapsible--framed .zw-collapsible__header { display: block; margin: 0.25rem; }

.zw-collapsible--framed .zw-collapsible__toggle-button { float: right; }

.zw-collapsible--framed .zw-collapsible__content { margin: 0.5rem; }

/* Table borders aren't needed when contained in a bordered collapsible */ /* See Scrap Shop for example */ .zw-collapsible--framed .wikitable { border: none; padding: 0; width: 100%; } .zw-collapsible--framed .zw-table-container { margin-left: calc(-0.25rem - 2px); margin-right: calc(-0.25rem - 2px); } .zw-collapsible--framed .zw-table-container:last-child { margin-bottom: calc(-0.25rem - 2px); } .zw-collapsible--framed .tabcontainer { margin-left: -0.5rem; }