Mercurial > libervia-templates
annotate sat_templates/templates/default/static/styles.css @ 323:34b8de7be336
bulma (base): show breadcrumbs
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 29 Apr 2021 20:52:17 +0200 |
parents | 64e952421d55 |
children |
rev | line source |
---|---|
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1 /************* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
2 * Constants * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
3 *************/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
4 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
5 :root { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
6 --box-bg-color: #efefef; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
7 --box--expand_limit: 20rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
8 --box--expand_height-min: 9rem; |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
9 --select-bg-color: #ddd; |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
10 --size-small: 1.5rem; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
11 --size-medium: 3rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
12 --color-prim: #fafafa; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
13 --color-prim--light: #ffffff; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
14 --color-prim--dark: #c7c7c7; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
15 --color-sec: #448aff; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
16 --color-sec--light: #83b9ff; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
17 --color-sec--dark: #005ecb; |
211
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
18 --color-warning: #8a0000; |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
19 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
20 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
21 /***************** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
22 * Main Elements * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
23 *****************/ |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
24 |
0 | 25 html { |
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
26 font-family: "sat-base-font"; |
225 | 27 line-height: 1.6; |
0 | 28 } |
29 | |
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
30 body { |
66 | 31 margin: 0; |
32 padding: 0; | |
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
33 display: flex; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
34 height: 100vh; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
35 flex-direction: column; |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
36 box-sizing: border-box; |
66 | 37 } |
38 | |
170 | 39 blockquote { |
40 margin: 1em 0; | |
41 padding-left: 0.3em; | |
42 border-left: 0.3rem solid #CCC; | |
43 } | |
44 | |
45 code { | |
46 border: solid 1px #DDD; | |
47 padding: 0.2em; | |
66 | 48 } |
49 | |
171
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
50 iframe { |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
51 border: 0; |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
52 width: 100%; |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
53 /* this value is used when js is not enabled */ |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
54 height: 100%; |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
55 } |
cede18c118c9
js (common): added fitHeightToContent to fit <iframe> to its content + <iframe> CSS
Goffi <goffi@goffi.org>
parents:
170
diff
changeset
|
56 |
204 | 57 address { |
58 font-style: inherit; | |
59 } | |
60 | |
66 | 61 #main_area { |
62 flex: 1; | |
63 display: flex; | |
64 flex-direction: column; | |
65 box-sizing: border-box; | |
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
66 } |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
67 |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
68 #body { |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
69 flex: 1; |
81
3eec00136867
css (main style): #body is now a positioned element
Goffi <goffi@goffi.org>
parents:
73
diff
changeset
|
70 position: relative; |
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
71 } |
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
72 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
73 .page__footer { |
0 | 74 text-align: center; |
75 font-size: 0.7em; | |
76 font-weight: bold; | |
182
29214fa3a53b
css: minor style mprovment for page footer
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
77 padding: 0.8em 0 0.2em 0; |
0 | 78 } |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
79 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
80 .page__footer span { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
81 background: white; |
182
29214fa3a53b
css: minor style mprovment for page footer
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
82 padding: 0 0.3em; |
29214fa3a53b
css: minor style mprovment for page footer
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
83 border-radius: 0.5em; |
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
84 } |
39
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
85 |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
86 .post_confirm { |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
87 text-align: center; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
88 background-color: lightgreen; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
89 padding: 1em; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
90 font-size: 1.2em; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
91 font-weight: bold; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
92 width: 60%; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
93 margin: 1.5em auto; |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
94 } |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
95 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
96 /********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
97 * States * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
98 **********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
99 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
100 .state_init { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
101 cursor: pointer; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
102 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
103 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
104 .other_lang.state_init>* { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
105 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
106 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
107 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
108 .show_if_init { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
109 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
110 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
111 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
112 .state_init.show_if_init { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
113 /* unset is not working well here (it uses "inline", not element default) */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
114 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
115 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
116 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
117 .show_if_parent_init { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
118 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
119 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
120 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
121 .state_init>.show_if_parent_init { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
122 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
123 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
124 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
125 .show_if_parent_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
126 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
127 } |
61 | 128 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
129 .state_clicked>.show_if_parent_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
130 /* cf. .show_if_init */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
131 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
132 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
133 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
134 .state_clicked>span.show_if_parent_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
135 /* cf. .show_if_init */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
136 display: inline; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
137 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
138 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
139 .state_clicked>.show_if_parent_not_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
140 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
141 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
142 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
143 .show_if_grandparent_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
144 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
145 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
146 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
147 .state_clicked>*>.show_if_grandparent_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
148 /* cf. .show_if_init */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
149 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
150 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
151 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
152 .state_clicked>*>.show_if_grandparent_not_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
153 display: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
154 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
155 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
156 /*********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
157 * Generic * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
158 ***********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
159 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
160 /** Common Sizes **/ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
161 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
162 /** Buttons **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
163 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
164 .btn { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
165 padding: 0.3em 0.5em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
166 background-color: #222; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
167 color: white; |
133 | 168 border: 1px solid #555; |
169 border-radius: 0.8em; | |
170 font-weight: bold; | |
86
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
171 } |
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
172 |
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
173 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
174 .btn:hover { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
175 background-color: var(--color-sec); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
176 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
177 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
178 .btn-fold { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
179 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
180 border-radius: 1em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
181 background-color: var(--color-prim--light); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
182 color: #727272; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
183 font-weight: bold; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
184 font-variant: small-caps; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
185 padding: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
186 cursor: pointer; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
187 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
188 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
189 .btn-fold:hover { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
190 font-weight: bold; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
191 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
192 |
204 | 193 .btn:disabled { |
194 color: #fff; | |
195 background-color: #eee; | |
196 border-color: #aaa; | |
197 } | |
198 | |
199 .center { | |
200 text-align: center; | |
201 } | |
202 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
203 /** Labels **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
204 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
205 .labels { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
206 text-align: right; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
207 white-space: nowrap; |
61 | 208 } |
209 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
210 .labels a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
211 text-decoration: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
212 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
213 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
214 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
215 .labels span { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
216 font-variant: small-caps; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
217 font-size: 0.8rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
218 background-color: #ddd; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
219 border-radius: 0.4em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
220 padding: 0 0.5em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
221 transition: all 0.5s; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
222 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
223 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
224 .labels a>span { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
225 cursor: pointer; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
226 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
227 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
228 .labels a>span:hover { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
229 box-shadow: 0px 0px 6px 1px #000; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
230 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
231 |
211
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
232 /** text **/ |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
233 |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
234 .text--warning { |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
235 font-weight: bold; |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
236 color: var(--color-warning); |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
237 } |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
238 |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
239 .text--emphasis { |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
240 font-weight: bold; |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
241 } |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
242 |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
243 .text--light-emphasis { |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
244 text-decoration: underline; |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
245 } |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
246 |
215
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
247 .text--clickable { |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
248 color: inherit; |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
249 text-decoration: None; |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
250 } |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
251 |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
252 .text--clickable:hover { |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
253 background-color: var(--select-bg-color); |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
254 } |
b2f0f81b2cd2
base: if `atom_url` is defined, a "subscribe" link is added to footer:
Goffi <goffi@goffi.org>
parents:
213
diff
changeset
|
255 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
256 /** heading **/ |
204 | 257 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
258 .heading__subtitle { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
259 font-size: 2em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
260 text-align: center; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
261 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
262 |
204 | 263 .heading--plain { |
264 background: var(--color-sec--light); | |
265 } | |
266 | |
211
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
267 |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
268 .heading--paper { |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
269 font-variant: small-caps; |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
270 } |
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
271 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
272 /** instructions **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
273 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
274 .instructions--head { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
275 font-size: 1.5em; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
276 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
277 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
278 |
170 | 279 .instructions--border { |
280 border: 0.2em solid #ccc; | |
281 } | |
282 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
283 .instructions--alt { |
133 | 284 text-align: center; |
285 font-style: italic; | |
286 } | |
287 | |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
288 /** descriptions **/ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
289 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
290 .description { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
291 padding: 1em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
292 text-align: center; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
293 font-size: 1.2em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
294 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
295 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
296 .description--emphasis { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
297 font-weight: bold; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
298 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
299 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
300 /** images **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
301 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
302 .img--center{ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
303 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
304 margin: 0 auto; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
305 max-width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
306 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
307 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
308 .img--float-left { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
309 float: left; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
310 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
311 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
312 .img--float-right { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
313 float: right; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
314 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
315 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
316 .img--inline { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
317 vertical-align: middle; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
318 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
319 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
320 .img--inline-bottom { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
321 vertical-align: bottom; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
322 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
323 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
324 .img--very-small { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
325 height: 2em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
326 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
327 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
328 .img--small { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
329 height: 100px; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
330 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
331 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
332 .img--medium { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
333 height: 10rem; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
334 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
335 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
336 .img--large { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
337 width: 40rem; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
338 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
339 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
340 /** other language **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
341 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
342 .other_lang.state_init>div.info>p { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
343 margin: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
344 padding: 0.2em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
345 text-align: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
346 font-style: italic; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
347 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
348 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
349 /** misc **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
350 |
133 | 351 .items_vert--centered { |
352 display: flex; | |
353 flex-direction: column; | |
354 align-items: center; | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
355 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
356 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
357 .link--center { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
358 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
359 text-align: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
360 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
361 |
204 | 362 .inline { |
363 display: inline; | |
364 } | |
365 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
366 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
367 * pages * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
368 *********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
369 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
370 .page__title { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
371 text-align: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
372 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
373 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
374 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
375 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
376 * boxes * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
377 *********/ |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
378 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
379 .box { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
380 background: var(--color-prim--light); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
381 position: relative; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
382 margin: 0 auto; |
170 | 383 padding: 0.3rem; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
384 max-width: 100em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
385 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
386 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
387 .box__content { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
388 text-align: justify; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
389 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
390 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
391 .box__content img { |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
392 margin: 0; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
393 max-width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
394 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
395 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
396 .box__content video { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
397 max-width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
398 height: auto; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
399 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
400 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
401 .box__content--plaintext { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
402 white-space: pre-wrap; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
403 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
404 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
405 .box--large { |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
406 max-width: 60rem; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
407 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
408 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
409 .box--plain { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
410 background-color: var(--box-bg-color); |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
411 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
412 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
413 .box--medium { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
414 max-width: 50rem; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
415 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
416 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
417 .box--small { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
418 max-width: 20rem; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
419 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
420 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
421 .box--hollow { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
422 border-radius: 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
423 border-style: solid; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
424 border-color: silver; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
425 border-width: 1px 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
426 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
427 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
428 .box--paper { |
204 | 429 text-align: justify; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
430 font-variant: small-caps; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
431 border: none; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
432 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
433 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
434 .box--comment { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
435 max-width: 40rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
436 background: var(--color-prim); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
437 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
438 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
439 .box--middle { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
440 margin-left: auto; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
441 margin-right: auto; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
442 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
443 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
444 .box--center { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
445 display: flex; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
446 align-items: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
447 justify-content: center; |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
448 flex-direction: column; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
449 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
450 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
451 .box--zero { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
452 /* box with no padding or decoration, used when we want only the margin */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
453 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
454 padding: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
455 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
456 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
457 .box--expand { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
458 /* a box which is folded when too big */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
459 max-height: var(--box--expand_limit); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
460 overflow: hidden; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
461 transition: max-height 0.5s; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
462 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
463 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
464 .box--quarter-screen{ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
465 min-height: 25vh; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
466 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
467 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
468 .box--third-screen{ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
469 min-height: 33vh; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
470 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
471 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
472 .box--half-screen{ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
473 min-height: 50vh; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
474 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
475 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
476 .box--screen{ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
477 /* box taking a whole screen */ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
478 min-height: 100vho |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
479 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
480 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
481 .box__expand_zone { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
482 /* zone to click to expand/fold the box */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
483 cursor: pointer; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
484 position: absolute; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
485 left: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
486 width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
487 transition: opacity 0.5s; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
488 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
489 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
490 .box__expand_zone--top { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
491 top: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
492 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
493 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
494 .box__expand_zone--bottom { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
495 bottom: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
496 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
497 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
498 .box__expand_zone p { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
499 background-color: white; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
500 margin: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
501 text-align: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
502 font-size: 0.8em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
503 font-variant: small-caps; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
504 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
505 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
506 .state_clicked>.box__expand_zone { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
507 opacity: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
508 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
509 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
510 .state_clicked>.box__expand_zone:hover { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
511 opacity: 1; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
512 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
513 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
514 .box__expand_zone--bottom::before { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
515 /* we do a gradient to show that text can be expanded */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
516 background-image: linear-gradient(to bottom,rgba(255,255,255,0),#ffffff); |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
517 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
518 content: ""; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
519 width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
520 height: 4em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
521 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
522 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
523 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
524 .state_clicked>.box__expand_zone--bottom::before { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
525 display: none; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
526 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
527 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
528 .box__tools { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
529 /* toolbar in a box */ |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
530 margin: 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
531 padding: 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
532 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
533 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
534 .box__tools a { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
535 text-decoration: none; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
536 color: inherit; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
537 padding: 0.2em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
538 border-radius: 0.4em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
539 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
540 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
541 .box__tools a:hover { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
542 background-color: var(--select-bg-color); |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
543 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
544 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
545 .box__under { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
546 /* block under a box showing action buttons */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
547 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
548 padding-top: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
549 padding-bottom: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
550 text-align: right; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
551 } |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
552 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
553 /******** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
554 * Blog * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
555 ********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
556 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
557 .blog__title { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
558 font-weight: bold; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
559 text-align: center; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
560 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
561 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
562 .blog__title a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
563 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
564 text-decoration: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
565 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
566 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
567 .blog__metadata { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
568 text-align: right; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
569 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
570 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
571 .blog__author { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
572 font-weight: bold; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
573 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
574 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
575 .blog__author a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
576 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
577 text-decoration: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
578 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
579 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
580 .blog__author::after { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
581 content: ", "; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
582 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
583 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
584 .blog__date { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
585 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
586 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
587 .blog__date a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
588 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
589 text-decoration: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
590 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
591 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
592 /********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
593 * Panels * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
594 **********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
595 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
596 .panel-drawer { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
597 /* A panel which is hidden by default but can be |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
598 opened when it's clicked */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
599 max-height: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
600 opacity: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
601 overflow: hidden; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
602 transition: max-height 0.5s, opacity 0.5s; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
603 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
604 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
605 .panel-drawer.state_clicked { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
606 opacity: 1; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
607 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
608 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
609 /********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
610 * blocks * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
611 **********/ |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
612 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
613 .block_separator { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
614 font-size: 1.4em; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
615 display: flex; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
616 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
617 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
618 .block_separator__label { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
619 display: inline-block; |
133 | 620 margin: 0 0.2em; |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
621 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
622 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
623 .block_separator__line { |
133 | 624 height: 1px; |
625 background: #ccc; | |
626 flex: 1; | |
627 margin-top: 0.7em; | |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
628 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
629 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
630 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
631 * lists * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
632 *********/ |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
633 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
634 .list { |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
635 padding: 0; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
636 list-style: none; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
637 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
638 flex-direction: column; |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
639 margin: 0; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
640 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
641 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
642 .list--features { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
643 font-variant: small-caps; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
644 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
645 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
646 .list--features svg { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
647 margin-right: 0.5em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
648 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
649 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
650 .list--inline { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
651 flex-direction: row; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
652 margin: 0; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
653 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
654 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
655 .list__item { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
656 margin: 0.5em; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
657 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
658 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
659 .list__item>a { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
660 text-decoration: none; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
661 color: inherit; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
662 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
663 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
664 .list__item--selected { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
665 font-weight: bold; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
666 text-decoration: underline; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
667 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
668 |
204 | 669 .list__item--show-links>a { |
670 text-decoration: underline; | |
671 color: inherit; | |
672 } | |
673 | |
674 .list__item--show-links>a:hover { | |
675 color: var(--color-sec--dark); | |
676 } | |
677 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
678 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
679 * Grids * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
680 *********/ |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
681 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
682 .grid { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
683 display: flex; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
684 flex-wrap: wrap; |
211
bf33342902ed
css: added classes for text block (warning, emphasis, light-emphasis) + heading-paper + fixed padding on grids
Goffi <goffi@goffi.org>
parents:
204
diff
changeset
|
685 padding: 0; |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
686 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
687 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
688 ul.grid { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
689 list-style: none; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
690 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
691 |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
692 .grid--center { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
693 justify-content: center; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
694 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
695 |
188
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
696 .grid__item { |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
697 overflow: hidden; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
698 margin: 0 0.1em; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
699 padding: 0.2em; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
700 text-align: center; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
701 } |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
702 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
703 li.grid__item>a { |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
704 text-decoration: none; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
705 color: inherit; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
706 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
707 |
188
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
708 .grid__item--small { |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
709 width: 80px; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
710 } |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
711 |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
712 .grid__item--medium { |
188
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
713 width: 170px; |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
714 } |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
715 |
e85122a39e8f
css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
Goffi <goffi@goffi.org>
parents:
183
diff
changeset
|
716 .grid__item--auto { |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
717 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
718 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
719 .grid__item--selectable { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
720 cursor: pointer; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
721 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
722 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
723 .grid__item--selectable:hover { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
724 background-color: var(--select-bg-color); |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
725 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
726 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
727 /********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
728 * Tables * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
729 **********/ |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
730 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
731 .table--main { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
732 margin: 1em auto; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
733 border-collapse: collapse; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
734 text-align: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
735 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
736 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
737 .table--main th { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
738 font-variant: small-caps; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
739 border: 1px solid; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
740 padding: 0.5em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
741 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
742 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
743 .table--main td { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
744 border: 1px solid; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
745 padding: 0 0.5em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
746 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
747 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
748 .table__total { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
749 font-variant: small-caps; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
750 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
751 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
752 .table__total_value { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
753 font-weight: bold; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
754 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
755 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
756 /*********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
757 * Avatars * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
758 ***********/ |
133 | 759 |
760 .avatar { | |
761 height: 2rem; | |
762 width: 2rem; | |
763 align-content: center; | |
764 justify-content: center; | |
765 border-radius: 0.2rem; | |
766 } | |
767 | |
157
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
768 .avatar--generated{ |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
769 display: inline-flex; |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
770 flex-direction: column; |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
771 } |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
772 |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
773 .avatar--float-left { |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
774 float: left; |
213
82b18c29dae3
css: added right margin for avatar--float-left
Goffi <goffi@goffi.org>
parents:
211
diff
changeset
|
775 margin-right: 0.3em; |
157
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
776 } |
79e9d7bcd96e
css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents:
156
diff
changeset
|
777 |
133 | 778 .avatar__content { |
779 | |
780 } | |
781 | |
782 .avatar--medium { | |
783 height: var(--size-medium); | |
784 width: var(--size-medium); | |
785 border-radius: 0.5rem; | |
786 } | |
787 | |
788 .avatar--generated { | |
789 text-align: center; | |
790 background: #43d2f6; | |
791 } | |
792 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
793 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
794 * icons * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
795 *********/ |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
796 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
797 .icon--block { |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
798 display: block; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
799 margin: 0 auto; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
800 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
801 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
802 .icon--text { |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
803 height: 1em; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
804 vertical-align: middle; |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
805 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
806 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
807 .icon--small { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
808 height: var(--size-small); |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
809 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
810 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
811 .icon--medium { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
812 height: var(--size-medium); |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
813 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
814 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
815 .icon--soft { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
816 fill: #777; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
817 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
818 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
819 .icon__name { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
820 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
821 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
822 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
823 /************ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
824 * Messages * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
825 ************/ |
66 | 826 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
827 .message--info { |
66 | 828 max-width: 500px; |
829 margin: 0 auto; | |
830 padding: 1em; | |
831 text-align: justify; | |
832 } | |
833 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
834 .message--info pre { |
66 | 835 background: #ddd; |
836 padding: 1em; | |
837 } | |
838 | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
839 .message--note { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
840 max-width: 500px; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
841 margin: 0 auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
842 padding: 1em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
843 text-align: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
844 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
845 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
846 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
847 * Menus * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
848 *********/ |
61 | 849 |
850 .menu ul { | |
851 display: flex; | |
852 margin-top: 8px; | |
853 list-style: none; | |
854 } | |
855 | |
66 | 856 .menu a { |
857 display: block; | |
858 color: inherit; | |
859 text-decoration: none; | |
860 font-variant: small-caps; | |
861 } | |
862 | |
863 .main_menu { | |
864 min-width: 200px; | |
865 background-color: #333; | |
866 color: white; | |
150
1b214b168948
static (css): set overflow for menu
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
867 overflow: auto; |
183 | 868 display: flex; |
869 flex-direction: column; | |
870 flex-shrink: 0; | |
871 justify-content: space-between; | |
872 padding-bottom: 0.5em; | |
66 | 873 } |
874 | |
875 .main_menu ul { | |
876 flex-direction: row; | |
877 flex-wrap: wrap; | |
183 | 878 margin-bottom: 0.2em; |
66 | 879 } |
880 | |
881 .main_menu li { | |
882 flex: 1; | |
883 padding: 0; | |
118 | 884 margin: 0 0.5em; |
66 | 885 } |
886 | |
887 .main_menu a { | |
888 display: inline; | |
889 white-space: nowrap; | |
890 } | |
891 | |
892 .main_menu a:hover { | |
893 background-color: initial; | |
894 text-shadow: 1px 1px 2px; | |
895 font-weight: bold; | |
896 } | |
897 | |
183 | 898 .menu__language { |
899 display: flex; | |
900 flex-direction: row; | |
901 justify-content: center; | |
902 padding: 0 0.3em; | |
903 } | |
904 | |
905 .menu__language select { | |
906 border: none; | |
907 font-size: 0.8em; | |
908 } | |
909 | |
910 .menu__language button { | |
911 display: none; | |
912 border: none; | |
913 background-color: var(--color-prim--light); | |
914 margin-left: 1em; | |
915 font-size: 0.8em; | |
916 } | |
917 | |
918 .menu__language button:hover { | |
919 background-color: var(--color-prim--dark); | |
920 cursor: pointer; | |
921 } | |
922 | |
66 | 923 .category_menu ul { |
924 justify-content: center; | |
925 } | |
926 | |
927 .category_menu li { | |
61 | 928 margin: 0.5em; |
929 text-align: center; | |
930 } | |
931 | |
66 | 932 .category_menu a { |
933 border: solid 1px; | |
934 padding: 0.5em; | |
935 border-radius: 0.2em; | |
936 background: #eee; | |
937 } | |
938 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
939 /************** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
940 * containers * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
941 **************/ |
66 | 942 |
943 /* tabs */ | |
944 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
945 .tab__container { |
66 | 946 max-width: 1000px; |
947 margin: 0 auto; | |
948 } | |
949 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
950 .tab__header { |
66 | 951 background-color: white; |
952 border-bottom: 1px solid lightgrey; | |
953 } | |
954 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
955 .tab__header ul { |
66 | 956 display: flex; |
957 margin: 0; | |
958 padding: 0; | |
959 list-style: none; | |
960 background-color: white; | |
961 } | |
962 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
963 .tab__page { |
66 | 964 box-sizing: border-box; |
965 padding-top: 2em; | |
966 border: 1px solid lightgrey; | |
967 border-top: none; | |
968 display: None; | |
61 | 969 } |
970 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
971 .tab__page.state_clicked { |
66 | 972 display: block; |
973 } | |
974 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
975 .tab__btn { |
66 | 976 display: inline; |
977 color: grey; | |
978 background-color: white; | |
979 border-top: 1px solid lightgrey; | |
980 border-left: 1px solid lightgrey; | |
981 border-bottom: 1px solid lightgrey; | |
982 padding: 0 1em; | |
983 cursor: pointer; | |
984 /* we go down by 1px to remove bottom border from .tab_header */ | |
985 margin-bottom: -1px; | |
61 | 986 } |
987 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
988 .tab__btn.state_clicked { |
66 | 989 /* background: lightgrey; */ |
990 color: inherit; | |
991 border-bottom: none; | |
992 } | |
993 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
994 li.tab__btn:last-child { |
66 | 995 border-right: 1px solid lightgrey; |
996 } | |
997 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
998 .tab__btn input { |
66 | 999 display: None; |
1000 } | |
1001 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1002 .tab__btn label { |
66 | 1003 margin: 1em; |
1004 } | |
1005 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1006 .tab__button input:checked + label { |
66 | 1007 font-weight: bold; |
1008 } | |
1009 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1010 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1011 * Forms * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1012 *********/ |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1013 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1014 /* a form with only one field */ |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1015 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1016 .form--paper label { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1017 font-variant: small-caps; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1018 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1019 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1020 .form--paper label.required:after { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1021 content: " *"; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1022 font-weight: bold; |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1023 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1024 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1025 .form--paper textarea { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1026 resize: vertical; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1027 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1028 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1029 .form--single { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1030 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1031 justify-content: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1032 align-items: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1033 flex-direction: column; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1034 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1035 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1036 .form--single input:not([type="submit"]) { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1037 margin: 1em 1em; |
133 | 1038 width: 15em; |
1039 border-radius: 0.7em; | |
1040 outline: none; | |
1041 border: 1px solid black; | |
1042 padding: 0.4em; | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1043 box-shadow: none; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1044 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1045 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1046 .form--single .form_input { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1047 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1048 justify-content: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1049 align-items: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1050 flex-direction: column; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1051 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1052 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1053 |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1054 .form_submit { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1055 margin: 1em auto 0; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1056 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1057 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1058 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1059 .form--single .form_submit { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1060 margin: 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1061 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1062 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1063 .form_jid { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1064 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1065 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1066 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1067 .form__panel--vertical { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1068 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1069 flex-direction: column; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1070 padding: 2em 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1071 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1072 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1073 .form__panel--vertical label { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1074 display: block; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1075 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1076 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1077 .form__panel--vertical .form_input { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1078 margin: 0.5em 0; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1079 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1080 |
204 | 1081 .form__panel--center label, |
1082 .form__panel--center textarea, | |
1083 .form__panel--center select, | |
1084 .form__panel--center input:not([type="radio"]) | |
1085 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1086 display: block; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1087 margin-left: auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1088 margin-right: auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1089 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1090 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1091 .form__panel--center label { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1092 text-align: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1093 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1094 |
204 | 1095 .form__field--tiny>input, |
1096 select.form__field--tiny | |
1097 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1098 box-sizing: border-box; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1099 width: 3em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1100 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1101 |
204 | 1102 .form__field--small>input, |
1103 select.form__field--small | |
1104 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1105 box-sizing: border-box; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1106 width: 20em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1107 max-width: 95%; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1108 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1109 |
204 | 1110 .form__field--medium>input, |
1111 select.form__field--medium | |
1112 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1113 box-sizing: border-box; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1114 width: 50em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1115 max-width: 95%; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1116 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1117 |
204 | 1118 .form__field--big>input, |
1119 .form__field--big>textarea, | |
1120 select.form__field--big | |
1121 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1122 box-sizing: border-box; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1123 width: 100%; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1124 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1125 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1126 /************* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1127 * Textboxes * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1128 *************/ |
116
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1129 |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1130 .textbox { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1131 margin-left: auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1132 margin-right: auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1133 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1134 |
116
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1135 form.textbox>* { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1136 display: block; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1137 margin: 1em auto; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1138 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1139 max-width: 100%; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1140 box-sizing: border-box; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1141 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1142 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1143 form.textbox>textarea { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1144 text-align: left; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1145 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1146 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1147 .log_request { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1148 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1149 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
1150 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1151 /***************** |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1152 * paired slides * |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1153 ****************/ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1154 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1155 .paired-slides { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1156 display: flex; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1157 flex-direction: row; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1158 flex-wrap: wrap; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1159 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1160 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1161 div.paired-slides:nth-child(odd) { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1162 flex-direction: row-reverse; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1163 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1164 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1165 .paires-slides |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1166 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1167 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1168 /************** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1169 * Navigation * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1170 **************/ |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1171 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1172 .prev_next ul { |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1173 list-style: none; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1174 display: flex; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1175 padding: 0; |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1176 margin: 0; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1177 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1178 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1179 .prev_next li { |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1180 flex: 1; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1181 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1182 |
167
6f05d4bdc58e
navigation, CSS: use "previous" and "next" instead of "older" and "newer" for previous and next pages
Goffi <goffi@goffi.org>
parents:
166
diff
changeset
|
1183 .prev_next li.prev_next__next { |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1184 text-align: right; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1185 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1186 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1187 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1188 .prev_next a { |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1189 display: inline-block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1190 margin-top: 1em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1191 padding: 0.2em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1192 text-decoration: None; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1193 color: inherit; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1194 font-variant: small-caps; |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1195 background-color: var(--color-prim--light); |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1196 border-radius: 0.5em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1197 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1198 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1199 .prev_next a:hover { |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1200 background-color: #ddd; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1201 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
1202 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1203 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1204 * XMLUI * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1205 *********/ |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1206 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1207 .xmlui_cont_vertical>* { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1208 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1209 box-sizing: border-box; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1210 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1211 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1212 .xmlui_cont_vertical>.xmlui_widget { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1213 width: 100%; |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1214 min-height: 1em; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1215 min-width: 1px; |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1216 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1217 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1218 label.xmlui_label { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1219 font-weight: bold; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
1220 } |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1221 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1222 ul.xmlui_list { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1223 list-style: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1224 display: flex; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1225 flex-direction: column; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1226 padding: 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1227 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1228 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1229 .xmlui_list li { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1230 display: inline-flex; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1231 background: #eee; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1232 padding: 0.5em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1233 margin: 0.5em 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1234 border: 1px solid silver; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1235 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1236 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1237 .xmlui_list li:hover { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1238 background: yellow; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1239 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1240 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1241 .xmlui_list a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1242 display: flex; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1243 width: 100%; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1244 text-decoration: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1245 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1246 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1247 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1248 .xmlui_list a:visited { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1249 color: inherit; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1250 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1251 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1252 .xmlui_field__id { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1253 font-style: italic; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1254 padding-right: 1em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1255 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1256 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1257 .xmlui_field__title { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1258 padding-right: 1em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1259 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1260 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1261 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1262 |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1263 td a { |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1264 /* we use <a> for non JS links in table |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1265 * so we don't want specific color/text-decoration by default |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1266 */ |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1267 color: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1268 text-decoration: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
1269 } |
66 | 1270 |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1271 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1272 /***************** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1273 * Notifications * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1274 *****************/ |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1275 |
202
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1276 |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1277 .notification { |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1278 text-align: center; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1279 padding: 1em; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1280 font-size: 1.2em; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1281 font-weight: bold; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1282 width: 60%; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1283 margin: 1.5em auto; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1284 } |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1285 |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1286 .notification--warning { |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1287 background-color: red; |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1288 } |
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1289 |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1290 .notification.retry { |
202
a1fa6744c78e
base: handle notifications through "notifications" variable
Goffi <goffi@goffi.org>
parents:
199
diff
changeset
|
1291 /* FIXME: inconcistent naming */ |
133 | 1292 position: fixed; |
1293 top: 1rem; | |
1294 margin: auto; | |
1295 width: 80%; | |
1296 background: #DB1616; | |
1297 border: 3px solid silver; | |
1298 left: 10%; | |
1299 text-align: center; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1300 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1301 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1302 #retry_counter { |
133 | 1303 font-weight: bold; |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1304 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1305 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1306 #retry_now { |
133 | 1307 color: blue; |
1308 text-decoration: underline; | |
1309 cursor: pointer; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1310 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
1311 |
73
94b04fba91c7
css (styles): use 800px as media query limit instead of 500px, should fix menu issues on some phones.
Goffi <goffi@goffi.org>
parents:
66
diff
changeset
|
1312 @media (min-width: 800px) { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1313 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1314 /***************** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1315 * Main Elements * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1316 *****************/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1317 |
66 | 1318 html { |
1319 background-size: auto; | |
1320 } | |
1321 | |
1322 body { | |
1323 flex-direction: row; | |
1324 } | |
1325 | |
1326 #main_area { | |
1327 overflow: auto; | |
1328 } | |
1329 | |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1330 /*********** |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1331 * Generic * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1332 ***********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1333 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1334 .btn-fold { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1335 padding: 0.3em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1336 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1337 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1338 /** instructions **/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1339 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1340 .instructions--alt { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1341 padding-top: 3rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1342 margin-bottom: 3rem; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1343 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1344 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1345 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1346 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1347 * boxes * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1348 *********/ |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1349 |
66 | 1350 .box { |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1351 border-radius: 0.2em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1352 box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.2); |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1353 margin: 1em auto; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1354 border: solid 1px; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1355 border-color: #9ca0a8; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1356 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1357 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1358 .box--medium { |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1359 width: 43rem; |
156 | 1360 max-width: 100%; |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1361 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1362 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1363 .box--hollow { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1364 border-radius: 0.2em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1365 border-width: 1px; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1366 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1367 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1368 .box--extra-margin { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1369 margin-top: 5rem; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1370 margin-bottom: 5rem; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1371 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1372 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1373 .box--zero { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1374 box-shadow: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1375 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1376 background: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1377 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1378 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1379 .box__under { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1380 /* block under a box showing action buttons */ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1381 box-shadow: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1382 border: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1383 background: none; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1384 text-align: right; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1385 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1386 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1387 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1388 * Forms * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1389 *********/ |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1390 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1391 .form__panel--vertical { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1392 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1393 flex-direction: column; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1394 padding: 2em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1395 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1396 |
204 | 1397 .form__field--big>input, |
1398 .form__field--big>textarea, | |
1399 select.form__field--big | |
1400 { | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1401 box-sizing: border-box; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1402 width: 95%; |
66 | 1403 } |
1404 | |
155
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1405 .form--single input:not([type="submit"]) { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1406 margin: 0 1em; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1407 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1408 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1409 .form--single { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1410 display: flex; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1411 justify-content: center; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1412 flex-direction: row; |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1413 } |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1414 |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1415 .form--single .form_input { |
954759f0e8fa
css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents:
150
diff
changeset
|
1416 flex-direction: row; |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1417 } |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1418 |
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1419 /***************** |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1420 * paired slides * |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1421 ****************/ |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1422 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1423 .paired-slides { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1424 flex-wrap: nowrap; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1425 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1426 |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1427 .paired-slides>*:last-child { |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1428 margin-left: 1em; |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1429 } |
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
171
diff
changeset
|
1430 |
166
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1431 /********* |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1432 * Menus * |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1433 *********/ |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1434 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1435 .main_menu a { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1436 display: block; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1437 padding: 1em 0; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1438 } |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1439 |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1440 .main_menu ul { |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1441 flex-direction: column; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1442 padding-left: 2em; |
178f55b825b7
small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
1443 } |
183 | 1444 |
66 | 1445 } |