Mercurial > libervia-templates

comparison default/static/forum.css @ 117:5992b774a6a4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
chat/message, input/avatar: moved avatar template in a dedicated macro.
author Goffi <goffi@goffi.org>
date Tue, 30 Jan 2018 07:47:26 +0100
parents
children 0a0d9a953d98
comparison
equal deleted inserted replaced
116:da8f1ba9034d 117:5992b774a6a4
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 box-sizing: border-box;
10 list-style: none;
11 display: flex;
12 margin: 0 auto;
13 }
14
15 ul.forum>li {
16 width: 100%;
17 }
18
19 ul.forum>li>a {
20 border: 0.7rem solid #ddd;
21 border-radius: 0.5em;
22 display: block;
23 padding: 1rem;
24 margin-bottom: 1rem;
25 text-decoration: none;
26 color: inherit;
27 }
28
29 a.forum_actif:hover {
30 background-color: #43d2f6;
31 }
32
33 p.forum_short-desc {
34 color: #666;
35 margin: 0;
36 font-size: 0.8em;
37 }
38
39 #forum_topics {
40 margin-top: 3em;
41 }
42
43 #forum_topics>div {
44 box-sizing: border-box;
45 width: 80%;
46 margin: 0.5em auto;
47 padding: 0.2em 2em;
48 background: #eee;
49
50 }
51
52 #forum_topics>:hover {
53 background-color: #43d2f6;
54 }
55
56 #forum_topics img.avatar {
57 width: 1.5rem;
58 vertical-align: middle;
59 padding-right: 1em;
60 }
61
62 #forum_topics a {
63 display: block;
64 text-decoration: none;
65 color: inherit;
66 }
67
68 .textbox input {
69 width: 100%;
70 box-sizing: border-box;
71 }
72
73 @media (min-width: 500px) {
74 .textbox input {
75 min-width: 26em;
76 width: auto;
77 }
78 }