Template:Hide/Styles.css

/* */

.template-hide { display: table;

border: 1px solid #426787; border-radius: 0.5rem; clear: left; margin-bottom: 0.5rem; padding: 0.25rem; }

.template-hide--stretch { display: block; }

/* Prevents the header from unexpectedly changing width by having it the same width as the content, even when the content is collapsed */ .mw-collapsed .template-hide-content, .mw-collapsed .template-hide-content > * { display: block !important; /* Override the inline display:none set by MediaWiki's JavaScript */ height: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; opacity: 0; visibility: hidden; }

.template-hide-head { display: flex; justify-content: space-between; align-items: center;

background-color: #17568c; background-image: linear-gradient(#1d679b, #1a4e7d); border: 2px solid #426787; border-radius: 0.5rem; cursor: pointer; float: none; font-weight: bold; padding: 0.25rem 0.5rem; text-align: center; transition: 300ms; }

.template-hide-head:hover { background-color: #214b71; background-image: linear-gradient(#305f89, #17456e); }

.template-hide-toggle { flex-shrink: 0; font-weight: normal; /* Fixed width to prevent the header text from moving slightly when toggled */ width: 4rem; } .template-hide-toggle::before { content: '['; } .template-hide-toggle::after { content: ']'; } .template-hide-toggle-text { color: #f4f26b; } .template-hide-head:hover .template-hide-toggle-text { text-decoration: underline; }

.template-hide-content { margin: 0.5rem; }