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

.album {
    display: flex;
    flex-wrap: wrap;
}

.album__item {
    width: 400px;
	margin: 0 0.1em 2em 0.1em;
}

.album__vignette {
    background-color: #444;
    height: 300px;
    position: relative;
}

.album__thumbnail {
    height: 100%;
    display: block;
    margin: 0 auto;
}

.album__comments-bar {
    display: block;
    font-size: 0.8em;
    color: black;
    text-align: right;
    cursor: pointer;
}

.album__comments-bar:hover {
    background-color: #ddd;
    font-weight: bold;
}

.comments__count {
    font-weight: bold;
}