annotate sat_templates/templates/bulma/static/styles.css @ 242:bb5193cef770

bulma (css): some styles to handle dynamic content + misc
author Goffi <goffi@goffi.org>
date Fri, 19 Jun 2020 17:57:13 +0200
parents f5f428a50c10
children a841837afe78
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;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6
235
f5f428a50c10 chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents: 230
diff changeset
7 .has-whitespace-pre-wrap {
f5f428a50c10 chat, ticket: use `pre-wrap` instead of `pre` for whitespaces
Goffi <goffi@goffi.org>
parents: 230
diff changeset
8 white-space: pre-wrap;
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 }
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 .is-avatar {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 height: 64px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 width: 64px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 border-radius: 50%;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 border: 1px solid #bbb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 background-color: #eee;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 overflow: hidden;
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-photo-thumbnail {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 max-height: var(--photo-height);
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 max-width: 100%;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 .is-photo-thumbnail-container {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 height: var(--photo-height);
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
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 .has-items-centered {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 align-items: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 justify-content: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 .is-poster {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 height: var(--photo-height--poster) !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
36 }
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 .is-poster>.is-photo-thumbnail {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 max-height: var(--photo-height--poster) !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 }
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 .has-items-vcentered {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
43 align-items: center;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 }
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 .x-is-hoverable:hover {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 background-color: #eee !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
50
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
51 .x-is-hoverable-primary:hover {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
52 background-color: var(--col-primary) !important;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
53 border-radius: 50%;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
54 box-shadow: 0px 0px 0 0.25rem var(--col-primary);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
55 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
56
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
57 .is-chat-message {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
58 margin: 0.5rem 0 0 !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
59 padding: 0 !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
60 border: 0 !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
61 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
62
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
63 a.is-wrapping {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
64 line-height: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
65 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
66
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
67 .has-no-background {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
68 box-shadow: none !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
69 background-color: initial !important;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
70 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
71
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
72 .pagination-disabled {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
73 background-color: white;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
74 border-color: #dbdbdb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
75 color: #b5b5b5;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
76 cursor: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
77 }
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 .pagination-disabled:hover {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
80 background-color: white;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
81 border-color: #dbdbdb;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
82 color: #b5b5b5;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
83 }
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 .has-text-shortenable {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
86 overflow: hidden;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
87 text-overflow: ellipsis;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
88 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
89
242
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
90 .has-border-dashed {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
91 border-style: dashed;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
92 }
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 .has-border-grey-light {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
95 border-color: hsl(0, 0%, 71%);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
96 }
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 .has-justify-start {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
99 justify-content: start;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
100 }
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 * selections *
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
104 **************/
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 .selected_for_deletion {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
107 outline: solid red 0.25rem;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
108 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
109
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
110 /***************
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
111 * misc states *
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 .state_deleted {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
115 opacity: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
116 transform: scale(0);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
117 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
118 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
119
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 * dialogs *
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 .modal-content {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
126 transform: scaleY(0);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
127 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
128
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
129 div.state_appended .modal-content {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
130 transform: scaleY(1);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
131 transition: transform 0.15s ease-in;
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
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
134
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
135 /***************
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
136 * progression *
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 .progress_started img {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
140 filter: grayscale(100%);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
141 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
142
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
143 .progress_finished img {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
144 filter: grayscale(0%);
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
145 transition: filter 1.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 .progress_finished progress {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
149 height: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
150 opacity: 0;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
151 transition: all 1.5s ease-out;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
152 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
153
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
154 .progress {
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
155 transition: width 5s ease;
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
156 }
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
157
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
158
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
159 /**********
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
160 * drawer *
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
161 **********/
bb5193cef770 bulma (css): some styles to handle dynamic content + misc
Goffi <goffi@goffi.org>
parents: 235
diff changeset
162
230
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
163
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
164 .panel-drawer {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
165 /* A panel which is hidden by default but can be
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
166 opened when it's clicked */
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
167 max-height: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
168 opacity: 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
169 overflow: hidden;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
170 transition: max-height 0.5s, opacity 0.5s;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
171 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
172
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
173 .panel-drawer.state_clicked {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
174 opacity: 1;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
175 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
176
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
177 /********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
178 * code *
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
179 ********/
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
180
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
181 .highlight {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
182 overflow: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
183 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
184
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
185 /**********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
186 * blocks *
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
187 **********/
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
188
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
189 .block_separator {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
190 font-size: 1.4em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
191 display: flex;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
192 margin: 1rem 0;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
193 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
194
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
195 .block_separator__label {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
196 display: inline-block;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
197 margin: 0 0.2em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
198 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
199
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
200 .block_separator__line {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
201 height: 1px;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
202 background: #ccc;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
203 flex: 1;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
204 margin-top: 0.7em;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
205 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
206
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
207 /********
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
208 * tabs *
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
209 *******/
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
210
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
211 #tab_guests {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
212 overflow: auto;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
213 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
214
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
215 .tab__page {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
216 display: None;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
217 }
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
218
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
219 .tab__page.state_clicked {
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
220 display: block;
0e69b5843c2f theme: bulma theme first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
221 }