Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 348:789ebf39b2d8
i18n: Translated using Weblate (French)
Currently translated at 100.0% (213 of 213 strings)
Translation: Libervia/Templates
Translate-URL: https://salut-a-toi.org/weblate/projects/libervia/templates/fr/
author | Goffi <tmp-weblate_goffi.org@goffi.org> |
---|---|
date | Thu, 18 Nov 2021 16:25:27 +0000 |
parents | e982a05d43b1 |
children | cac1a96f3df8 |
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 |
235
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
21 .has-whitespace-pre-wrap { |
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
22 white-space: pre-wrap; |
230 | 23 } |
24 | |
303
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
25 .has-whitespace-pre-line { |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
26 white-space: pre-line; |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
27 } |
877f01720036
bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents:
299
diff
changeset
|
28 |
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
29 .has-decoration-line-through { |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
30 text-decoration: line-through; |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
31 } |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
32 |
230 | 33 .is-avatar { |
34 height: 64px; | |
35 width: 64px; | |
36 border-radius: 50%; | |
37 border: 1px solid #bbb; | |
38 background-color: #eee; | |
39 overflow: hidden; | |
40 } | |
41 | |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
42 .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
|
43 background-color: black; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
44 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
45 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
46 .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
|
47 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
48 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
49 } |
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 |
230 | 52 .is-photo-thumbnail { |
53 max-height: var(--photo-height); | |
54 max-width: 100%; | |
55 } | |
56 | |
57 .is-photo-thumbnail-container { | |
58 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
|
59 |
230 | 60 } |
61 | |
299
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
62 .is-top-right { |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
63 /* 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
|
64 * 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
|
65 */ |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
66 position: absolute; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
67 top: 0.25rem; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
68 right: 0.25rem; |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
69 } |
75f1cd6da46e
bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents:
294
diff
changeset
|
70 |
230 | 71 .has-items-centered { |
72 align-items: center; | |
73 justify-content: center; | |
74 } | |
75 | |
76 .is-poster { | |
77 height: var(--photo-height--poster) !important; | |
78 } | |
79 | |
80 .is-poster>.is-photo-thumbnail { | |
81 max-height: var(--photo-height--poster) !important; | |
82 } | |
83 | |
84 .has-items-vcentered { | |
85 align-items: center; | |
86 } | |
87 | |
88 | |
89 .x-is-hoverable:hover { | |
90 background-color: #eee !important; | |
91 } | |
92 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
93 .x-is-hoverable-primary:hover { |
253 | 94 background-color: var(--col-primary) !important; |
95 border-radius: 50%; | |
96 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
|
97 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
98 |
230 | 99 .is-chat-message { |
100 margin: 0.5rem 0 0 !important; | |
101 padding: 0 !important; | |
102 border: 0 !important; | |
103 } | |
104 | |
344
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
105 .is-text-content { |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
106 white-space: break-spaces; |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
107 } |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
108 |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
109 |
230 | 110 a.is-wrapping { |
111 line-height: 0; | |
112 } | |
113 | |
114 .has-no-background { | |
253 | 115 box-shadow: none !important; |
230 | 116 background-color: initial !important; |
117 } | |
118 | |
119 .pagination-disabled { | |
120 background-color: white; | |
121 border-color: #dbdbdb; | |
122 color: #b5b5b5; | |
123 cursor: auto; | |
124 } | |
125 | |
126 .pagination-disabled:hover { | |
127 background-color: white; | |
128 border-color: #dbdbdb; | |
129 color: #b5b5b5; | |
130 } | |
131 | |
132 .has-text-shortenable { | |
133 overflow: hidden; | |
134 text-overflow: ellipsis; | |
135 } | |
136 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
137 .has-border-dashed { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
138 border-style: dashed; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
139 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
140 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
141 .has-border-grey-light { |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
142 border-color: var(--grey-light); |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
143 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
144 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
145 .has-justify-start { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
146 justify-content: start; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
147 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
148 |
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
149 .has-width-7 { |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
150 width: 7em; |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
151 } |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
152 |
342
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
153 .media-content { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
154 min-width: 15em; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
155 } |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
156 |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
157 .column { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
158 max-width: 100%; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
159 } |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
160 |
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
161 :not(div.highlight>pre)>code { |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
162 border: 1px solid #DDD; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
163 color: initial; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
164 background-color: unset; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
165 } |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
166 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
167 /************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
168 * selections * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
169 **************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
170 |
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
171 .is-not-selectable { |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
172 user-select: none; |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
173 } |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
174 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
175 .selected_for_action { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
176 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
|
177 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
178 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
179 .selected_for_deletion { |
253 | 180 outline: solid red 0.25rem; |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
181 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
182 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
183 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
184 * misc states * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
185 ***************/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
186 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
187 .state_deleted { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
188 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
189 transform: scale(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
190 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
|
191 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
192 |
319 | 193 /********** |
194 * editor * | |
195 **********/ | |
196 | |
197 .tag_input { | |
198 flex-grow: 1; | |
199 margin-bottom: 0.5rem; | |
200 width: auto; | |
201 } | |
202 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
203 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
204 /*********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
205 * dialogs * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
206 ***********/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
207 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
208 .modal-dialog { |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
209 transform: scaleY(0); |
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 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
212 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
|
213 transform: scaleY(1); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
214 transition: transform 0.15s ease-in; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
215 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
216 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
217 div.main_notification.state_closing { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
218 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
219 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
220 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
221 .main_notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
222 position: fixed; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
223 top: 2rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
224 left: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
225 right: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
226 z-index: 10000; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
227 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
228 transition: transform 0.15s ease-in; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
229 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
230 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
231 div.main_notification>div.column { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
232 display: flex; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
233 max-width: 95%; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
234 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
235 div.main_notification>div.column>div.notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
236 max-width: 80rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
237 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
238 |
252 | 239 .click_to_close { |
240 cursor: pointer; | |
241 } | |
242 | |
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
243 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
|
244 display: none; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
245 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
246 |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
247 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
|
248 display: block; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
249 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
250 |
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
251 div.dropdown-item.selected { |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
252 background-color: var(--col-primary); |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
253 } |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
254 |
252 | 255 /********** |
256 * panels * | |
257 **********/ | |
258 | |
259 .panel_wrapper { | |
260 position: absolute; | |
261 top: 0; | |
262 right: 0; | |
263 height: 100vh; | |
264 width: 100vw; | |
265 z-index: 150; | |
266 } | |
267 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
268 .comments_side_panel, .invitation_manager_side_panel { |
253 | 269 position: absolute; |
270 top: 0; | |
271 right: 0; | |
272 height: 100vh; | |
273 width: 0; | |
252 | 274 max-width: 80%; |
253 | 275 z-index: 200; |
276 background: white; | |
277 transition: width 0.3s ease-out; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
278 overflow: auto; |
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
279 color: black; |
252 | 280 } |
281 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
282 .comments_side_panel.open, .invitation_manager_side_panel.open { |
253 | 283 width: 55rem; |
284 transition: width 0.3s ease-out; | |
252 | 285 } |
286 | |
291
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
287 /********* |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
288 * embed * |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
289 *********/ |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
290 |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
291 .embed { |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
292 width: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
293 height: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
294 } |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
295 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
296 /**************** |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
297 * media player * |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
298 ****************/ |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
299 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
300 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
|
301 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
|
302 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
|
303 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
304 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
305 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
306 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
307 /* 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
|
308 /* 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
|
309 /* 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
|
310 /* { */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
311 /* height: 100%; */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
312 /* } */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
313 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
314 div.media_player { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
315 position: relative; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
316 background-color: black; |
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_overlay_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
320 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
321 top: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
322 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
323 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
324 height: 100%; |
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_overlay_play>.icon { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
328 height: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
329 width: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
330 font-size: 10rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
331 color: #eee; |
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.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
|
335 display: none !important; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
336 } |
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 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
|
339 div.media_player .media_resize_small { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
340 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
341 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
342 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
343 div.media_player.playing .media_pause { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
344 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
345 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
346 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
347 div.media_player.playing .media_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
348 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
349 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
350 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
351 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
|
352 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
353 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
354 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
355 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
|
356 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
357 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
358 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
359 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
|
360 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
361 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
362 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
363 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
|
364 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
365 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
366 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
367 div.media_controls { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
368 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
369 bottom: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
370 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
371 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
372 margin: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
373 background-color: #000A; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
374 color: #eee; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
375 z-index: 150; |
278
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_controls progress { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
379 cursor: pointer; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
380 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
381 |
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.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
|
383 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
|
384 { |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
385 opacity: 1; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
386 transition: opacity 0.5s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
387 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
388 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
389 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
|
390 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
|
391 opacity: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
392 transition: opacity 2s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
393 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
394 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
395 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
|
396 background-color: #777; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
397 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
398 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
399 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
400 div.media_player .timer { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
401 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
402 width: 5em; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
403 text-align: center; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
404 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
405 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
406 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
|
407 display: none; |
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 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
410 |
252 | 411 /************* |
412 * slideshow * | |
413 *************/ | |
414 | |
415 .slideshow { | |
416 position: absolute; | |
417 top: 0; | |
418 left: 0; | |
419 width: 100vw; | |
420 height: 100vh; | |
421 background-color: black; | |
422 color: white; | |
423 z-index: 100; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
424 overflow: hidden; |
252 | 425 } |
426 | |
427 div.slideshow>button.delete { | |
428 z-index: 100; | |
429 background-color: var(--grey-light); | |
430 position: absolute; | |
431 top: 1rem; | |
432 right: 2rem; | |
433 } | |
434 | |
435 div.slideshow>div.click_to_comment { | |
436 z-index: 100; | |
437 position: absolute; | |
438 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
|
439 bottom: 3rem; |
252 | 440 cursor: pointer; |
441 } | |
442 | |
443 div.slideshow>div.comments__count { | |
444 z-index: 100; | |
445 position: absolute; | |
446 right: 1.7rem; | |
447 bottom: 0.5rem; | |
448 font-weight: bold; | |
449 } | |
450 | |
451 .swiper-slide { | |
452 display: flex; | |
453 align-items: center; | |
454 justify-content: center; | |
455 } | |
456 | |
457 .swiper-container { | |
458 height: 100%; | |
459 width: 100%; | |
460 } | |
461 | |
462 .swiper-button-prev { | |
253 | 463 left: 2.1rem !important; |
252 | 464 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
|
465 z-index: 150; |
252 | 466 } |
467 | |
468 .swiper-button-next { | |
253 | 469 right: 2.1rem !important; |
252 | 470 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
|
471 z-index: 150; |
252 | 472 } |
473 | |
474 .slide_img { | |
475 max-height: 100%; | |
476 max-width: 100%; | |
477 } | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
478 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
479 .slide_video { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
480 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
481 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
482 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
483 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
484 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
|
485 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
486 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
487 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
488 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
|
489 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
490 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
491 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
492 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
493 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
494 * progression * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
495 ***************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
496 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
497 .progress_started img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
498 filter: grayscale(100%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
499 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
500 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
501 .progress_finished img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
502 filter: grayscale(0%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
503 transition: filter 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
504 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
505 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
506 .progress_finished progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
507 height: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
508 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
509 transition: all 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
510 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
511 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
512 .progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
513 transition: width 5s ease; |
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 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
517 /********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
518 * drawer * |
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 |
230 | 521 |
522 .panel-drawer { | |
523 /* A panel which is hidden by default but can be | |
524 opened when it's clicked */ | |
525 max-height: 0; | |
526 opacity: 0; | |
527 overflow: hidden; | |
528 transition: max-height 0.5s, opacity 0.5s; | |
529 } | |
530 | |
531 .panel-drawer.state_clicked { | |
532 opacity: 1; | |
533 } | |
534 | |
535 /******** | |
536 * code * | |
537 ********/ | |
538 | |
539 .highlight { | |
540 overflow: auto; | |
541 } | |
542 | |
543 /********** | |
544 * blocks * | |
545 **********/ | |
546 | |
547 .block_separator { | |
548 font-size: 1.4em; | |
549 display: flex; | |
550 margin: 1rem 0; | |
551 } | |
552 | |
553 .block_separator__label { | |
554 display: inline-block; | |
555 margin: 0 0.2em; | |
556 } | |
557 | |
558 .block_separator__line { | |
559 height: 1px; | |
560 background: #ccc; | |
561 flex: 1; | |
562 margin-top: 0.7em; | |
563 } | |
564 | |
565 /******** | |
566 * tabs * | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
567 ********/ |
230 | 568 |
569 #tab_guests { | |
570 overflow: auto; | |
571 } | |
572 | |
573 .tab__page { | |
574 display: None; | |
575 } | |
576 | |
577 .tab__page.state_clicked { | |
578 display: block; | |
579 } | |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
580 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
581 /********* |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
582 * icons * |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
583 *********/ |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
584 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
585 .icon_animate_spin { |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
586 animation: spin 2s infinite linear; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
587 display: inline-block; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
588 } |
293
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
589 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
590 @keyframes spin { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
591 0% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
592 transform: rotate(0deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
593 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
594 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
595 100% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
596 transform: rotate(359deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
597 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
598 } |