Mercurial > libervia-templates
comparison sat_templates/templates/default/static/forum.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/forum.css@e5ec33c4a8a8 |
children | 178f55b825b7 |
comparison
equal
deleted
inserted
replaced
163:33f67228686a | 164:e9f0a4215e46 |
---|---|
1 @import 'blog.css'; /* needed as blog/articles.html is included */ | |
2 | |
3 .forums { | |
4 margin: 2em auto 0 auto; | |
5 width: 90%; | |
6 } | |
7 | |
8 ul.forum { | |
9 list-style: none; | |
10 } | |
11 | |
12 ul.forum__panel_sub { | |
13 box-sizing: border-box; | |
14 display: flex; | |
15 flex-flow: row wrap; | |
16 margin: 0 auto; | |
17 } | |
18 | |
19 .forum__cat_sub { | |
20 margin: 0.5em 1em; | |
21 width: 25em; | |
22 } | |
23 | |
24 .forum__cat_sub>a { | |
25 border: 0.7rem solid #ddd; | |
26 border-radius: 0.5em; | |
27 display: block; | |
28 padding: 1rem; | |
29 margin-bottom: 1rem; | |
30 text-decoration: none; | |
31 color: inherit; | |
32 } | |
33 | |
34 a.forum_active:hover { | |
35 background-color: #43d2f6; | |
36 } | |
37 | |
38 p.forum_short-desc { | |
39 color: #666; | |
40 margin: 0; | |
41 font-size: 0.8em; | |
42 } | |
43 | |
44 .forum__topics { | |
45 margin-top: 3em; | |
46 } | |
47 | |
48 .forum__topics>div { | |
49 box-sizing: border-box; | |
50 width: 80%; | |
51 margin: 0.5em auto; | |
52 padding: 0.2em 2em; | |
53 background: #eee; | |
54 | |
55 } | |
56 | |
57 .forum__topics>:hover { | |
58 background-color: #43d2f6; | |
59 } | |
60 | |
61 .forum__topics img.avatar { | |
62 vertical-align: middle; | |
63 margin-right: 1em; | |
64 } | |
65 | |
66 .forum__topics a { | |
67 display: block; | |
68 text-decoration: none; | |
69 color: inherit; | |
70 } | |
71 | |
72 .textbox input { | |
73 width: 100%; | |
74 box-sizing: border-box; | |
75 } | |
76 | |
77 @media (min-width: 500px) { | |
78 .textbox input { | |
79 min-width: 26em; | |
80 width: auto; | |
81 } | |
82 } |