Mercurial > libervia-templates
annotate sat_templates/templates/default/static/photo.css @ 166:178f55b825b7
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
author | Goffi <goffi@goffi.org> |
---|---|
date | Wed, 03 Oct 2018 21:00:24 +0200 |
parents | e9f0a4215e46 |
children | f1188ce8dd17 |
rev | line source |
---|---|
124 | 1 .album { |
2 display: flex; | |
3 flex-wrap: wrap; | |
4 } | |
5 | |
6 .album__item { | |
7 width: 400px; | |
8 margin: 0 0.1em 2em 0.1em; | |
9 } | |
10 | |
11 .album__vignette { | |
12 background-color: #444; | |
13 height: 300px; | |
14 position: relative; | |
15 } | |
16 | |
17 .album__thumbnail { | |
18 height: 100%; | |
19 display: block; | |
20 margin: 0 auto; | |
21 } | |
22 | |
23 .album__comments-bar { | |
24 display: block; | |
25 font-size: 0.8em; | |
26 color: black; | |
27 text-align: right; | |
28 cursor: pointer; | |
29 } | |
30 | |
31 .album__comments-bar:hover { | |
32 background-color: #ddd; | |
33 font-weight: bold; | |
34 } | |
35 | |
36 .comments__count { | |
37 font-weight: bold; | |
38 } |