small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation

#main_area {
    overflow: auto;
}

.rooms_list {
	list-style: none;
    display: grid;
    text-align: center;
    padding: 0;
}

.rooms_list a {
	text-decoration: none;
	color: inherit;
	font-variant: small-caps;
	font-weight: bold;
}

.rooms_list li {
    margin-top: 1em;
}

.rooms_list li:first-child {
    margin-top: 0;
}

.rooms_list li:hover {
    background-color: #efefef;
}

@media (min-width: 600px) {
    .rooms_list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .rooms_list li {
        margin-top: 0;
    }
}