annotate default/static/forum.css @ 128:4f27ce980ced

css: started to refactor CSS class to follow BEM conventions
author Goffi <goffi@goffi.org>
date Sat, 24 Mar 2018 11:14:14 +0100
parents 5992b774a6a4
children 0a0d9a953d98
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
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
3 #forums {
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 {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
9 box-sizing: border-box;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
10 list-style: none;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
11 display: flex;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
12 margin: 0 auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
13 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
14
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
15 ul.forum>li {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
16 width: 100%;
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
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
19 ul.forum>li>a {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
20 border: 0.7rem solid #ddd;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
21 border-radius: 0.5em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
22 display: block;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
23 padding: 1rem;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
24 margin-bottom: 1rem;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
25 text-decoration: none;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
26 color: inherit;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
27 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
28
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
29 a.forum_actif:hover {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
30 background-color: #43d2f6;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
31 }
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 p.forum_short-desc {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
34 color: #666;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
35 margin: 0;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
36 font-size: 0.8em;
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
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
39 #forum_topics {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
40 margin-top: 3em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
41 }
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 #forum_topics>div {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
44 box-sizing: border-box;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
45 width: 80%;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
46 margin: 0.5em auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
47 padding: 0.2em 2em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
48 background: #eee;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
49
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
50 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
51
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
52 #forum_topics>:hover {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
53 background-color: #43d2f6;
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 #forum_topics img.avatar {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
57 width: 1.5rem;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
58 vertical-align: middle;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
59 padding-right: 1em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
60 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
61
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
62 #forum_topics a {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
63 display: block;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
64 text-decoration: none;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
65 color: inherit;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
66 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
67
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
68 .textbox input {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
69 width: 100%;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
70 box-sizing: border-box;
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
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
73 @media (min-width: 500px) {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
74 .textbox input {
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
75 min-width: 26em;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
76 width: auto;
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
77 }
5992b774a6a4 chat/message, input/avatar: moved avatar template in a dedicated macro.
Goffi <goffi@goffi.org>
parents:
diff changeset
78 }