Template:Compendium/Styles.css

/* */

.compendium { display: table; margin: 1rem 0; max-width: 56rem; }

.compendium-header { margin-bottom: 0.25rem; }

.compendium-header.mw-collapsible-toggle { float: none; } .compendium-toggle-button { margin-left: 0.25rem; white-space: nowrap; } .compendium-toggle-button::before { content: '['; } .compendium-toggle-button::after { content: ']'; } .compendium-toggle-button .mw-collapsible-text { color: #f4f26b; } .compendium-header:hover .mw-collapsible-text { text-decoration: underline; }

.compendium-heading { z-index:0; position: relative; text-align: center;/* The 'text' in the middle where the before and after behave relative to, which is also why we need a div outside the span/text */ } .compendium-heading:after, .compendium-heading:before { z-index: -1; position: absolute; top: 50%; overflow: hidden; width: 50%; /* 50% - [desired cropping of both ends] */ height: 1px; content: ' '; background-color: #E0E0E0; } .compendium-heading:before { margin-left: -50%;      /* -1*width */ } .compendium-heading > div > span { padding:0 1em; /* The desired spacing from the lines */ background-color:#1d578b; /* Messagebox Background color */ }