body, html {
    font-size: 100%;
    margin: 0;
    background-color:white;
}
nav {
    padding: .5rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.5rem;
    background-color: black;
    color: white;
}
section {
    display: block;
    margin: 1rem auto 0 auto;
    padding: 0 1rem;
}
#notice {
    display: table;
    padding: .5rem;
    background-color: rgba( 0, 0, 0, .75 );
    color: #00FF00;
    border-radius: .25rem;
}
#notice > img, #notice > span {
    margin: .25rem;
    display: table-cell;
    vertical-align: middle;
}

#backoffice {
    margin: 0 2rem 0 2rem;
}

/* Styles for larger viewports */
@media( min-width: 768px ) {
    section {
        width: 80%;
    }
    #notice {
        width: calc( 100% - 1rem);
    }
}
a.topbar {
    margin-top: .5rem;
}

#posttype, #subtitle {
    display: none;
}

/* The configuration form, one <details> per section of config/default.cfg. */
.config-section {
    margin: .5rem 0;
    padding: .25rem .5rem;
    border: 1px solid #CCC;
    border-radius: .25rem;
}
.config-section > summary {
    cursor: pointer;
    font-weight: bold;
    padding: .25rem;
}
.config-field {
    margin: .75rem .25rem;
}
.config-field > label {
    display: block;
    font-weight: bold;
}
.config-field > .config-help {
    margin: .125rem 0 .25rem 0;
    font-size: .875rem;
    color: #555;
}
.config-field > input, .config-field > select, .config-field > textarea {
    width: 100%;
    max-width: 40rem;
    box-sizing: border-box;
}