Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 371:a5a80d761e3e
bulma (call): update template to integrate call features:
previously, call template was a minimum UI for testing implementation. This commit
introduce a usable UI with search interface, mute and full screen button, animations, and
other UI/UX improvments.
rel 423
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 09 Aug 2023 00:11:39 +0200 |
| parents | 281d1c958d56 |
| children | 387c8c5a3bee |
| rev | line source |
|---|---|
| 230 | 1 :root { |
| 2 --photo-height: 280px; | |
| 3 --photo-height--poster: 500px; | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
4 --col-primary: #82baff; |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
5 --grey-light: hsl(0, 0%, 71%); |
| 230 | 6 } |
| 7 | |
|
292
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
8 html { |
|
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
9 /* Bulma default force scrollbar, we don't want this */ |
|
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
10 overflow-y: auto; |
|
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
11 } |
|
829d87a70136
bulma (CSS): override default Bulma `overflow-y` to avoid permanent scrollbar
Goffi <goffi@goffi.org>
parents:
291
diff
changeset
|
12 |
|
289
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
13 body.body--fullscreen { |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
14 display: flex; |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
15 flex-direction: column; |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
16 height: 100vh; |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
17 width: 100vw; |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
18 overflow: hidden; |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
19 } |
|
f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
Goffi <goffi@goffi.org>
parents:
286
diff
changeset
|
20 |
|
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
21 .is-full-below-menu { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
22 /* full viewport minus top menu height */ |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
23 position:relative; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
24 height: calc(100vh - 52px); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
25 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
26 |
|
235
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
27 .has-whitespace-pre-wrap { |
|
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
28 white-space: pre-wrap; |
| 230 | 29 } |
| 30 | |
|
303
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
31 .has-whitespace-pre-line { |
|
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
32 white-space: pre-line; |
|
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
33 } |
|
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
34 |
|
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
35 .has-decoration-line-through { |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
36 text-decoration: line-through; |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
37 } |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
38 |
| 230 | 39 .is-avatar { |
| 40 height: 64px; | |
| 41 width: 64px; | |
| 42 border-radius: 50%; | |
| 43 border: 1px solid #bbb; | |
| 44 background-color: #eee; | |
| 45 overflow: hidden; | |
| 46 } | |
| 47 | |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
48 .is-video-thumbnail-wrapper { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
49 background-color: black; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
50 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
51 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
52 .is-video-thumbnail-wrapper, .is-video-thumbnail { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
53 height: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
54 width: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
55 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
56 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
57 |
| 230 | 58 .is-photo-thumbnail { |
| 59 max-height: var(--photo-height); | |
| 60 max-width: 100%; | |
| 61 } | |
| 62 | |
| 63 .is-photo-thumbnail-container { | |
| 64 height: var(--photo-height); | |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
65 |
| 230 | 66 } |
| 67 | |
|
299
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
68 .is-top-right { |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
69 /* position element on top right corner, outside document flow (abolute positioning) |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
70 * useful for delete icon |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
71 */ |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
72 position: absolute; |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
73 top: 0.25rem; |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
74 right: 0.25rem; |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
75 } |
|
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
76 |
| 230 | 77 .has-items-centered { |
| 78 align-items: center; | |
| 79 justify-content: center; | |
| 80 } | |
| 81 | |
| 82 .is-poster { | |
| 83 height: var(--photo-height--poster) !important; | |
| 84 } | |
| 85 | |
| 86 .is-poster>.is-photo-thumbnail { | |
| 87 max-height: var(--photo-height--poster) !important; | |
| 88 } | |
| 89 | |
| 90 .has-items-vcentered { | |
| 91 align-items: center; | |
| 92 } | |
| 93 | |
|
356
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
94 .is-valign-middle { |
|
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
95 vertical-align: middle; |
|
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
96 } |
| 230 | 97 |
| 98 .x-is-hoverable:hover { | |
| 99 background-color: #eee !important; | |
| 100 } | |
| 101 | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
102 .x-is-hoverable-primary:hover { |
| 253 | 103 background-color: var(--col-primary) !important; |
| 104 border-radius: 50%; | |
| 105 box-shadow: 0px 0px 0 0.25rem var(--col-primary); | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
106 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
107 |
| 230 | 108 .is-chat-message { |
| 109 margin: 0.5rem 0 0 !important; | |
| 110 padding: 0 !important; | |
| 111 border: 0 !important; | |
| 112 } | |
| 113 | |
|
344
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
114 .is-text-content { |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
115 white-space: break-spaces; |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
116 } |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
117 |
|
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
118 |
| 230 | 119 a.is-wrapping { |
| 120 line-height: 0; | |
| 121 } | |
| 122 | |
| 123 .has-no-background { | |
| 253 | 124 box-shadow: none !important; |
| 230 | 125 background-color: initial !important; |
| 126 } | |
| 127 | |
| 128 .pagination-disabled { | |
| 129 background-color: white; | |
| 130 border-color: #dbdbdb; | |
| 131 color: #b5b5b5; | |
| 132 cursor: auto; | |
| 133 } | |
| 134 | |
| 135 .pagination-disabled:hover { | |
| 136 background-color: white; | |
| 137 border-color: #dbdbdb; | |
| 138 color: #b5b5b5; | |
| 139 } | |
| 140 | |
| 141 .has-text-shortenable { | |
| 142 overflow: hidden; | |
| 143 text-overflow: ellipsis; | |
| 144 } | |
| 145 | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
146 .has-border-dashed { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
147 border-style: dashed; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
148 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
149 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
150 .has-border-grey-light { |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
151 border-color: var(--grey-light); |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
152 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
153 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
154 .has-justify-start { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
155 justify-content: start; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
156 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
157 |
|
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
158 .has-width-7 { |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
159 width: 7em; |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
160 } |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
161 |
|
342
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
162 .media-content { |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
163 min-width: 15em; |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
164 } |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
165 |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
166 .column { |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
167 max-width: 100%; |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
168 } |
|
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
169 |
|
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
170 :not(div.highlight>pre)>code { |
|
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
171 border: 1px solid #DDD; |
|
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
172 color: initial; |
|
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
173 background-color: unset; |
|
354
cac1a96f3df8
bulma (static): better padding on inline `code`
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
174 padding: 0.05em 0.25em 0.05em; |
|
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
175 } |
|
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
176 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
177 /************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
178 * selections * |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
179 **************/ |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
180 |
|
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
181 .is-not-selectable { |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
182 user-select: none; |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
183 } |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
184 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
185 .selected_for_action { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
186 outline: solid var(--col-primary) 0.25rem; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
187 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
188 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
189 .selected_for_deletion { |
| 253 | 190 outline: solid red 0.25rem; |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
191 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
192 |
|
370
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
193 /************** |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
194 * JID Search * |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
195 **************/ |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
196 |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
197 .search-item__group-tags { |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
198 /* we want the item with no group to have the same height as an item with one */ |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
199 min-height: 40px; |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
200 } |
|
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
201 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
202 /*************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
203 * misc states * |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
204 ***************/ |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
205 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
206 .state_deleted { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
207 opacity: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
208 transform: scale(0); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
209 transition: opacity 0.5s ease-out, transform 0.5s ease-out; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
210 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
211 |
| 319 | 212 /********** |
| 213 * editor * | |
| 214 **********/ | |
| 215 | |
| 216 .tag_input { | |
| 217 flex-grow: 1; | |
| 218 margin-bottom: 0.5rem; | |
| 219 width: auto; | |
| 220 } | |
| 221 | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
222 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
223 /*********** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
224 * dialogs * |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
225 ***********/ |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
226 |
|
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
227 .modal-dialog { |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
228 transform: scaleY(0); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
229 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
230 |
|
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
231 div.state_appended .modal-dialog, div.main_notification.state_appended { |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
232 transform: scaleY(1); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
233 transition: transform 0.15s ease-in; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
234 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
235 |
|
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
236 div.main_notification.state_closing { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
237 transform: scaleY(0); |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
238 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
239 |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
240 .main_notification { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
241 position: fixed; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
242 top: 2rem; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
243 left: 0; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
244 right: 0; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
245 z-index: 10000; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
246 transform: scaleY(0); |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
247 transition: transform 0.15s ease-in; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
248 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
249 |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
250 div.main_notification>div.column { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
251 display: flex; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
252 max-width: 95%; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
253 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
254 div.main_notification>div.column>div.notification { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
255 max-width: 80rem; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
256 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
257 |
| 252 | 258 .click_to_close { |
| 259 cursor: pointer; | |
| 260 } | |
| 261 | |
|
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
262 div.search_dialog.is-active>div.dropdown-menu { |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
263 display: none; |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
264 } |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
265 |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
266 div.search_dialog.open>div.dropdown-menu { |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
267 display: block; |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
268 } |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
269 |
|
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
270 div.dropdown-item.selected { |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
271 background-color: var(--col-primary); |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
272 } |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
273 |
| 252 | 274 /********** |
| 275 * panels * | |
| 276 **********/ | |
| 277 | |
| 278 .panel_wrapper { | |
| 279 position: absolute; | |
| 280 top: 0; | |
| 281 right: 0; | |
| 282 height: 100vh; | |
| 283 width: 100vw; | |
| 284 z-index: 150; | |
| 285 } | |
| 286 | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
287 .comments_side_panel, .invitation_manager_side_panel { |
| 253 | 288 position: absolute; |
| 289 top: 0; | |
| 290 right: 0; | |
| 291 height: 100vh; | |
| 292 width: 0; | |
| 252 | 293 max-width: 80%; |
| 253 | 294 z-index: 200; |
| 295 background: white; | |
| 296 transition: width 0.3s ease-out; | |
|
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
297 overflow: auto; |
|
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
298 color: black; |
| 252 | 299 } |
| 300 | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
301 .comments_side_panel.open, .invitation_manager_side_panel.open { |
| 253 | 302 width: 55rem; |
| 303 transition: width 0.3s ease-out; | |
| 252 | 304 } |
| 305 | |
|
291
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
306 /********* |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
307 * embed * |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
308 *********/ |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
309 |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
310 .embed { |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
311 width: 100%; |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
312 height: 100%; |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
313 } |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
314 |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
315 /**************** |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
316 * media player * |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
317 ****************/ |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
318 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
319 div.media_player>div.media_elt, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
320 div.media_player>div.media_elt>ogvjs, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
321 div.media_player>div.media_elt>video { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
322 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
323 height: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
324 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
325 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
326 /* div.media_player:fullscreen>div.media_elt, */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
327 /* div.media_player:fullscreen>div.media_elt>ogvjs, */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
328 /* div.media_player:fullscreen>div.media_elt>video */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
329 /* { */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
330 /* height: 100%; */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
331 /* } */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
332 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
333 div.media_player { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
334 position: relative; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
335 background-color: black; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
336 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
337 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
338 div.media_overlay_play { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
339 position: absolute; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
340 top: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
341 left: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
342 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
343 height: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
344 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
345 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
346 div.media_overlay_play>.icon { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
347 height: 12rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
348 width: 12rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
349 font-size: 10rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
350 color: #eee; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
351 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
352 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
353 div.media_player.in_use>div.media_overlay_play { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
354 display: none !important; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
355 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
356 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
357 div.media_player .media_pause, div.media_player .media_sound_off, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
358 div.media_player .media_resize_small { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
359 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
360 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
361 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
362 div.media_player.playing .media_pause { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
363 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
364 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
365 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
366 div.media_player.playing .media_play { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
367 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
368 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
369 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
370 div.media_player.muted .media_sound_off { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
371 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
372 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
373 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
374 div.media_player.muted .media_sound_on { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
375 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
376 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
377 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
378 div.media_player:fullscreen .media_resize_small { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
379 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
380 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
381 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
382 div.media_player:fullscreen .media_resize_full { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
383 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
384 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
385 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
386 div.media_controls { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
387 position: absolute; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
388 bottom: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
389 left: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
390 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
391 margin: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
392 background-color: #000A; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
393 color: #eee; |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
394 z-index: 150; |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
395 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
396 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
397 div.media_controls progress { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
398 cursor: pointer; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
399 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
400 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
401 div.media_player.playing:hover>.media_controls, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
402 div.media_player.playing>.media_controls.hidden:hover |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
403 { |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
404 opacity: 1; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
405 transition: opacity 0.5s; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
406 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
407 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
408 div.media_player.playing>.media_controls, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
409 div.media_player.playing>.media_controls.hidden { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
410 opacity: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
411 transition: opacity 2s; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
412 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
413 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
414 div.media_player .media_controls .icon:hover { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
415 background-color: #777; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
416 cursor: pointer; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
417 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
418 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
419 div.media_player .timer { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
420 cursor: pointer; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
421 width: 5em; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
422 text-align: center; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
423 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
424 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
425 div.media_player.no_fullscreen>div.media_controls>div.click_to_fullscreen { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
426 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
427 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
428 |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
429 |
| 252 | 430 /************* |
| 431 * slideshow * | |
| 432 *************/ | |
| 433 | |
| 434 .slideshow { | |
| 435 position: absolute; | |
| 436 top: 0; | |
| 437 left: 0; | |
| 438 width: 100vw; | |
| 439 height: 100vh; | |
| 440 background-color: black; | |
| 441 color: white; | |
| 442 z-index: 100; | |
|
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
443 overflow: hidden; |
| 252 | 444 } |
| 445 | |
| 446 div.slideshow>button.delete { | |
| 447 z-index: 100; | |
| 448 background-color: var(--grey-light); | |
| 449 position: absolute; | |
| 450 top: 1rem; | |
| 451 right: 2rem; | |
| 452 } | |
| 453 | |
| 454 div.slideshow>div.click_to_comment { | |
| 455 z-index: 100; | |
| 456 position: absolute; | |
| 457 right: 1.7rem; | |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
458 bottom: 3rem; |
| 252 | 459 cursor: pointer; |
| 460 } | |
| 461 | |
| 462 div.slideshow>div.comments__count { | |
| 463 z-index: 100; | |
| 464 position: absolute; | |
| 465 right: 1.7rem; | |
| 466 bottom: 0.5rem; | |
| 467 font-weight: bold; | |
| 468 } | |
| 469 | |
| 470 .swiper-slide { | |
| 471 display: flex; | |
| 472 align-items: center; | |
| 473 justify-content: center; | |
| 474 } | |
| 475 | |
| 476 .swiper-container { | |
| 477 height: 100%; | |
| 478 width: 100%; | |
| 479 } | |
| 480 | |
| 481 .swiper-button-prev { | |
| 253 | 482 left: 2.1rem !important; |
| 252 | 483 color: #f1f1f1 !important; |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
484 z-index: 150; |
| 252 | 485 } |
| 486 | |
| 487 .swiper-button-next { | |
| 253 | 488 right: 2.1rem !important; |
| 252 | 489 color: #f1f1f1 !important; |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
490 z-index: 150; |
| 252 | 491 } |
| 492 | |
| 493 .slide_img { | |
| 494 max-height: 100%; | |
| 495 max-width: 100%; | |
| 496 } | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
497 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
498 .slide_video { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
499 height: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
500 width: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
501 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
502 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
503 div.slideshow.flag_no_pagination>div.swiper-container>div.swiper-pagination { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
504 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
505 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
506 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
507 div.slideshow.flag_no_scrollbar>div.swiper-container>div.swiper-scrollbar { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
508 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
509 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
510 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
511 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
512 /*************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
513 * progression * |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
514 ***************/ |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
515 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
516 .progress_started img { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
517 filter: grayscale(100%); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
518 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
519 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
520 .progress_finished img { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
521 filter: grayscale(0%); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
522 transition: filter 1.5s ease-out; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
523 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
524 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
525 .progress_finished progress { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
526 height: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
527 opacity: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
528 transition: all 1.5s ease-out; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
529 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
530 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
531 .progress { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
532 transition: width 5s ease; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
533 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
534 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
535 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
536 /********** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
537 * drawer * |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
538 **********/ |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
539 |
| 230 | 540 |
| 541 .panel-drawer { | |
| 542 /* A panel which is hidden by default but can be | |
| 543 opened when it's clicked */ | |
| 544 max-height: 0; | |
| 545 opacity: 0; | |
| 546 overflow: hidden; | |
| 547 transition: max-height 0.5s, opacity 0.5s; | |
| 548 } | |
| 549 | |
| 550 .panel-drawer.state_clicked { | |
| 551 opacity: 1; | |
| 552 } | |
| 553 | |
| 554 /******** | |
| 555 * code * | |
| 556 ********/ | |
| 557 | |
| 558 .highlight { | |
| 559 overflow: auto; | |
| 560 } | |
| 561 | |
| 562 /********** | |
| 563 * blocks * | |
| 564 **********/ | |
| 565 | |
| 566 .block_separator { | |
| 567 font-size: 1.4em; | |
| 568 display: flex; | |
| 569 margin: 1rem 0; | |
| 570 } | |
| 571 | |
| 572 .block_separator__label { | |
| 573 display: inline-block; | |
| 574 margin: 0 0.2em; | |
| 575 } | |
| 576 | |
| 577 .block_separator__line { | |
| 578 height: 1px; | |
| 579 background: #ccc; | |
| 580 flex: 1; | |
| 581 margin-top: 0.7em; | |
| 582 } | |
| 583 | |
| 584 /******** | |
| 585 * tabs * | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
586 ********/ |
| 230 | 587 |
| 588 #tab_guests { | |
| 589 overflow: auto; | |
| 590 } | |
| 591 | |
| 592 .tab__page { | |
| 593 display: None; | |
| 594 } | |
| 595 | |
| 596 .tab__page.state_clicked { | |
| 597 display: block; | |
| 598 } | |
|
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
599 |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
600 /********* |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
601 * icons * |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
602 *********/ |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
603 |
|
361
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
604 .svg-icon { |
|
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
605 fill: currentColor; |
|
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
606 } |
|
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
607 |
|
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
608 .icon_animate_spin { |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
609 animation: spin 2s infinite linear; |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
610 display: inline-block; |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
611 } |
|
293
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
612 |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
613 @keyframes spin { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
614 0% { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
615 transform: rotate(0deg); |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
616 } |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
617 |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
618 100% { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
619 transform: rotate(359deg); |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
620 } |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
621 } |
|
371
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
622 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
623 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
624 /************** |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
625 * animations * |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
626 *************/ |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
627 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
628 /* Fade In */ |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
629 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
630 @keyframes fade-in { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
631 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
632 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
633 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
634 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
635 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
636 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
637 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
638 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
639 .fade-in { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
640 animation: fade-in 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
641 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
642 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
643 @keyframes fade-in-x { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
644 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
645 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
646 transform: scaleX(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
647 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
648 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
649 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
650 transform: scaleX(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
651 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
652 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
653 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
654 .fade-in-x { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
655 animation: fade-in-x 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
656 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
657 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
658 @keyframes fade-in-y { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
659 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
660 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
661 transform: scaleY(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
662 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
663 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
664 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
665 transform: scaleY(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
666 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
667 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
668 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
669 .fade-in-y { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
670 animation: fade-in-y 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
671 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
672 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
673 @keyframes fade-in-xy { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
674 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
675 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
676 transform: scale(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
677 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
678 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
679 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
680 transform: scale(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
681 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
682 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
683 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
684 .fade-in-xy { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
685 animation: fade-in-xy 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
686 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
687 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
688 /* Fade Out */ |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
689 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
690 @keyframes fade-out { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
691 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
692 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
693 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
694 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
695 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
696 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
697 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
698 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
699 .fade-out { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
700 animation: fade-out 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
701 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
702 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
703 @keyframes fade-out-x { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
704 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
705 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
706 transform: scaleX(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
707 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
708 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
709 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
710 transform: scaleX(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
711 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
712 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
713 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
714 .fade-out-x { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
715 animation: fade-out-x 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
716 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
717 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
718 @keyframes fade-out-y { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
719 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
720 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
721 transform: scaleY(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
722 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
723 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
724 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
725 transform: scaleY(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
726 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
727 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
728 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
729 .fade-out-y { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
730 animation: fade-out-y 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
731 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
732 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
733 @keyframes fade-out-xy { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
734 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
735 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
736 transform: scale(1); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
737 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
738 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
739 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
740 transform: scale(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
741 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
742 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
743 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
744 .fade-out-xy { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
745 animation: fade-out-xy 0.5s ease-in forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
746 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
747 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
748 /* Slide In */ |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
749 @keyframes slide-in { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
750 0% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
751 transform: translateY(100%); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
752 opacity: 0; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
753 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
754 100% { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
755 transform: translateY(0); |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
756 opacity: 1; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
757 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
758 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
759 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
760 .slide-in { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
761 animation: slide-in 0.5s ease-in-out forwards; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
762 } |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
763 |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
764 .animation-reverse { |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
765 animation-direction: reverse; |
|
a5a80d761e3e
bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents:
370
diff
changeset
|
766 } |