Mercurial > libervia-templates

annotate sat_templates/templates/bulma/static/styles.css @ 399:e7152fc8a81f default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (components/search_item): explicitely import "avatar".
author Goffi <goffi@goffi.org>
date Thu, 06 Jun 2024 15:22:22 +0200
parents 9847e6dbeefa
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 :root {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 --photo-height: 280px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
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
381
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
21
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
22 input[type="search"]::-webkit-search-cancel-button {
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
23 /* We disable cancel button on webkit based browser for consistency, as we add our */
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
24 /* own when necessary */
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
25 display: none;
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
26 }
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
27
387c8c5a3bee bulma (styles): disable the delete cross on search input:
Goffi <goffi@goffi.org>
parents: 371
diff changeset
28
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
29 .is-full-below-menu {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
30 /* full viewport minus top menu height */
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
31 position:relative;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
32 height: calc(100vh - 52px);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
33 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
34
235
f5f428a50c10 chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents: 230
diff changeset
35 .has-whitespace-pre-wrap {
f5f428a50c10 chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents: 230
diff changeset
36 white-space: pre-wrap;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
38
303
877f01720036 bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents: 299
diff changeset
39 .has-whitespace-pre-line {
877f01720036 bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents: 299
diff changeset
40 white-space: pre-line;
877f01720036 bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents: 299
diff changeset
41 }
877f01720036 bulma (lists): creation, invitations, item deletion:
Goffi <goffi@goffi.org>
parents: 299
diff changeset
42
309
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
43 .has-decoration-line-through {
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
44 text-decoration: line-through;
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
45 }
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
46
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 .is-avatar {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 height: 64px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 width: 64px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50 border-radius: 50%;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
51 border: 1px solid #bbb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
52 background-color: #eee;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
53 overflow: hidden;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
54 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
55
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
56 .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
57 background-color: black;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
58 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
59
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
60 .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
61 height: 100%;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
62 width: 100%;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
63 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
64
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
65
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
66 .is-photo-thumbnail {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
67 max-height: var(--photo-height);
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
68 max-width: 100%;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
69 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
70
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
71 .is-photo-thumbnail-container {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
72 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
73
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
74 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
75
299
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
76 .is-top-right {
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
77 /* 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
78 * 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
79 */
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
80 position: absolute;
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
81 top: 0.25rem;
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
82 right: 0.25rem;
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
83 }
75f1cd6da46e bulma (components/block): new `data` and `delete_icon` arguments in `icon_item`
Goffi <goffi@goffi.org>
parents: 294
diff changeset
84
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
85 .is-top-left {
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
86 position: absolute;
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
87 top: 0.25em;
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
88 left: 0.25em;
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
89 }
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
90
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
91 .has-items-centered {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
92 align-items: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
93 justify-content: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
94 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
95
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
96 .is-poster {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
97 height: var(--photo-height--poster) !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
98 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
99
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
100 .is-poster>.is-photo-thumbnail {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
101 max-height: var(--photo-height--poster) !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
102 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
103
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
104 .has-items-vcentered {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
105 align-items: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
106 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
107
356
e3e11ced9f8f bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents: 354
diff changeset
108 .is-valign-middle {
e3e11ced9f8f bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents: 354
diff changeset
109 vertical-align: middle;
e3e11ced9f8f bulma: new `retry-notification` template:
Goffi <goffi@goffi.org>
parents: 354
diff changeset
110 }
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
111
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
112 .x-is-hoverable:hover {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
113 background-color: #eee !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
114 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
115
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
116 .x-is-hoverable-primary:hover {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
117 background-color: var(--col-primary) !important;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
118 border-radius: 50%;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
119 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
120 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
121
387
8b990c78d4b5 (bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents: 385
diff changeset
122 .media.is-chat-message {
8b990c78d4b5 (bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents: 385
diff changeset
123 margin: 0.5rem 0 0;
8b990c78d4b5 (bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents: 385
diff changeset
124 padding: 0;
8b990c78d4b5 (bulma/chat): add menu + style for message retraction
Goffi <goffi@goffi.org>
parents: 385
diff changeset
125 border: 0;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
126 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
127
344
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 343
diff changeset
128 .is-text-content {
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 343
diff changeset
129 white-space: break-spaces;
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 343
diff changeset
130 }
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 343
diff changeset
131
e982a05d43b1 blog/item, css: fix `white-space` for text content
Goffi <goffi@goffi.org>
parents: 343
diff changeset
132
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
133 a.is-wrapping {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
134 line-height: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
135 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
136
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
137 .has-no-background {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
138 box-shadow: none !important;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
139 background-color: initial !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
140 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
141
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
142 .pagination-disabled {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
143 background-color: white;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
144 border-color: #dbdbdb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
145 color: #b5b5b5;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
146 cursor: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
147 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
148
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
149 .pagination-disabled:hover {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
150 background-color: white;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
151 border-color: #dbdbdb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
152 color: #b5b5b5;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
153 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
154
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
155 .has-text-shortenable {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
156 overflow: hidden;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
157 text-overflow: ellipsis;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
158 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
159
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
160 .has-border-dashed {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
161 border-style: dashed;
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 .has-border-grey-light {
248
a841837afe78 css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents: 242
diff changeset
165 border-color: var(--grey-light);
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
166 }
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 .has-justify-start {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
169 justify-content: start;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
170 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
171
309
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
172 .has-width-7 {
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
173 width: 7em;
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
174 }
27511c821481 bulma (list/overview): use specialised view for `grocery` list
Goffi <goffi@goffi.org>
parents: 303
diff changeset
175
342
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
176 .media-content {
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
177 min-width: 15em;
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
178 }
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
179
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
180 .column {
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
181 max-width: 100%;
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
182 }
0d6826a73c0f (bulma) CSS: fix content overflow in media object:
Goffi <goffi@goffi.org>
parents: 319
diff changeset
183
343
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
184 :not(div.highlight>pre)>code {
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
185 border: 1px solid #DDD;
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
186 color: initial;
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
187 background-color: unset;
354
cac1a96f3df8 bulma (static): better padding on inline `code`
Goffi <goffi@goffi.org>
parents: 344
diff changeset
188 padding: 0.05em 0.25em 0.05em;
343
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
189 }
d28816a65b7f (bulma) CSS: small redesign of inlined code
Goffi <goffi@goffi.org>
parents: 342
diff changeset
190
242
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 * selections *
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
193 **************/
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
194
396
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
195 .is-selected-search_item {
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
196 border: solid 2px #3273dc;
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
197 background-color: #eff3fa;
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
198 transform: scale(1.03);
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
199 box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
200 }
9847e6dbeefa bulma (call): add group call related templates.
Goffi <goffi@goffi.org>
parents: 390
diff changeset
201
254
8411a274448e bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents: 253
diff changeset
202 .is-not-selectable {
8411a274448e bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents: 253
diff changeset
203 user-select: none;
8411a274448e bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents: 253
diff changeset
204 }
8411a274448e bulma (css): new `is-not-selectable` class
Goffi <goffi@goffi.org>
parents: 253
diff changeset
205
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
206 .selected_for_action {
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
207 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
208 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
209
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
210 .selected_for_deletion {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
211 outline: solid red 0.25rem;
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
212 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
213
370
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
214 /**************
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
215 * JID Search *
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
216 **************/
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
217
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
218 .search-item__group-tags {
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
219 /* we want the item with no group to have the same height as an item with one */
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
220 min-height: 40px;
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
221 }
281d1c958d56 bulma (search): moved `search_item` to components
Goffi <goffi@goffi.org>
parents: 361
diff changeset
222
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
223 /***************
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
224 * misc states *
248
a841837afe78 css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents: 242
diff changeset
225 ***************/
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
226
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
227 .state_deleted {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
228 opacity: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
229 transform: scale(0);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
230 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
231 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
232
319
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
233 /**********
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
234 * editor *
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
235 **********/
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
236
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
237 .tag_input {
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
238 flex-grow: 1;
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
239 margin-bottom: 0.5rem;
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
240 width: auto;
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
241 }
45499870bbf4 bulma: new `editor` templates:
Goffi <goffi@goffi.org>
parents: 309
diff changeset
242
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
243
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
244 /***********
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
245 * dialogs *
248
a841837afe78 css (bulma): use a variable for grey light
Goffi <goffi@goffi.org>
parents: 242
diff changeset
246 ***********/
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
247
294
a587d664f62c bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents: 293
diff changeset
248 .modal-dialog {
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
249 transform: scaleY(0);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
250 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
251
294
a587d664f62c bulma (dialogs,css): added `modal-dialog` to avoid transforming other modals
Goffi <goffi@goffi.org>
parents: 293
diff changeset
252 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
253 transform: scaleY(1);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
254 transition: transform 0.15s ease-in;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
255 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
256
271
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
257 div.main_notification.state_closing {
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
258 transform: scaleY(0);
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
259 }
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
260
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
261 .main_notification {
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
262 position: fixed;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
263 top: 2rem;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
264 left: 0;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
265 right: 0;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
266 z-index: 10000;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
267 transform: scaleY(0);
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
268 transition: transform 0.15s ease-in;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
269 }
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
270
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
271 div.main_notification>div.column {
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
272 display: flex;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
273 max-width: 95%;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
274 }
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
275 div.main_notification>div.column>div.notification {
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
276 max-width: 80rem;
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
277 }
dea66eead698 bulma (dialogs): new `notification.html` template
Goffi <goffi@goffi.org>
parents: 270
diff changeset
278
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
279 .click_to_close {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
280 cursor: pointer;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
281 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
282
270
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
283 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
284 display: none;
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
285 }
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
286
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
287 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
288 display: block;
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
289 }
2378084522e1 bulma (dialogs): new `macros.html` with a search dialog
Goffi <goffi@goffi.org>
parents: 262
diff changeset
290
275
dbdaf1d7442b bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents: 271
diff changeset
291 div.dropdown-item.selected {
dbdaf1d7442b bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents: 271
diff changeset
292 background-color: var(--col-primary);
dbdaf1d7442b bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents: 271
diff changeset
293 }
dbdaf1d7442b bulma (invitation/manager.html): simpler manager, taking profit of dynamism
Goffi <goffi@goffi.org>
parents: 271
diff changeset
294
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
295 /**********
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
296 * panels *
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
297 **********/
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
298
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
299 .panel_wrapper {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
300 position: absolute;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
301 top: 0;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
302 right: 0;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
303 height: 100vh;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
304 width: 100vw;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
305 z-index: 150;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
306 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
307
260
caadb06854a0 bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents: 255
diff changeset
308 .comments_side_panel, .invitation_manager_side_panel {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
309 position: absolute;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
310 top: 0;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
311 right: 0;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
312 height: 100vh;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
313 width: 0;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
314 max-width: 80%;
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
315 z-index: 200;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
316 background: white;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
317 transition: width 0.3s ease-out;
255
c8eb86b49cb5 bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents: 254
diff changeset
318 overflow: auto;
c8eb86b49cb5 bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents: 254
diff changeset
319 color: black;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
320 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
321
260
caadb06854a0 bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents: 255
diff changeset
322 .comments_side_panel.open, .invitation_manager_side_panel.open {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
323 width: 55rem;
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
324 transition: width 0.3s ease-out;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
325 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
326
291
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
327 /*********
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
328 * embed *
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
329 *********/
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
330
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
331 .embed {
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
332 width: 100%;
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
333 height: 100%;
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
334 }
1ca9384fb681 bulma: new `embed/embed.html` template
Goffi <goffi@goffi.org>
parents: 289
diff changeset
335
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
336 /****************
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
337 * media player *
278
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>div.media_elt,
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
341 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
342 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
343 width: 100%;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
344 height: 100%;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
345 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
346
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
347 /* div.media_player: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
348 /* 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
349 /* 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
350 /* { */
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
351 /* height: 100%; */
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
352 /* } */
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
353
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
354 div.media_player {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
355 position: relative;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
356 background-color: black;
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_overlay_play {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
360 position: absolute;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
361 top: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
362 left: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
363 width: 100%;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
364 height: 100%;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
365 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
366
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
367 div.media_overlay_play>.icon {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
368 height: 12rem;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
369 width: 12rem;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
370 font-size: 10rem;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
371 color: #eee;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
372 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
373
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
374 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
375 display: none !important;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
376 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
377
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
378 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
379 div.media_player .media_resize_small {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
380 display: none;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
381 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
382
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
383 div.media_player.playing .media_pause {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
384 display: inline-block;
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.playing .media_play {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
388 display: none;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
389 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
390
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
391 div.media_player.muted .media_sound_off {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
392 display: inline-block;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
393 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
394
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
395 div.media_player.muted .media_sound_on {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
396 display: none;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
397 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
398
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
399 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
400 display: inline-block;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
401 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
402
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
403 div.media_player:fullscreen .media_resize_full {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
404 display: none;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
405 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
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 div.media_controls {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
408 position: absolute;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
409 bottom: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
410 left: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
411 width: 100%;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
412 margin: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
413 background-color: #000A;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
414 color: #eee;
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
415 z-index: 150;
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
416 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
417
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
418 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
419 cursor: pointer;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
420 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
421
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
422 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
423 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
424 {
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
425 opacity: 1;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
426 transition: opacity 0.5s;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
427 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
428
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
429 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
430 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
431 opacity: 0;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
432 transition: opacity 2s;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
433 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
434
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
435 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
436 background-color: #777;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
437 cursor: pointer;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
438 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
439
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
440 div.media_player .timer {
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
441 cursor: pointer;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
442 width: 5em;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
443 text-align: center;
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
444 }
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
445
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
446 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
447 display: none;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
448 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
449
278
672b6137ef29 bulma (components): template for the alternative media player
Goffi <goffi@goffi.org>
parents: 275
diff changeset
450
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
451 /*************
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
452 * slideshow *
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
453 *************/
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
454
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
455 .slideshow {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
456 position: absolute;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
457 top: 0;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
458 left: 0;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
459 width: 100vw;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
460 height: 100vh;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
461 background-color: black;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
462 color: white;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
463 z-index: 100;
255
c8eb86b49cb5 bulma (css): fixed overflow in slideshow
Goffi <goffi@goffi.org>
parents: 254
diff changeset
464 overflow: hidden;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
465 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
466
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
467 div.slideshow>button.delete {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
468 z-index: 100;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
469 background-color: var(--grey-light);
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
470 position: absolute;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
471 top: 1rem;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
472 right: 2rem;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
473 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
474
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
475 div.slideshow>div.click_to_comment {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
476 z-index: 100;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
477 position: absolute;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
478 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
479 bottom: 3rem;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
480 cursor: pointer;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
481 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
482
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
483 div.slideshow>div.comments__count {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
484 z-index: 100;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
485 position: absolute;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
486 right: 1.7rem;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
487 bottom: 0.5rem;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
488 font-weight: bold;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
489 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
490
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
491 .swiper-slide {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
492 display: flex;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
493 align-items: center;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
494 justify-content: center;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
495 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
496
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
497 .swiper-container {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
498 height: 100%;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
499 width: 100%;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
500 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
501
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
502 .swiper-button-prev {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
503 left: 2.1rem !important;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
504 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
505 z-index: 150;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
506 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
507
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
508 .swiper-button-next {
253
7397d81dd633 bulma (css): fixed tab/spacing
Goffi <goffi@goffi.org>
parents: 252
diff changeset
509 right: 2.1rem !important;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
510 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
511 z-index: 150;
252
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
512 }
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
513
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
514 .slide_img {
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
515 max-height: 100%;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
516 max-width: 100%;
a0e889d73bad bulma (photo): slideshow
Goffi <goffi@goffi.org>
parents: 248
diff changeset
517 }
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
518
286
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
519 .slide_video {
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
520 height: 100%;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
521 width: 100%;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
522 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
523
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
524 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
525 display: none;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
526 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
527
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
528 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
529 display: none;
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
530 }
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
531
f8026bf77a4c bulma (CSS): updated classed to handle native video player + video in slideshow
Goffi <goffi@goffi.org>
parents: 278
diff changeset
532
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
533 /***************
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
534 * progression *
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
535 ***************/
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
536
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
537 .progress_started img {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
538 filter: grayscale(100%);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
539 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
540
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
541 .progress_finished img {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
542 filter: grayscale(0%);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
543 transition: filter 1.5s ease-out;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
544 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
545
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
546 .progress_finished progress {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
547 height: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
548 opacity: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
549 transition: all 1.5s ease-out;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
550 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
551
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
552 .progress {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
553 transition: width 5s ease;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
554 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
555
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
556
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
557 /**********
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
558 * drawer *
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
559 **********/
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
560
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
561
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
562 .panel-drawer {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
563 /* A panel which is hidden by default but can be
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
564 opened when it's clicked */
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
565 max-height: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
566 opacity: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
567 overflow: hidden;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
568 transition: max-height 0.5s, opacity 0.5s;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
569 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
570
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
571 .panel-drawer.state_clicked {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
572 opacity: 1;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
573 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
574
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
575 /********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
576 * code *
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
577 ********/
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
578
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
579 .highlight {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
580 overflow: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
581 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
582
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
583 /**********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
584 * blocks *
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
585 **********/
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
586
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
587 .block_separator {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
588 font-size: 1.4em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
589 display: flex;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
590 margin: 1rem 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
591 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
592
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
593 .block_separator__label {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
594 display: inline-block;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
595 margin: 0 0.2em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
596 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
597
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
598 .block_separator__line {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
599 height: 1px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
600 background: #ccc;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
601 flex: 1;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
602 margin-top: 0.7em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
603 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
604
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
605 /********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
606 * tabs *
260
caadb06854a0 bulma (invitation): invitation manager first draft
Goffi <goffi@goffi.org>
parents: 255
diff changeset
607 ********/
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
608
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
609 #tab_guests {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
610 overflow: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
611 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
612
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
613 .tab__page {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
614 display: None;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
615 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
616
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
617 .tab__page.state_clicked {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
618 display: block;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
619 }
262
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
620
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
621 /*********
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
622 * icons *
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
623 *********/
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
624
361
e44c0627d00b bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents: 356
diff changeset
625 .svg-icon {
e44c0627d00b bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents: 356
diff changeset
626 fill: currentColor;
e44c0627d00b bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents: 356
diff changeset
627 }
e44c0627d00b bulma (css): use current color for SVG icons
Goffi <goffi@goffi.org>
parents: 356
diff changeset
628
262
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
629 .icon_animate_spin {
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
630 animation: spin 2s infinite linear;
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
631 display: inline-block;
23180988ee6b bulma (css): added `icon_animate_spin` class
Goffi <goffi@goffi.org>
parents: 260
diff changeset
632 }
293
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
633
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
634 @keyframes spin {
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
635 0% {
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
636 transform: rotate(0deg);
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
637 }
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
638
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
639 100% {
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
640 transform: rotate(359deg);
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
641 }
7a4bd6de6a56 bulma (css): add missing keyframe for `spin` animation
Goffi <goffi@goffi.org>
parents: 292
diff changeset
642 }
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
643
385
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
644 /*******************
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
645 * common features *
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
646 ******************/
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
647
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
648 .reaction {
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
649 border-radius: 12px; /* Rounded background */
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
650 cursor: pointer; /* Pointer cursor for the entire reaction */
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
651 border: 1px solid #dbdbdb; /* Discreet but visible border */
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
652 }
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
653
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
654 .reaction .emoji {
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
655 margin-right: .5rem; /* Space between emoji and counter using rem unit */
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
656 }
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
657
390
38635d393089 bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents: 387
diff changeset
658 .own-reaction {
38635d393089 bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents: 387
diff changeset
659 border-color: #3273dc;
38635d393089 bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents: 387
diff changeset
660 }
38635d393089 bulma (chat/reactions): use a special style for reactions made by the user.
Goffi <goffi@goffi.org>
parents: 387
diff changeset
661
371
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
662 /**************
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
663 * animations *
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
664 *************/
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
665
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
666 /* Fade In */
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
667
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
668 @keyframes fade-in {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
669 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
670 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
671 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
672 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
673 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
674 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
675 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
676
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
677 .fade-in {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
678 animation: fade-in 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
679 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
680
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
681 @keyframes fade-in-x {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
682 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
683 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
684 transform: scaleX(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
685 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
686 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
687 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
688 transform: scaleX(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
689 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
690 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
691
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
692 .fade-in-x {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
693 animation: fade-in-x 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
694 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
695
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
696 @keyframes fade-in-y {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
697 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
698 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
699 transform: scaleY(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
700 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
701 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
702 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
703 transform: scaleY(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
704 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
705 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
706
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
707 .fade-in-y {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
708 animation: fade-in-y 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
709 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
710
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
711 @keyframes fade-in-xy {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
712 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
713 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
714 transform: scale(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
715 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
716 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
717 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
718 transform: scale(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
719 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
720 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
721
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
722 .fade-in-xy {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
723 animation: fade-in-xy 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
724 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
725
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
726 /* Fade Out */
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
727
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
728 @keyframes fade-out {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
729 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
730 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
731 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
732 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
733 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
734 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
735 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
736
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
737 .fade-out {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
738 animation: fade-out 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
739 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
740
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
741 @keyframes fade-out-x {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
742 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
743 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
744 transform: scaleX(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
745 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
746 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
747 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
748 transform: scaleX(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
749 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
750 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
751
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
752 .fade-out-x {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
753 animation: fade-out-x 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
754 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
755
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
756 @keyframes fade-out-y {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
757 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
758 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
759 transform: scaleY(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
760 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
761 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
762 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
763 transform: scaleY(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
764 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
765 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
766
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
767 .fade-out-y {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
768 animation: fade-out-y 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
769 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
770
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
771 @keyframes fade-out-xy {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
772 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
773 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
774 transform: scale(1);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
775 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
776 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
777 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
778 transform: scale(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
779 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
780 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
781
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
782 .fade-out-xy {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
783 animation: fade-out-xy 0.5s ease-in forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
784 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
785
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
786 /* Slide In */
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
787 @keyframes slide-in {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
788 0% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
789 transform: translateY(100%);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
790 opacity: 0;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
791 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
792 100% {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
793 transform: translateY(0);
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
794 opacity: 1;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
795 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
796 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
797
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
798 .slide-in {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
799 animation: slide-in 0.5s ease-in-out forwards;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
800 }
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
801
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
802 .animation-reverse {
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
803 animation-direction: reverse;
a5a80d761e3e bulma (call): update template to integrate call features:
Goffi <goffi@goffi.org>
parents: 370
diff changeset
804 }
385
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
805
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
806 /***************
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
807 * third party *
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
808 **************/
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
809
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
810 emoji-picker {
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
811 width: 100%;
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
812 /* height: 30rem; */
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 381
diff changeset
813 }