annotate sat_templates/templates/default/static/photo.css @ 287:7670752665e0

bulma (photo/album): added a `cover` button to change album cover
author Goffi <goffi@goffi.org>
date Sat, 05 Sep 2020 22:01:07 +0200
parents f1188ce8dd17
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
124
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 .album {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 display: flex;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 flex-wrap: wrap;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 .album__item {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 .album__vignette {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 background-color: #444;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 height: 300px;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 position: relative;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 .album__thumbnail {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 height: 100%;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 margin: 0 auto;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 .album__comments-bar {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 font-size: 0.8em;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 color: black;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 text-align: right;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 cursor: pointer;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 .album__comments-bar:hover {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 background-color: #ddd;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 }
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 .comments__count {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 }