Template:Compendium/Styles.css

/* [[Category:Template Styles]] */

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

.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 */
}