Mercurial > libervia-templates

annotate default/static/file.css @ 123:44b838bcc0d6

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
file/overview: display tumbnails when available
author Goffi <goffi@goffi.org>
date Wed, 14 Mar 2018 08:43:30 +0100
parents 9d95b58200df
children 4f27ce980ced
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 #files {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 list-style: none;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 display: flex;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 flex-wrap: wrap;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 padding: 0 0 0.5em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 width: 100px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 text-overflow: ellipsis;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 overflow: hidden;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 text-align: center;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 overflow-wrap: break-word;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 .file:hover {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 background: #ddd;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 overflow: visible;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 .file a {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 text-decoration: none;
123
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
23 outline: none;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
24 }
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
25
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
26 .file a:focus img {
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
27 outline: 3px solid #bbb;
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 .file__icon {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 height: 3em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 display: block;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 margin: 0 auto;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35
123
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
36 .file__thumbnail {
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
37 max-width: 300px;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
38 height: 125px;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
39 display: block;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
40 margin: 0 auto;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
41 }
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
42
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 .icon--soft {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 fill: #777;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
45 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
46
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 @media (min-width: 500px) {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 padding: 1em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 width: 170px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 }