Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 325:8c779fb46384
bulma (components/block): interests_grid is more customisable:
- new `delete_icon` argument can be set to `false` if delete icon is not desired
- the macro can now be called, the caller then get 2 arguments: part to customise and
current interest. Part to customise can be:
* `header-title`: markup to put in the title
* `content`: car content (replaces the default `interest.name`)
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 01 May 2021 18:44:47 +0200 |
| parents | 45499870bbf4 |
| children | 0d6826a73c0f |
| 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 | |
| 105 a.is-wrapping { | |
| 106 line-height: 0; | |
| 107 } | |
| 108 | |
| 109 .has-no-background { | |
| 253 | 110 box-shadow: none !important; |
| 230 | 111 background-color: initial !important; |
| 112 } | |
| 113 | |
| 114 .pagination-disabled { | |
| 115 background-color: white; | |
| 116 border-color: #dbdbdb; | |
| 117 color: #b5b5b5; | |
| 118 cursor: auto; | |
| 119 } | |
| 120 | |
| 121 .pagination-disabled:hover { | |
| 122 background-color: white; | |
| 123 border-color: #dbdbdb; | |
| 124 color: #b5b5b5; | |
| 125 } | |
| 126 | |
| 127 .has-text-shortenable { | |
| 128 overflow: hidden; | |
| 129 text-overflow: ellipsis; | |
| 130 } | |
| 131 | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
132 .has-border-dashed { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
133 border-style: dashed; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
134 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
135 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
136 .has-border-grey-light { |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
137 border-color: var(--grey-light); |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
138 } |
|
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 .has-justify-start { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
141 justify-content: start; |
|
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 |
|
309
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
144 .has-width-7 { |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
145 width: 7em; |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
146 } |
|
27511c821481
bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents:
303
diff
changeset
|
147 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
148 /************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
149 * selections * |
|
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 |
|
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
152 .is-not-selectable { |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
153 user-select: none; |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
154 } |
|
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
155 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
156 .selected_for_action { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
157 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
|
158 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
159 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
160 .selected_for_deletion { |
| 253 | 161 outline: solid red 0.25rem; |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
162 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
163 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
164 /*************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
165 * misc states * |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
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 .state_deleted { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
169 opacity: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
170 transform: scale(0); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
171 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
|
172 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
173 |
| 319 | 174 /********** |
| 175 * editor * | |
| 176 **********/ | |
| 177 | |
| 178 .tag_input { | |
| 179 flex-grow: 1; | |
| 180 margin-bottom: 0.5rem; | |
| 181 width: auto; | |
| 182 } | |
| 183 | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
184 |
|
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 * dialogs * |
|
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
187 ***********/ |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
188 |
|
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
189 .modal-dialog { |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
190 transform: scaleY(0); |
|
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 |
|
294
a587d664f62c
bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents:
293
diff
changeset
|
193 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
|
194 transform: scaleY(1); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
195 transition: transform 0.15s ease-in; |
|
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 |
|
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
198 div.main_notification.state_closing { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
199 transform: scaleY(0); |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
200 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
201 |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
202 .main_notification { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
203 position: fixed; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
204 top: 2rem; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
205 left: 0; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
206 right: 0; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
207 z-index: 10000; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
208 transform: scaleY(0); |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
209 transition: transform 0.15s ease-in; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
210 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
211 |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
212 div.main_notification>div.column { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
213 display: flex; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
214 max-width: 95%; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
215 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
216 div.main_notification>div.column>div.notification { |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
217 max-width: 80rem; |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
218 } |
|
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
219 |
| 252 | 220 .click_to_close { |
| 221 cursor: pointer; | |
| 222 } | |
| 223 | |
|
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
224 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
|
225 display: none; |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
226 } |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
227 |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
228 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
|
229 display: block; |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
230 } |
|
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
231 |
|
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
232 div.dropdown-item.selected { |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
233 background-color: var(--col-primary); |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
234 } |
|
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
235 |
| 252 | 236 /********** |
| 237 * panels * | |
| 238 **********/ | |
| 239 | |
| 240 .panel_wrapper { | |
| 241 position: absolute; | |
| 242 top: 0; | |
| 243 right: 0; | |
| 244 height: 100vh; | |
| 245 width: 100vw; | |
| 246 z-index: 150; | |
| 247 } | |
| 248 | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
249 .comments_side_panel, .invitation_manager_side_panel { |
| 253 | 250 position: absolute; |
| 251 top: 0; | |
| 252 right: 0; | |
| 253 height: 100vh; | |
| 254 width: 0; | |
| 252 | 255 max-width: 80%; |
| 253 | 256 z-index: 200; |
| 257 background: white; | |
| 258 transition: width 0.3s ease-out; | |
|
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
259 overflow: auto; |
|
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
260 color: black; |
| 252 | 261 } |
| 262 | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
263 .comments_side_panel.open, .invitation_manager_side_panel.open { |
| 253 | 264 width: 55rem; |
| 265 transition: width 0.3s ease-out; | |
| 252 | 266 } |
| 267 | |
|
291
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
268 /********* |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
269 * embed * |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
270 *********/ |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
271 |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
272 .embed { |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
273 width: 100%; |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
274 height: 100%; |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
275 } |
|
1ca9384fb681
bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents:
289
diff
changeset
|
276 |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
277 /**************** |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
278 * media player * |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
279 ****************/ |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
280 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
281 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
|
282 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
|
283 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
|
284 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
285 height: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
286 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
287 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
288 /* 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
|
289 /* 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
|
290 /* 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
|
291 /* { */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
292 /* height: 100%; */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
293 /* } */ |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
294 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
295 div.media_player { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
296 position: relative; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
297 background-color: black; |
|
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_overlay_play { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
301 position: absolute; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
302 top: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
303 left: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
304 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
305 height: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
306 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
307 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
308 div.media_overlay_play>.icon { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
309 height: 12rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
310 width: 12rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
311 font-size: 10rem; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
312 color: #eee; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
313 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
314 |
|
286
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.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
|
316 display: none !important; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
317 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
318 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
319 div.media_player .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
|
320 div.media_player .media_resize_small { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
321 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
322 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
323 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
324 div.media_player.playing .media_pause { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
325 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
326 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
327 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
328 div.media_player.playing .media_play { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
329 display: none; |
|
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_player.muted .media_sound_off { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
333 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
334 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
335 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
336 div.media_player.muted .media_sound_on { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
337 display: none; |
|
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_player:fullscreen .media_resize_small { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
341 display: inline-block; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
342 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
343 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
344 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
|
345 display: none; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
346 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
347 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
348 div.media_controls { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
349 position: absolute; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
350 bottom: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
351 left: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
352 width: 100%; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
353 margin: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
354 background-color: #000A; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
355 color: #eee; |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
356 z-index: 150; |
|
278
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_controls progress { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
360 cursor: pointer; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
361 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
362 |
|
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.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
|
364 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
|
365 { |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
366 opacity: 1; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
367 transition: opacity 0.5s; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
368 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
369 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
370 div.media_player.playing>.media_controls, |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
371 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
|
372 opacity: 0; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
373 transition: opacity 2s; |
|
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 .media_controls .icon:hover { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
377 background-color: #777; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
378 cursor: pointer; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
379 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
380 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
381 div.media_player .timer { |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
382 cursor: pointer; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
383 width: 5em; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
384 text-align: center; |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
385 } |
|
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
386 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
387 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
|
388 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
389 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
390 |
|
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
391 |
| 252 | 392 /************* |
| 393 * slideshow * | |
| 394 *************/ | |
| 395 | |
| 396 .slideshow { | |
| 397 position: absolute; | |
| 398 top: 0; | |
| 399 left: 0; | |
| 400 width: 100vw; | |
| 401 height: 100vh; | |
| 402 background-color: black; | |
| 403 color: white; | |
| 404 z-index: 100; | |
|
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
405 overflow: hidden; |
| 252 | 406 } |
| 407 | |
| 408 div.slideshow>button.delete { | |
| 409 z-index: 100; | |
| 410 background-color: var(--grey-light); | |
| 411 position: absolute; | |
| 412 top: 1rem; | |
| 413 right: 2rem; | |
| 414 } | |
| 415 | |
| 416 div.slideshow>div.click_to_comment { | |
| 417 z-index: 100; | |
| 418 position: absolute; | |
| 419 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
|
420 bottom: 3rem; |
| 252 | 421 cursor: pointer; |
| 422 } | |
| 423 | |
| 424 div.slideshow>div.comments__count { | |
| 425 z-index: 100; | |
| 426 position: absolute; | |
| 427 right: 1.7rem; | |
| 428 bottom: 0.5rem; | |
| 429 font-weight: bold; | |
| 430 } | |
| 431 | |
| 432 .swiper-slide { | |
| 433 display: flex; | |
| 434 align-items: center; | |
| 435 justify-content: center; | |
| 436 } | |
| 437 | |
| 438 .swiper-container { | |
| 439 height: 100%; | |
| 440 width: 100%; | |
| 441 } | |
| 442 | |
| 443 .swiper-button-prev { | |
| 253 | 444 left: 2.1rem !important; |
| 252 | 445 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
|
446 z-index: 150; |
| 252 | 447 } |
| 448 | |
| 449 .swiper-button-next { | |
| 253 | 450 right: 2.1rem !important; |
| 252 | 451 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
|
452 z-index: 150; |
| 252 | 453 } |
| 454 | |
| 455 .slide_img { | |
| 456 max-height: 100%; | |
| 457 max-width: 100%; | |
| 458 } | |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
459 |
|
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
460 .slide_video { |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
461 height: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
462 width: 100%; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
463 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
464 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
465 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
|
466 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
467 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
468 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
469 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
|
470 display: none; |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
471 } |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
472 |
|
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
473 |
|
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
474 /*************** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
475 * progression * |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
476 ***************/ |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
477 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
478 .progress_started img { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
479 filter: grayscale(100%); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
480 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
481 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
482 .progress_finished img { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
483 filter: grayscale(0%); |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
484 transition: filter 1.5s ease-out; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
485 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
486 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
487 .progress_finished progress { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
488 height: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
489 opacity: 0; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
490 transition: all 1.5s ease-out; |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
491 } |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
492 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
493 .progress { |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
494 transition: width 5s ease; |
|
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 |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
498 /********** |
|
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
499 * drawer * |
|
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 |
| 230 | 502 |
| 503 .panel-drawer { | |
| 504 /* A panel which is hidden by default but can be | |
| 505 opened when it's clicked */ | |
| 506 max-height: 0; | |
| 507 opacity: 0; | |
| 508 overflow: hidden; | |
| 509 transition: max-height 0.5s, opacity 0.5s; | |
| 510 } | |
| 511 | |
| 512 .panel-drawer.state_clicked { | |
| 513 opacity: 1; | |
| 514 } | |
| 515 | |
| 516 /******** | |
| 517 * code * | |
| 518 ********/ | |
| 519 | |
| 520 .highlight { | |
| 521 overflow: auto; | |
| 522 } | |
| 523 | |
| 524 /********** | |
| 525 * blocks * | |
| 526 **********/ | |
| 527 | |
| 528 .block_separator { | |
| 529 font-size: 1.4em; | |
| 530 display: flex; | |
| 531 margin: 1rem 0; | |
| 532 } | |
| 533 | |
| 534 .block_separator__label { | |
| 535 display: inline-block; | |
| 536 margin: 0 0.2em; | |
| 537 } | |
| 538 | |
| 539 .block_separator__line { | |
| 540 height: 1px; | |
| 541 background: #ccc; | |
| 542 flex: 1; | |
| 543 margin-top: 0.7em; | |
| 544 } | |
| 545 | |
| 546 /******** | |
| 547 * tabs * | |
|
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
548 ********/ |
| 230 | 549 |
| 550 #tab_guests { | |
| 551 overflow: auto; | |
| 552 } | |
| 553 | |
| 554 .tab__page { | |
| 555 display: None; | |
| 556 } | |
| 557 | |
| 558 .tab__page.state_clicked { | |
| 559 display: block; | |
| 560 } | |
|
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
561 |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
562 /********* |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
563 * icons * |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
564 *********/ |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
565 |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
566 .icon_animate_spin { |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
567 animation: spin 2s infinite linear; |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
568 display: inline-block; |
|
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
569 } |
|
293
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
570 |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
571 @keyframes spin { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
572 0% { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
573 transform: rotate(0deg); |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
574 } |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
575 |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
576 100% { |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
577 transform: rotate(359deg); |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
578 } |
|
7a4bd6de6a56
bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents:
292
diff
changeset
|
579 } |