Mercurial > libervia-templates
annotate sat_templates/templates/default/static/photo.css @ 183:240bbac435f4
base: implemented language button:
- `component.menu` can now be used with a `{% call %}`, allowing extra HTML to be added after in the <nav> element
- a language dropdown is shown if more than one translation is available, allowing to change page locale
- if javascript is available, only the dropdown is visible, and changing it reload the page with new locale
- if javascript is not available, a submit button is display to change the locale
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 10 Apr 2019 21:05:58 +0200 |
| parents | 178f55b825b7 |
| 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 } |