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