Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 286:f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 25 Aug 2020 08:49:32 +0200 |
parents | 672b6137ef29 |
children | f1a39607d6a5 |
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 | |
235
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
8 .has-whitespace-pre-wrap { |
f5f428a50c10
chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
9 white-space: pre-wrap; |
230 | 10 } |
11 | |
12 .is-avatar { | |
13 height: 64px; | |
14 width: 64px; | |
15 border-radius: 50%; | |
16 border: 1px solid #bbb; | |
17 background-color: #eee; | |
18 overflow: hidden; | |
19 } | |
20 | |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
21 .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
|
22 background-color: black; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
23 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
24 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
25 .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
|
26 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
27 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
28 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
29 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
30 |
230 | 31 .is-photo-thumbnail { |
32 max-height: var(--photo-height); | |
33 max-width: 100%; | |
34 } | |
35 | |
36 .is-photo-thumbnail-container { | |
37 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
|
38 |
230 | 39 } |
40 | |
41 .has-items-centered { | |
42 align-items: center; | |
43 justify-content: center; | |
44 } | |
45 | |
46 .is-poster { | |
47 height: var(--photo-height--poster) !important; | |
48 } | |
49 | |
50 .is-poster>.is-photo-thumbnail { | |
51 max-height: var(--photo-height--poster) !important; | |
52 } | |
53 | |
54 .has-items-vcentered { | |
55 align-items: center; | |
56 } | |
57 | |
58 | |
59 .x-is-hoverable:hover { | |
60 background-color: #eee !important; | |
61 } | |
62 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
63 .x-is-hoverable-primary:hover { |
253 | 64 background-color: var(--col-primary) !important; |
65 border-radius: 50%; | |
66 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
|
67 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
68 |
230 | 69 .is-chat-message { |
70 margin: 0.5rem 0 0 !important; | |
71 padding: 0 !important; | |
72 border: 0 !important; | |
73 } | |
74 | |
75 a.is-wrapping { | |
76 line-height: 0; | |
77 } | |
78 | |
79 .has-no-background { | |
253 | 80 box-shadow: none !important; |
230 | 81 background-color: initial !important; |
82 } | |
83 | |
84 .pagination-disabled { | |
85 background-color: white; | |
86 border-color: #dbdbdb; | |
87 color: #b5b5b5; | |
88 cursor: auto; | |
89 } | |
90 | |
91 .pagination-disabled:hover { | |
92 background-color: white; | |
93 border-color: #dbdbdb; | |
94 color: #b5b5b5; | |
95 } | |
96 | |
97 .has-text-shortenable { | |
98 overflow: hidden; | |
99 text-overflow: ellipsis; | |
100 } | |
101 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
102 .has-border-dashed { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
103 border-style: dashed; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
104 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
105 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
106 .has-border-grey-light { |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
107 border-color: var(--grey-light); |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
108 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
109 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
110 .has-justify-start { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
111 justify-content: start; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
112 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
113 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
114 /************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
115 * selections * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
116 **************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
117 |
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
118 .is-not-selectable { |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
119 user-select: none; |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
120 } |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
121 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
122 .selected_for_action { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
123 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
|
124 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
125 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
126 .selected_for_deletion { |
253 | 127 outline: solid red 0.25rem; |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
128 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
129 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
130 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
131 * misc states * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
132 ***************/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
133 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
134 .state_deleted { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
135 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
136 transform: scale(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
137 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
|
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 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
141 /*********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
142 * dialogs * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
143 ***********/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
144 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
145 .modal-content { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
146 transform: scaleY(0); |
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 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
149 div.state_appended .modal-content, div.main_notification.state_appended { |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
150 transform: scaleY(1); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
151 transition: transform 0.15s ease-in; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
152 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
153 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
154 div.main_notification.state_closing { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
155 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
156 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
157 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
158 .main_notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
159 position: fixed; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
160 top: 2rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
161 left: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
162 right: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
163 z-index: 10000; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
164 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
165 transition: transform 0.15s ease-in; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
166 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
167 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
168 div.main_notification>div.column { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
169 display: flex; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
170 max-width: 95%; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
171 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
172 div.main_notification>div.column>div.notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
173 max-width: 80rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
174 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
175 |
252 | 176 .click_to_close { |
177 cursor: pointer; | |
178 } | |
179 | |
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
180 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
|
181 display: none; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
182 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
183 |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
184 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
|
185 display: block; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
186 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
187 |
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
188 div.dropdown-item.selected { |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
189 background-color: var(--col-primary); |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
190 } |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
191 |
252 | 192 /********** |
193 * panels * | |
194 **********/ | |
195 | |
196 .panel_wrapper { | |
197 position: absolute; | |
198 top: 0; | |
199 right: 0; | |
200 height: 100vh; | |
201 width: 100vw; | |
202 z-index: 150; | |
203 } | |
204 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
205 .comments_side_panel, .invitation_manager_side_panel { |
253 | 206 position: absolute; |
207 top: 0; | |
208 right: 0; | |
209 height: 100vh; | |
210 width: 0; | |
252 | 211 max-width: 80%; |
253 | 212 z-index: 200; |
213 background: white; | |
214 transition: width 0.3s ease-out; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
215 overflow: auto; |
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
216 color: black; |
252 | 217 } |
218 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
219 .comments_side_panel.open, .invitation_manager_side_panel.open { |
253 | 220 width: 55rem; |
221 transition: width 0.3s ease-out; | |
252 | 222 } |
223 | |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
224 /**************** |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
225 * media player * |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
226 ****************/ |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
227 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
228 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
|
229 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
|
230 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
|
231 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
232 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
233 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
234 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
235 /* 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
|
236 /* 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
|
237 /* 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
|
238 /* { */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
239 /* height: 100%; */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
240 /* } */ |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
241 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
242 div.media_player { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
243 position: relative; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
244 background-color: black; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
245 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
246 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
247 div.media_overlay_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
248 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
249 top: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
250 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
251 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
252 height: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
253 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
254 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
255 div.media_overlay_play>.icon { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
256 height: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
257 width: 12rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
258 font-size: 10rem; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
259 color: #eee; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
260 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
261 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
262 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
|
263 display: none !important; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
264 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
265 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
266 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
|
267 div.media_player .media_resize_small { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
268 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
269 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
270 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
271 div.media_player.playing .media_pause { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
272 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
273 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
274 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
275 div.media_player.playing .media_play { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
276 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
277 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
278 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
279 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
|
280 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
281 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
282 |
286
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.muted .media_sound_on { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
284 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
285 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
286 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
287 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
|
288 display: inline-block; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
289 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
290 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
291 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
|
292 display: none; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
293 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
294 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
295 div.media_controls { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
296 position: absolute; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
297 bottom: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
298 left: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
299 width: 100%; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
300 margin: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
301 background-color: #000A; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
302 color: #eee; |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
303 z-index: 150; |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
304 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
305 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
306 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
|
307 cursor: pointer; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
308 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
309 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
310 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
|
311 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
|
312 { |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
313 opacity: 1; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
314 transition: opacity 0.5s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
315 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
316 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
317 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
|
318 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
|
319 opacity: 0; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
320 transition: opacity 2s; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
321 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
322 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
323 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
|
324 background-color: #777; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
325 cursor: pointer; |
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 .timer { |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
329 cursor: pointer; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
330 width: 5em; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
331 text-align: center; |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
332 } |
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
333 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
334 div.media_player.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
|
335 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
336 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
337 |
278
672b6137ef29
bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents:
275
diff
changeset
|
338 |
252 | 339 /************* |
340 * slideshow * | |
341 *************/ | |
342 | |
343 .slideshow { | |
344 position: absolute; | |
345 top: 0; | |
346 left: 0; | |
347 width: 100vw; | |
348 height: 100vh; | |
349 background-color: black; | |
350 color: white; | |
351 z-index: 100; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
352 overflow: hidden; |
252 | 353 } |
354 | |
355 div.slideshow>button.delete { | |
356 z-index: 100; | |
357 background-color: var(--grey-light); | |
358 position: absolute; | |
359 top: 1rem; | |
360 right: 2rem; | |
361 } | |
362 | |
363 div.slideshow>div.click_to_comment { | |
364 z-index: 100; | |
365 position: absolute; | |
366 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
|
367 bottom: 3rem; |
252 | 368 cursor: pointer; |
369 } | |
370 | |
371 div.slideshow>div.comments__count { | |
372 z-index: 100; | |
373 position: absolute; | |
374 right: 1.7rem; | |
375 bottom: 0.5rem; | |
376 font-weight: bold; | |
377 } | |
378 | |
379 .swiper-slide { | |
380 display: flex; | |
381 align-items: center; | |
382 justify-content: center; | |
383 } | |
384 | |
385 .swiper-container { | |
386 height: 100%; | |
387 width: 100%; | |
388 } | |
389 | |
390 .swiper-button-prev { | |
253 | 391 left: 2.1rem !important; |
252 | 392 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
|
393 z-index: 150; |
252 | 394 } |
395 | |
396 .swiper-button-next { | |
253 | 397 right: 2.1rem !important; |
252 | 398 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
|
399 z-index: 150; |
252 | 400 } |
401 | |
402 .slide_img { | |
403 max-height: 100%; | |
404 max-width: 100%; | |
405 } | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
406 |
286
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
407 .slide_video { |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
408 height: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
409 width: 100%; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
410 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
411 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
412 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
|
413 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
414 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
415 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
416 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
|
417 display: none; |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
418 } |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
419 |
f8026bf77a4c
bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents:
278
diff
changeset
|
420 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
421 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
422 * progression * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
423 ***************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
424 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
425 .progress_started img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
426 filter: grayscale(100%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
427 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
428 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
429 .progress_finished img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
430 filter: grayscale(0%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
431 transition: filter 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
432 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
433 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
434 .progress_finished progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
435 height: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
436 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
437 transition: all 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
438 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
439 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
440 .progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
441 transition: width 5s ease; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
442 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
443 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
444 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
445 /********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
446 * drawer * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
447 **********/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
448 |
230 | 449 |
450 .panel-drawer { | |
451 /* A panel which is hidden by default but can be | |
452 opened when it's clicked */ | |
453 max-height: 0; | |
454 opacity: 0; | |
455 overflow: hidden; | |
456 transition: max-height 0.5s, opacity 0.5s; | |
457 } | |
458 | |
459 .panel-drawer.state_clicked { | |
460 opacity: 1; | |
461 } | |
462 | |
463 /******** | |
464 * code * | |
465 ********/ | |
466 | |
467 .highlight { | |
468 overflow: auto; | |
469 } | |
470 | |
471 /********** | |
472 * blocks * | |
473 **********/ | |
474 | |
475 .block_separator { | |
476 font-size: 1.4em; | |
477 display: flex; | |
478 margin: 1rem 0; | |
479 } | |
480 | |
481 .block_separator__label { | |
482 display: inline-block; | |
483 margin: 0 0.2em; | |
484 } | |
485 | |
486 .block_separator__line { | |
487 height: 1px; | |
488 background: #ccc; | |
489 flex: 1; | |
490 margin-top: 0.7em; | |
491 } | |
492 | |
493 /******** | |
494 * tabs * | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
495 ********/ |
230 | 496 |
497 #tab_guests { | |
498 overflow: auto; | |
499 } | |
500 | |
501 .tab__page { | |
502 display: None; | |
503 } | |
504 | |
505 .tab__page.state_clicked { | |
506 display: block; | |
507 } | |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
508 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
509 /********* |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
510 * icons * |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
511 *********/ |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
512 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
513 .icon_animate_spin { |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
514 animation: spin 2s infinite linear; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
515 display: inline-block; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
516 } |