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 } |