annotate sat_templates/templates/default/static/photo.css @ 172:4a03d0a6839b

css (styles): various styles improvments: - work on list - new paired-slides class - box-medium is a larger than before - use --text modified when size is 1em - added several list modifiers classes - added several box modifiers
author Goffi <goffi@goffi.org>
date Sat, 26 Jan 2019 20:22:18 +0100
parents 178f55b825b7
children f1188ce8dd17
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;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 margin: 0 0.1em 2em 0.1em;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 }
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 .album__vignette {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 background-color: #444;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 height: 300px;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 position: relative;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 }
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 .album__thumbnail {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 height: 100%;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 margin: 0 auto;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 }
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 .album__comments-bar {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 display: block;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 font-size: 0.8em;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 color: black;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 text-align: right;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 cursor: pointer;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 }
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 .album__comments-bar:hover {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 background-color: #ddd;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 }
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 .comments__count {
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 font-weight: bold;
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 }