Mercurial > libervia-templates
comparison sat_templates/templates/default/static/file.css @ 164:e9f0a4215e46
multi-sites handling (moved templates to "templates" sub-directory) + noscript styles handling.
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 10 Sep 2018 08:53:33 +0200 |
parents | sat_templates/default/static/file.css@33c7ce833d3f |
children |
comparison
equal
deleted
inserted
replaced
163:33f67228686a | 164:e9f0a4215e46 |
---|---|
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; | |
23 outline: none; | |
24 } | |
25 | |
26 .file a:focus img { | |
27 outline: 3px solid #bbb; | |
28 } | |
29 | |
30 .file__icon { | |
31 height: 3em; | |
32 display: block; | |
33 margin: 0 auto; | |
34 } | |
35 | |
36 .file__thumbnail { | |
37 max-width: 300px; | |
38 height: 125px; | |
39 display: block; | |
40 margin: 0 auto; | |
41 } | |
42 | |
43 | |
44 @media (min-width: 500px) { | |
45 .file { | |
46 padding: 1em; | |
47 width: 170px; | |
48 } | |
49 } |