Mercurial > libervia-templates

comparison default/static/photo.css @ 124:11e729a7d8e9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
photo: photos handling, first draft: this template is a specialized file view for photo albums. A comments panel is added if a comments link is found.
author Goffi <goffi@goffi.org>
date Sun, 18 Mar 2018 11:31:36 +0100
parents
children 4f27ce980ced
comparison
equal deleted inserted replaced
123:44b838bcc0d6 124:11e729a7d8e9
1 @import 'blog.css'; /* needed for comments */
2
3 .album {
4 display: flex;
5 flex-wrap: wrap;
6 }
7
8 .album__item {
9 width: 400px;
10 margin: 0 0.1em 2em 0.1em;
11 }
12
13 .album__vignette {
14 background-color: #444;
15 height: 300px;
16 position: relative;
17 }
18
19 .album__thumbnail {
20 height: 100%;
21 display: block;
22 margin: 0 auto;
23 }
24
25 .album__comments-bar {
26 display: block;
27 font-size: 0.8em;
28 color: black;
29 text-align: right;
30 cursor: pointer;
31 }
32
33 .album__comments-bar:hover {
34 background-color: #ddd;
35 font-weight: bold;
36 }
37
38 .icon--small {
39 height: 1em;
40 }
41
42 .comments__count {
43 font-weight: bold;
44 }
45
46 .panel-drawer {
47 max-height: 0;
48 opacity: 0;
49 transition: max-height 1s, opacity 2s;
50 overflow: hidden;
51 }
52
53 .panel-drawer.clicked {
54 opacity: 1;
55 }