Mercurial > libervia-templates
annotate sat_templates/templates/default/static/forum.css @ 245:10278ba367a2
bulma (photo/discover): design for the new theme + create button + delete button
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 19 Jun 2020 17:57:13 +0200 |
parents | 178f55b825b7 |
children |
rev | line source |
---|---|
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
1 .forums { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
2 margin: 2em auto 0 auto; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
3 width: 90%; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
4 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
5 |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
6 ul.forum { |
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
7 list-style: none; |
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
8 } |
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
9 |
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
10 ul.forum__panel_sub { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
11 box-sizing: border-box; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
12 display: flex; |
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
13 flex-flow: row wrap; |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
14 margin: 0 auto; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
15 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
16 |
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
17 .forum__cat_sub { |
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
18 margin: 0.5em 1em; |
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
19 width: 25em; |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
20 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
21 |
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
22 .forum__cat_sub>a { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
23 border: 0.7rem solid #ddd; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
24 border-radius: 0.5em; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
25 display: block; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
26 padding: 1rem; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
27 margin-bottom: 1rem; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
28 text-decoration: none; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
29 color: inherit; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
30 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
31 |
149
e5ec33c4a8a8
forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
32 a.forum_active:hover { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
33 background-color: #43d2f6; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
34 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
35 |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
36 p.forum_short-desc { |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
37 color: #666; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
38 margin: 0; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
39 font-size: 0.8em; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
40 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
41 |
133 | 42 .forum__topics { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
43 margin-top: 3em; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
44 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
45 |
133 | 46 .forum__topics>div { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
47 box-sizing: border-box; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
48 width: 80%; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
49 margin: 0.5em auto; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
50 padding: 0.2em 2em; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
51 background: #eee; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
52 |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
53 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
54 |
133 | 55 .forum__topics>:hover { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
56 background-color: #43d2f6; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
57 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
58 |
133 | 59 .forum__topics img.avatar { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
60 vertical-align: middle; |
133 | 61 margin-right: 1em; |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
62 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
63 |
133 | 64 .forum__topics a { |
117
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
65 display: block; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
66 text-decoration: none; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
67 color: inherit; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
68 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
69 |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
70 .textbox input { |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
71 width: 100%; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
72 box-sizing: border-box; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
73 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
74 |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
75 @media (min-width: 500px) { |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
76 .textbox input { |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
77 min-width: 26em; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
78 width: auto; |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
79 } |
5992b774a6a4
chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff
changeset
|
80 } |