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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
17
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
1 @import 'blog.css'; /* needed as blog/articles.html is included */
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
2
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
3 .invitation_header {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
4 text-align: center;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
5 font-variant: small-caps;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
6 border: none;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
7 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
8
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
9 .instructions {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
10 font-style: italic;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
11 margin: 0;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
12 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
13
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 147
diff changeset
14 .event__picture {
17
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
15 max-width: 100%;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
16 border-radius: 2em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
17 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
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
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
30 .attendance {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
31 background-color: #9ca0a8;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
32 padding: 0 0.3em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
33 max-width: 580px;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
34 margin: 0 auto;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
35 color: #3A3A3A;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
36 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
37
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
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
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
40 margin: 0 auto;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
41 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
42
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
43 .attending label {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
44 /* display: inline; */
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
45 margin: 0.8em 0;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
46 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
47
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
48 .guests label {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
49 display: block;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
50 margin: 1em 0;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
51 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
52
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
53 .guests input {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
54 width: 2.5em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
55 margin: 0 1em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
56 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
57
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
58 .poll_instructions {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
59 font-weight: bold;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
60 font-size: 0.9em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
61 font-size: 1.1em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
62 text-align: center;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
63 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
64
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
65 .guests label{
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
66 text-align: center;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
67 /* font-style: italic */
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
68 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
69
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
70 .guests input {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
71 display: block;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
72 margin: 0 auto;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
73 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
74
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
75 .submit {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
76 width: 15em;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
77 margin: 0 auto;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
78 padding: 1em 0;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
79 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
80
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
81 .submit input {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
82 width: 100%;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
83 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
84
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
85 @media (min-width: 500px) {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
86 .invitation_header {
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
87 width: 94%;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
88 margin: 0 auto;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
89 border: solid 1px;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
90 border-color: #9ca0a8;
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
91 }
48b831ab4238 event: design improvment
Goffi <goffi@goffi.org>
parents: 11
diff changeset
92 }