Mercurial > libervia-templates
annotate sat_templates/templates/default/static/event.css @ 295:1de599c5a68f
bulma (base): loading screen:
when the `loading_screen` variable is set before extending `base/base.html`, a loading
modal is shown (and must be removed via JavaScript). This avoids the user to try to use an
interface which is not reactive or working normally because JS is not fully loaded yet.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 27 Nov 2020 12:24:03 +0100 |
| parents | 178f55b825b7 |
| children |
| rev | line source |
|---|---|
| 17 | 1 .invitation_header { |
| 2 text-align: center; | |
| 3 font-variant: small-caps; | |
| 4 border: none; | |
| 5 } | |
| 6 | |
| 7 .instructions { | |
| 8 font-style: italic; | |
| 9 margin: 0; | |
| 10 } | |
| 11 | |
|
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
12 .event__picture { |
| 17 | 13 max-width: 100%; |
| 14 border-radius: 2em; | |
| 15 } | |
| 16 | |
|
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
17 .event__counter { |
|
21
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
18 font-weight: bold; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
19 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
|
20 text-align: center; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
21 width: 15em; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
22 margin: 1em auto; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
23 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
|
24 background-color: #f3e7e7; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
25 color: #2f3943; |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
26 } |
|
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
27 |
| 17 | 28 .attendance { |
| 29 background-color: #9ca0a8; | |
| 30 padding: 0 0.3em; | |
| 31 max-width: 580px; | |
| 32 margin: 0 auto; | |
| 33 color: #3A3A3A; | |
| 34 } | |
| 35 | |
| 36 .attending { | |
|
21
24af9089aacd
default(event): added event_counter, which number of days left before event
Goffi <goffi@goffi.org>
parents:
17
diff
changeset
|
37 width: 6em; |
| 17 | 38 margin: 0 auto; |
| 39 } | |
| 40 | |
| 41 .attending label { | |
| 42 /* display: inline; */ | |
| 43 margin: 0.8em 0; | |
| 44 } | |
| 45 | |
| 46 .guests label { | |
| 47 display: block; | |
| 48 margin: 1em 0; | |
| 49 } | |
| 50 | |
| 51 .guests input { | |
| 52 width: 2.5em; | |
| 53 margin: 0 1em; | |
| 54 } | |
| 55 | |
| 56 .poll_instructions { | |
| 57 font-weight: bold; | |
| 58 font-size: 0.9em; | |
| 59 font-size: 1.1em; | |
| 60 text-align: center; | |
| 61 } | |
| 62 | |
| 63 .guests label{ | |
| 64 text-align: center; | |
| 65 /* font-style: italic */ | |
| 66 } | |
| 67 | |
| 68 .guests input { | |
| 69 display: block; | |
| 70 margin: 0 auto; | |
| 71 } | |
| 72 | |
| 73 .submit { | |
| 74 width: 15em; | |
| 75 margin: 0 auto; | |
| 76 padding: 1em 0; | |
| 77 } | |
| 78 | |
| 79 .submit input { | |
| 80 width: 100%; | |
| 81 } | |
| 82 | |
| 83 @media (min-width: 500px) { | |
| 84 .invitation_header { | |
| 85 width: 94%; | |
| 86 margin: 0 auto; | |
| 87 border: solid 1px; | |
| 88 border-color: #9ca0a8; | |
| 89 } | |
| 90 } |