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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 117
diff changeset
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 }