Mercurial > libervia-templates
annotate default/static/file.css @ 133:0a0d9a953d98
css: some more refactoring
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 26 Mar 2018 08:13:53 +0200 |
parents | 4f27ce980ced |
children |
rev | line source |
---|---|
122 | 1 #files { |
2 list-style: none; | |
3 display: flex; | |
4 flex-wrap: wrap; | |
5 } | |
6 | |
7 .file { | |
8 padding: 0 0 0.5em; | |
9 width: 100px; | |
10 text-overflow: ellipsis; | |
11 overflow: hidden; | |
12 text-align: center; | |
13 overflow-wrap: break-word; | |
14 } | |
15 | |
16 .file:hover { | |
17 background: #ddd; | |
18 overflow: visible; | |
19 } | |
20 | |
21 .file a { | |
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 | 28 } |
29 | |
30 .file__icon { | |
31 height: 3em; | |
32 display: block; | |
33 margin: 0 auto; | |
34 } | |
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 | 43 |
44 @media (min-width: 500px) { | |
45 .file { | |
46 padding: 1em; | |
47 width: 170px; | |
48 } | |
49 } |