Mercurial > libervia-templates
annotate sat_templates/templates/default/static/photo.css @ 330:b85b72f44f01
bulma (input/xmlui): add `list-item` class so it can be targeted easily
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 04 Jun 2021 18:20:40 +0200 |
| parents | f1188ce8dd17 |
| children |
| rev | line source |
|---|---|
| 124 | 1 .album { |
| 2 display: flex; | |
| 3 flex-wrap: wrap; | |
| 4 } | |
| 5 | |
| 6 .album__item { | |
| 7 width: 400px; | |
|
193
f1188ce8dd17
css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents:
166
diff
changeset
|
8 max-width: 100%; |
|
f1188ce8dd17
css (photo): fixed width on small screens (mobiles) for album__item
Goffi <goffi@goffi.org>
parents:
166
diff
changeset
|
9 margin: 0 0.1em 2em 0.1em; |
| 124 | 10 } |
| 11 | |
| 12 .album__vignette { | |
| 13 background-color: #444; | |
| 14 height: 300px; | |
| 15 position: relative; | |
| 16 } | |
| 17 | |
| 18 .album__thumbnail { | |
| 19 height: 100%; | |
| 20 display: block; | |
| 21 margin: 0 auto; | |
| 22 } | |
| 23 | |
| 24 .album__comments-bar { | |
| 25 display: block; | |
| 26 font-size: 0.8em; | |
| 27 color: black; | |
| 28 text-align: right; | |
| 29 cursor: pointer; | |
| 30 } | |
| 31 | |
| 32 .album__comments-bar:hover { | |
| 33 background-color: #ddd; | |
| 34 font-weight: bold; | |
| 35 } | |
| 36 | |
| 37 .comments__count { | |
| 38 font-weight: bold; | |
| 39 } |