annotate 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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
1 @import 'blog.css'; /* needed as blog/articles.html is included */
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
2
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
3 .forums {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
4 margin: 2em auto 0 auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
5 width: 90%;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
6 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
7
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
8 ul.forum {
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
9 list-style: none;
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
10 }
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
11
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
12 ul.forum__panel_sub {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
13 box-sizing: border-box;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
14 display: flex;
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
15 flex-flow: row wrap;
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
16 margin: 0 auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
17 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
18
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
19 .forum__cat_sub {
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
20 margin: 0.5em 1em;
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
21 width: 25em;
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
22 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
23
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
24 .forum__cat_sub>a {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
25 border: 0.7rem solid #ddd;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
26 border-radius: 0.5em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
27 display: block;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
28 padding: 1rem;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
29 margin-bottom: 1rem;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
30 text-decoration: none;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
31 color: inherit;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
32 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
33
149
e5ec33c4a8a8 forum/overview.html: classes modification + better global design
Goffi <goffi@goffi.org>
parents: 147
diff changeset
34 a.forum_active:hover {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
35 background-color: #43d2f6;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
36 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
37
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
38 p.forum_short-desc {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
39 color: #666;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
40 margin: 0;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
41 font-size: 0.8em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
42 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
43
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
44 .forum__topics {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
45 margin-top: 3em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
46 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
47
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
48 .forum__topics>div {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
49 box-sizing: border-box;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
50 width: 80%;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
51 margin: 0.5em auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
52 padding: 0.2em 2em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
53 background: #eee;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
54
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
55 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
56
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
57 .forum__topics>:hover {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
58 background-color: #43d2f6;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
59 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
60
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
61 .forum__topics img.avatar {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
62 vertical-align: middle;
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
63 margin-right: 1em;
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
64 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
65
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
66 .forum__topics a {
117
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
67 display: block;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
68 text-decoration: none;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
69 color: inherit;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
70 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
71
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
72 .textbox input {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
73 width: 100%;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
74 box-sizing: border-box;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
75 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
76
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
77 @media (min-width: 500px) {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
78 .textbox input {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
79 min-width: 26em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
80 width: auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
81 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
82 }