Mercurial > libervia-templates
annotate sat_templates/templates/bulma/static/styles.css @ 275:dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 14 Aug 2020 08:47:06 +0200 |
parents | dea66eead698 |
children | 672b6137ef29 |
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 | |
21 .is-photo-thumbnail { | |
22 max-height: var(--photo-height); | |
23 max-width: 100%; | |
24 } | |
25 | |
26 .is-photo-thumbnail-container { | |
27 height: var(--photo-height); | |
28 } | |
29 | |
30 .has-items-centered { | |
31 align-items: center; | |
32 justify-content: center; | |
33 } | |
34 | |
35 .is-poster { | |
36 height: var(--photo-height--poster) !important; | |
37 } | |
38 | |
39 .is-poster>.is-photo-thumbnail { | |
40 max-height: var(--photo-height--poster) !important; | |
41 } | |
42 | |
43 .has-items-vcentered { | |
44 align-items: center; | |
45 } | |
46 | |
47 | |
48 .x-is-hoverable:hover { | |
49 background-color: #eee !important; | |
50 } | |
51 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
52 .x-is-hoverable-primary:hover { |
253 | 53 background-color: var(--col-primary) !important; |
54 border-radius: 50%; | |
55 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
|
56 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
57 |
230 | 58 .is-chat-message { |
59 margin: 0.5rem 0 0 !important; | |
60 padding: 0 !important; | |
61 border: 0 !important; | |
62 } | |
63 | |
64 a.is-wrapping { | |
65 line-height: 0; | |
66 } | |
67 | |
68 .has-no-background { | |
253 | 69 box-shadow: none !important; |
230 | 70 background-color: initial !important; |
71 } | |
72 | |
73 .pagination-disabled { | |
74 background-color: white; | |
75 border-color: #dbdbdb; | |
76 color: #b5b5b5; | |
77 cursor: auto; | |
78 } | |
79 | |
80 .pagination-disabled:hover { | |
81 background-color: white; | |
82 border-color: #dbdbdb; | |
83 color: #b5b5b5; | |
84 } | |
85 | |
86 .has-text-shortenable { | |
87 overflow: hidden; | |
88 text-overflow: ellipsis; | |
89 } | |
90 | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
91 .has-border-dashed { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
92 border-style: dashed; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
93 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
94 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
95 .has-border-grey-light { |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
96 border-color: var(--grey-light); |
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 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
99 .has-justify-start { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
100 justify-content: start; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
101 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
102 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
103 /************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
104 * selections * |
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 |
254
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
107 .is-not-selectable { |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
108 user-select: none; |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
109 } |
8411a274448e
bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents:
253
diff
changeset
|
110 |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
111 .selected_for_deletion { |
253 | 112 outline: solid red 0.25rem; |
242
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 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
116 * misc states * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
117 ***************/ |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
118 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
119 .state_deleted { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
120 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
121 transform: scale(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
122 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
|
123 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
124 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
125 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
126 /*********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
127 * dialogs * |
248
a841837afe78
css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents:
242
diff
changeset
|
128 ***********/ |
242
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 .modal-content { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
131 transform: scaleY(0); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
132 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
133 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
134 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
|
135 transform: scaleY(1); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
136 transition: transform 0.15s ease-in; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
137 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
138 |
271
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
139 div.main_notification.state_closing { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
140 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
141 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
142 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
143 .main_notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
144 position: fixed; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
145 top: 2rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
146 left: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
147 right: 0; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
148 z-index: 10000; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
149 transform: scaleY(0); |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
150 transition: transform 0.15s ease-in; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
151 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
152 |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
153 div.main_notification>div.column { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
154 display: flex; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
155 max-width: 95%; |
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 div.main_notification>div.column>div.notification { |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
158 max-width: 80rem; |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
159 } |
dea66eead698
bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents:
270
diff
changeset
|
160 |
252 | 161 .click_to_close { |
162 cursor: pointer; | |
163 } | |
164 | |
270
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
165 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
|
166 display: none; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
167 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
168 |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
169 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
|
170 display: block; |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
171 } |
2378084522e1
bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents:
262
diff
changeset
|
172 |
275
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
173 div.dropdown-item.selected { |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
174 background-color: var(--col-primary); |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
175 } |
dbdaf1d7442b
bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents:
271
diff
changeset
|
176 |
252 | 177 /********** |
178 * panels * | |
179 **********/ | |
180 | |
181 .panel_wrapper { | |
182 position: absolute; | |
183 top: 0; | |
184 right: 0; | |
185 height: 100vh; | |
186 width: 100vw; | |
187 z-index: 150; | |
188 } | |
189 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
190 .comments_side_panel, .invitation_manager_side_panel { |
253 | 191 position: absolute; |
192 top: 0; | |
193 right: 0; | |
194 height: 100vh; | |
195 width: 0; | |
252 | 196 max-width: 80%; |
253 | 197 z-index: 200; |
198 background: white; | |
199 transition: width 0.3s ease-out; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
200 overflow: auto; |
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
201 color: black; |
252 | 202 } |
203 | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
204 .comments_side_panel.open, .invitation_manager_side_panel.open { |
253 | 205 width: 55rem; |
206 transition: width 0.3s ease-out; | |
252 | 207 } |
208 | |
209 /************* | |
210 * slideshow * | |
211 *************/ | |
212 | |
213 .slideshow { | |
214 position: absolute; | |
215 top: 0; | |
216 left: 0; | |
217 width: 100vw; | |
218 height: 100vh; | |
219 background-color: black; | |
220 color: white; | |
221 z-index: 100; | |
255
c8eb86b49cb5
bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents:
254
diff
changeset
|
222 overflow: hidden; |
252 | 223 } |
224 | |
225 div.slideshow>button.delete { | |
226 z-index: 100; | |
227 background-color: var(--grey-light); | |
228 position: absolute; | |
229 top: 1rem; | |
230 right: 2rem; | |
231 } | |
232 | |
233 div.slideshow>div.click_to_comment { | |
234 z-index: 100; | |
235 position: absolute; | |
236 right: 1.7rem; | |
237 bottom: 2rem; | |
238 cursor: pointer; | |
239 } | |
240 | |
241 div.slideshow>div.comments__count { | |
242 z-index: 100; | |
243 position: absolute; | |
244 right: 1.7rem; | |
245 bottom: 0.5rem; | |
246 font-weight: bold; | |
247 } | |
248 | |
249 .swiper-slide { | |
250 display: flex; | |
251 align-items: center; | |
252 justify-content: center; | |
253 } | |
254 | |
255 .swiper-container { | |
256 height: 100%; | |
257 width: 100%; | |
258 } | |
259 | |
260 .swiper-button-prev { | |
253 | 261 left: 2.1rem !important; |
252 | 262 color: #f1f1f1 !important; |
263 } | |
264 | |
265 .swiper-button-next { | |
253 | 266 right: 2.1rem !important; |
252 | 267 color: #f1f1f1 !important; |
268 } | |
269 | |
270 .slide_img { | |
271 max-height: 100%; | |
272 max-width: 100%; | |
273 } | |
242
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
274 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
275 /*************** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
276 * progression * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
277 ***************/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
278 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
279 .progress_started img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
280 filter: grayscale(100%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
281 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
282 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
283 .progress_finished img { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
284 filter: grayscale(0%); |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
285 transition: filter 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
286 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
287 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
288 .progress_finished progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
289 height: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
290 opacity: 0; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
291 transition: all 1.5s ease-out; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
292 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
293 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
294 .progress { |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
295 transition: width 5s ease; |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
296 } |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
297 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
298 |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
299 /********** |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
300 * drawer * |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
301 **********/ |
bb5193cef770
bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents:
235
diff
changeset
|
302 |
230 | 303 |
304 .panel-drawer { | |
305 /* A panel which is hidden by default but can be | |
306 opened when it's clicked */ | |
307 max-height: 0; | |
308 opacity: 0; | |
309 overflow: hidden; | |
310 transition: max-height 0.5s, opacity 0.5s; | |
311 } | |
312 | |
313 .panel-drawer.state_clicked { | |
314 opacity: 1; | |
315 } | |
316 | |
317 /******** | |
318 * code * | |
319 ********/ | |
320 | |
321 .highlight { | |
322 overflow: auto; | |
323 } | |
324 | |
325 /********** | |
326 * blocks * | |
327 **********/ | |
328 | |
329 .block_separator { | |
330 font-size: 1.4em; | |
331 display: flex; | |
332 margin: 1rem 0; | |
333 } | |
334 | |
335 .block_separator__label { | |
336 display: inline-block; | |
337 margin: 0 0.2em; | |
338 } | |
339 | |
340 .block_separator__line { | |
341 height: 1px; | |
342 background: #ccc; | |
343 flex: 1; | |
344 margin-top: 0.7em; | |
345 } | |
346 | |
347 /******** | |
348 * tabs * | |
260
caadb06854a0
bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents:
255
diff
changeset
|
349 ********/ |
230 | 350 |
351 #tab_guests { | |
352 overflow: auto; | |
353 } | |
354 | |
355 .tab__page { | |
356 display: None; | |
357 } | |
358 | |
359 .tab__page.state_clicked { | |
360 display: block; | |
361 } | |
262
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
362 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
363 /********* |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
364 * icons * |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
365 *********/ |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
366 |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
367 .icon_animate_spin { |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
368 animation: spin 2s infinite linear; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
369 display: inline-block; |
23180988ee6b
bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents:
260
diff
changeset
|
370 } |