annotate sat_templates/templates/bulma/static/styles.css @ 278:672b6137ef29

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