Mercurial > libervia-templates
annotate sat_templates/default/static/event.css @ 155:954759f0e8fa
css: styles improvments + following a bit more BEM conventions
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 21 Jun 2018 01:12:40 +0200 |
parents | 33c7ce833d3f |
children |
rev | line source |
---|---|
17 | 1 @import 'blog.css'; /* needed as blog/articles.html is included */ |
2 | |
3 .invitation_header { | |
4 text-align: center; | |
5 font-variant: small-caps; | |
6 border: none; | |
7 } | |
8 | |
9 .instructions { | |
10 font-style: italic; | |
11 margin: 0; | |
12 } | |
13 | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
14 .event__picture { |
17 | 15 max-width: 100%; |
16 border-radius: 2em; | |
17 } | |
18 | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
19 .event__counter { |
21
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
20 font-weight: bold; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
21 font-size: 1.3em; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
22 text-align: center; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
23 width: 15em; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
24 margin: 1em auto; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
25 border: 2px solid #aab6c4; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
26 background-color: #f3e7e7; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
27 color: #2f3943; |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
28 } |
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
29 |
17 | 30 .attendance { |
31 background-color: #9ca0a8; | |
32 padding: 0 0.3em; | |
33 max-width: 580px; | |
34 margin: 0 auto; | |
35 color: #3A3A3A; | |
36 } | |
37 | |
38 .attending { | |
21
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
39 width: 6em; |
17 | 40 margin: 0 auto; |
41 } | |
42 | |
43 .attending label { | |
44 /* display: inline; */ | |
45 margin: 0.8em 0; | |
46 } | |
47 | |
48 .guests label { | |
49 display: block; | |
50 margin: 1em 0; | |
51 } | |
52 | |
53 .guests input { | |
54 width: 2.5em; | |
55 margin: 0 1em; | |
56 } | |
57 | |
58 .poll_instructions { | |
59 font-weight: bold; | |
60 font-size: 0.9em; | |
61 font-size: 1.1em; | |
62 text-align: center; | |
63 } | |
64 | |
65 .guests label{ | |
66 text-align: center; | |
67 /* font-style: italic */ | |
68 } | |
69 | |
70 .guests input { | |
71 display: block; | |
72 margin: 0 auto; | |
73 } | |
74 | |
75 .submit { | |
76 width: 15em; | |
77 margin: 0 auto; | |
78 padding: 1em 0; | |
79 } | |
80 | |
81 .submit input { | |
82 width: 100%; | |
83 } | |
84 | |
85 @media (min-width: 500px) { | |
86 .invitation_header { | |
87 width: 94%; | |
88 margin: 0 auto; | |
89 border: solid 1px; | |
90 border-color: #9ca0a8; | |
91 } | |
92 } |