view sat_templates/templates/default/static/photo.css @ 289:f1a39607d6a5

bulma (base/base.html): `full_screen_body` parameter + body_wrapper: - if `full_screen_body` is set in template, the `body--fullscreen` class will be added to `<body>` element. It will then be a flexbox container (in columns), and displayed on the whole viewport. - new `body_wrapper` block, if a page needs to replace the `#body` container.
author Goffi <goffi@goffi.org>
date Mon, 28 Sep 2020 17:25:26 +0200
parents f1188ce8dd17
children
line wrap: on
line source

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

.album__item {
    width: 400px;
    max-width: 100%;
    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;
}