Mercurial > libervia-templates

annotate sat_templates/templates/bulma/static/styles.css @ 295:1de599c5a68f

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