Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 370:281d1c958d56
bulma (search): moved `search_item` to components
rel 423
author | Goffi <goffi@goffi.org> |
---|---|
date | Mon, 10 Jul 2023 15:43:49 +0200 |
parents | e44c0627d00b |
children | a5a80d761e3e |
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 | |
356
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
88 .is-valign-middle { |
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
89 vertical-align: middle; |
e3e11ced9f8f
bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents:
354
diff
changeset
|
90 } |
230 | 91 |
92 .x-is-hoverable:hover { | |
93 background-color: #eee !important; | |
94 } | |
95 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
96 .x-is-hoverable-primary:hover { |
253 | 97 background-color: var(--col-primary) !important; |
98 border-radius: 50%; | |
99 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
|
100 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
101 |
230 | 102 .is-chat-message { |
103 margin: 0.5rem 0 0 !important; | |
104 padding: 0 !important; | |
105 border: 0 !important; | |
106 } | |
107 | |
344
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
108 .is-text-content { |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
109 white-space: break-spaces; |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
110 } |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
111 |
e982a05d43b1
blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents:
343
diff
changeset
|
112 |
230 | 113 a.is-wrapping { |
114 line-height: 0; | |
115 } | |
116 | |
117 .has-no-background { | |
253 | 118 box-shadow: none !important; |
230 | 119 background-color: initial !important; |
120 } | |
121 | |
122 .pagination-disabled { | |
123 background-color: white; | |
124 border-color: #dbdbdb; | |
125 color: #b5b5b5; | |
126 cursor: auto; | |
127 } | |
128 | |
129 .pagination-disabled:hover { | |
130 background-color: white; | |
131 border-color: #dbdbdb; | |
132 color: #b5b5b5; | |
133 } | |
134 | |
135 .has-text-shortenable { | |
136 overflow: hidden; | |
137 text-overflow: ellipsis; | |
138 } | |
139 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
140 .has-border-dashed { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
141 border-style: dashed; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
142 } |
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 .has-border-grey-light { |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
145 border-color: var(--grey-light); |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
146 } |
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 .has-justify-start { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
149 justify-content: start; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
150 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
151 |
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
152 .has-width-7 { |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
153 width: 7em; |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
154 } |
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
155 |
342
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
156 .media-content { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
157 min-width: 15em; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
158 } |
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 .column { |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
161 max-width: 100%; |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
162 } |
0d6826a73c0f
(bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents:
319
diff
changeset
|
163 |
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
164 :not(div.highlight>pre)>code { |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
165 border: 1px solid #DDD; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
166 color: initial; |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
167 background-color: unset; |
354
cac1a96f3df8
bulma (static): better padding on inline `code`
Goffi <goffi@goffi.org>
parents:
344
diff
changeset
|
168 padding: 0.05em 0.25em 0.05em; |
343
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
169 } |
d28816a65b7f
(bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents:
342
diff
changeset
|
170 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
171 /************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
172 * selections * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
173 **************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
174 |
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
175 .is-not-selectable { |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
176 user-select: none; |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
177 } |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
178 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
179 .selected_for_action { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
180 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
|
181 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
182 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
183 .selected_for_deletion { |
253 | 184 outline: solid red 0.25rem; |
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 |
370
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
187 /************** |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
188 * JID Search * |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
189 **************/ |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
190 |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
191 .search-item__group-tags { |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
192 /* 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
|
193 min-height: 40px; |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
194 } |
281d1c958d56
bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents:
361
diff
changeset
|
195 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
196 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
197 * misc states * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
198 ***************/ |
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 .state_deleted { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
201 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
202 transform: scale(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
203 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
|
204 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
205 |
319 | 206 /********** |
207 * editor * | |
208 **********/ | |
209 | |
210 .tag_input { | |
211 flex-grow: 1; | |
212 margin-bottom: 0.5rem; | |
213 width: auto; | |
214 } | |
215 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
216 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
217 /*********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
218 * dialogs * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
219 ***********/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
220 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
221 .modal-dialog { |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
222 transform: scaleY(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
223 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
224 |
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
225 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
|
226 transform: scaleY(1); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
227 transition: transform 0.15s ease-in; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
228 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
229 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
230 div.main_notification.state_closing { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
231 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
232 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
233 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
234 .main_notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
235 position: fixed; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
236 top: 2rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
237 left: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
238 right: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
239 z-index: 10000; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
240 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
241 transition: transform 0.15s ease-in; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
242 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
243 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
244 div.main_notification>div.column { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
245 display: flex; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
246 max-width: 95%; |
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 div.main_notification>div.column>div.notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
249 max-width: 80rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
250 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
251 |
252 | 252 .click_to_close { |
253 cursor: pointer; | |
254 } | |
255 | |
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
256 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
|
257 display: none; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
258 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
259 |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
260 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
|
261 display: block; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
262 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
263 |
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
264 div.dropdown-item.selected { |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
265 background-color: var(--col-primary); |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
266 } |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
267 |
252 | 268 /********** |
269 * panels * | |
270 **********/ | |
271 | |
272 .panel_wrapper { | |
273 position: absolute; | |
274 top: 0; | |
275 right: 0; | |
276 height: 100vh; | |
277 width: 100vw; | |
278 z-index: 150; | |
279 } | |
280 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
281 .comments_side_panel, .invitation_manager_side_panel { |
253 | 282 position: absolute; |
283 top: 0; | |
284 right: 0; | |
285 height: 100vh; | |
286 width: 0; | |
252 | 287 max-width: 80%; |
253 | 288 z-index: 200; |
289 background: white; | |
290 transition: width 0.3s ease-out; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
291 overflow: auto; |
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
292 color: black; |
252 | 293 } |
294 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
295 .comments_side_panel.open, .invitation_manager_side_panel.open { |
253 | 296 width: 55rem; |
297 transition: width 0.3s ease-out; | |
252 | 298 } |
299 | |
291
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
300 /********* |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
301 * embed * |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
302 *********/ |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
303 |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
304 .embed { |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
305 width: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
306 height: 100%; |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
307 } |
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
308 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
309 /**************** |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
310 * media player * |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
311 ****************/ |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
312 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
313 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
|
314 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
|
315 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
|
316 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
317 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
318 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
319 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
320 /* div.media_player: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
|
321 /* 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
|
322 /* 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
|
323 /* { */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
324 /* height: 100%; */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
325 /* } */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
326 |
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 { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
328 position: relative; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
329 background-color: black; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
330 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
331 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
332 div.media_overlay_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
333 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
334 top: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
335 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
336 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
337 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
338 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
339 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
340 div.media_overlay_play>.icon { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
341 height: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
342 width: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
343 font-size: 10rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
344 color: #eee; |
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.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
|
348 display: none !important; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
349 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
350 |
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 .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
|
352 div.media_player .media_resize_small { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
353 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
354 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
355 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
356 div.media_player.playing .media_pause { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
357 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
358 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
359 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
360 div.media_player.playing .media_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
361 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
362 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
363 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
364 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
|
365 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
366 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
367 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
368 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
|
369 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
370 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
371 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
372 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
|
373 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
374 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
375 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
376 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
|
377 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
378 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
379 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
380 div.media_controls { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
381 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
382 bottom: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
383 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
384 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
385 margin: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
386 background-color: #000A; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
387 color: #eee; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
388 z-index: 150; |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
389 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
390 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
391 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
|
392 cursor: pointer; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
393 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
394 |
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.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
|
396 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
|
397 { |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
398 opacity: 1; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
399 transition: opacity 0.5s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
400 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
401 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
402 div.media_player.playing>.media_controls, |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
403 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
|
404 opacity: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
405 transition: opacity 2s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
406 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
407 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
408 div.media_player .media_controls .icon:hover { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
409 background-color: #777; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
410 cursor: pointer; |
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 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
413 div.media_player .timer { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
414 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
415 width: 5em; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
416 text-align: center; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
417 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
418 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
419 div.media_player.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
|
420 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
421 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
422 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
423 |
252 | 424 /************* |
425 * slideshow * | |
426 *************/ | |
427 | |
428 .slideshow { | |
429 position: absolute; | |
430 top: 0; | |
431 left: 0; | |
432 width: 100vw; | |
433 height: 100vh; | |
434 background-color: black; | |
435 color: white; | |
436 z-index: 100; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
437 overflow: hidden; |
252 | 438 } |
439 | |
440 div.slideshow>button.delete { | |
441 z-index: 100; | |
442 background-color: var(--grey-light); | |
443 position: absolute; | |
444 top: 1rem; | |
445 right: 2rem; | |
446 } | |
447 | |
448 div.slideshow>div.click_to_comment { | |
449 z-index: 100; | |
450 position: absolute; | |
451 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
|
452 bottom: 3rem; |
252 | 453 cursor: pointer; |
454 } | |
455 | |
456 div.slideshow>div.comments__count { | |
457 z-index: 100; | |
458 position: absolute; | |
459 right: 1.7rem; | |
460 bottom: 0.5rem; | |
461 font-weight: bold; | |
462 } | |
463 | |
464 .swiper-slide { | |
465 display: flex; | |
466 align-items: center; | |
467 justify-content: center; | |
468 } | |
469 | |
470 .swiper-container { | |
471 height: 100%; | |
472 width: 100%; | |
473 } | |
474 | |
475 .swiper-button-prev { | |
253 | 476 left: 2.1rem !important; |
252 | 477 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
|
478 z-index: 150; |
252 | 479 } |
480 | |
481 .swiper-button-next { | |
253 | 482 right: 2.1rem !important; |
252 | 483 color: #f1f1f1 !important; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
484 z-index: 150; |
252 | 485 } |
486 | |
487 .slide_img { | |
488 max-height: 100%; | |
489 max-width: 100%; | |
490 } | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
491 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
492 .slide_video { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
493 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
494 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
495 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
496 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
497 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
|
498 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
499 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
500 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
501 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
|
502 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
503 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
504 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
505 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
506 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
507 * progression * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
508 ***************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
509 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
510 .progress_started img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
511 filter: grayscale(100%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
512 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
513 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
514 .progress_finished img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
515 filter: grayscale(0%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
516 transition: filter 1.5s ease-out; |
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 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
519 .progress_finished progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
520 height: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
521 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
522 transition: all 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
523 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
524 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
525 .progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
526 transition: width 5s ease; |
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 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
529 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
530 /********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
531 * drawer * |
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 |
230 | 534 |
535 .panel-drawer { | |
536 /* A panel which is hidden by default but can be | |
537 opened when it's clicked */ | |
538 max-height: 0; | |
539 opacity: 0; | |
540 overflow: hidden; | |
541 transition: max-height 0.5s, opacity 0.5s; | |
542 } | |
543 | |
544 .panel-drawer.state_clicked { | |
545 opacity: 1; | |
546 } | |
547 | |
548 /******** | |
549 * code * | |
550 ********/ | |
551 | |
552 .highlight { | |
553 overflow: auto; | |
554 } | |
555 | |
556 /********** | |
557 * blocks * | |
558 **********/ | |
559 | |
560 .block_separator { | |
561 font-size: 1.4em; | |
562 display: flex; | |
563 margin: 1rem 0; | |
564 } | |
565 | |
566 .block_separator__label { | |
567 display: inline-block; | |
568 margin: 0 0.2em; | |
569 } | |
570 | |
571 .block_separator__line { | |
572 height: 1px; | |
573 background: #ccc; | |
574 flex: 1; | |
575 margin-top: 0.7em; | |
576 } | |
577 | |
578 /******** | |
579 * tabs * | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
580 ********/ |
230 | 581 |
582 #tab_guests { | |
583 overflow: auto; | |
584 } | |
585 | |
586 .tab__page { | |
587 display: None; | |
588 } | |
589 | |
590 .tab__page.state_clicked { | |
591 display: block; | |
592 } | |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
593 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
594 /********* |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
595 * icons * |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
596 *********/ |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
597 |
361
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
598 .svg-icon { |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
599 fill: currentColor; |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
600 } |
e44c0627d00b
bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents:
356
diff
changeset
|
601 |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
602 .icon_animate_spin { |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
603 animation: spin 2s infinite linear; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
604 display: inline-block; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
605 } |
293
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
606 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
607 @keyframes spin { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
608 0% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
609 transform: rotate(0deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
610 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
611 |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
612 100% { |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
613 transform: rotate(359deg); |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
614 } |
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
615 } |