annotate sat_templates/templates/bulma/static/styles.css @ 289:f1a39607d6a5

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