Mercurial > libervia-templates

annotate sat_templates/templates/default/static/styles.css @ 317:ae903ca0ed66

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
bulma (input/field): color can now be specified for `submit` button
author Goffi <goffi@goffi.org>
date Thu, 29 Apr 2021 15:52:34 +0200
parents 64e952421d55
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
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
64e952421d55 css: increased line-height
Goffi <goffi@goffi.org>
parents: 215
diff changeset
27 line-height: 1.6;
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
28 }
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
31 margin: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
37 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
38
170
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
39 blockquote {
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
40 margin: 1em 0;
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
41 padding-left: 0.3em;
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
42 border-left: 0.3rem solid #CCC;
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
43 }
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
44
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
45 code {
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
46 border: solid 1px #DDD;
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
47 padding: 0.2em;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
48 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
57 address {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
58 font-style: inherit;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
59 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
60
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
61 #main_area {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
62 flex: 1;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
63 display: flex;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
64 flex-direction: column;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
74 text-align: center;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
75 font-size: 0.7em;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
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
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
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
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
168 border: 1px solid #555;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
169 border-radius: 0.8em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
193 .btn:disabled {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
194 color: #fff;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
195 background-color: #eee;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
196 border-color: #aaa;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
197 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
198
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
199 .center {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
200 text-align: center;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
201 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
208 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
263 .heading--plain {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
264 background: var(--color-sec--light);
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
265 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
279 .instructions--border {
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
280 border: 0.2em solid #ccc;
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
281 }
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
284 text-align: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
285 font-style: italic;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
286 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
351 .items_vert--centered {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
352 display: flex;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
353 flex-direction: column;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
362 .inline {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
363 display: inline;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
364 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
6c251da9a4f3 style improvment
Goffi <goffi@goffi.org>
parents: 167
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
624 height: 1px;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
625 background: #ccc;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
626 flex: 1;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
669 .list__item--show-links>a {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
670 text-decoration: underline;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
671 color: inherit;
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
672 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
673
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
674 .list__item--show-links>a:hover {
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
675 color: var(--color-sec--dark);
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
676 }
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
759
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
760 .avatar {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
761 height: 2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
762 width: 2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
763 align-content: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
764 justify-content: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
765 border-radius: 0.2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
766 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
778 .avatar__content {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
779
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
780 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
781
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
782 .avatar--medium {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
783 height: var(--size-medium);
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
784 width: var(--size-medium);
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
785 border-radius: 0.5rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
786 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
787
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
788 .avatar--generated {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
789 text-align: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
790 background: #43d2f6;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
791 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
828 max-width: 500px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
829 margin: 0 auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
830 padding: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
831 text-align: justify;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
832 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
835 background: #ddd;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
836 padding: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
837 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
849
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
850 .menu ul {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
851 display: flex;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
852 margin-top: 8px;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
853 list-style: none;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
854 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
855
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
856 .menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
857 display: block;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
858 color: inherit;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
859 text-decoration: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
860 font-variant: small-caps;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
861 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
862
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
863 .main_menu {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
864 min-width: 200px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
865 background-color: #333;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
866 color: white;
150
1b214b168948 static (css): set overflow for menu
Goffi <goffi@goffi.org>
parents: 147
diff changeset
867 overflow: auto;
183
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
868 display: flex;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
869 flex-direction: column;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
870 flex-shrink: 0;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
871 justify-content: space-between;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
872 padding-bottom: 0.5em;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
873 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
874
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
875 .main_menu ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
876 flex-direction: row;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
877 flex-wrap: wrap;
183
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
878 margin-bottom: 0.2em;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
879 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
880
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
881 .main_menu li {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
882 flex: 1;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
883 padding: 0;
118
c744170fd597 css: minor change in menu margin
Goffi <goffi@goffi.org>
parents: 116
diff changeset
884 margin: 0 0.5em;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
885 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
886
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
887 .main_menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
888 display: inline;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
889 white-space: nowrap;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
890 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
891
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
892 .main_menu a:hover {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
893 background-color: initial;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
894 text-shadow: 1px 1px 2px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
895 font-weight: bold;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
896 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
897
183
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
898 .menu__language {
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
899 display: flex;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
900 flex-direction: row;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
901 justify-content: center;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
902 padding: 0 0.3em;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
903 }
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
904
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
905 .menu__language select {
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
906 border: none;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
907 font-size: 0.8em;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
908 }
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
909
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
910 .menu__language button {
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
911 display: none;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
912 border: none;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
913 background-color: var(--color-prim--light);
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
914 margin-left: 1em;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
915 font-size: 0.8em;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
916 }
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
917
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
918 .menu__language button:hover {
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
919 background-color: var(--color-prim--dark);
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
920 cursor: pointer;
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
921 }
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
922
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
923 .category_menu ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
924 justify-content: center;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
925 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
926
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
927 .category_menu li {
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
928 margin: 0.5em;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
929 text-align: center;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
930 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
931
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
932 .category_menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
933 border: solid 1px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
934 padding: 0.5em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
935 border-radius: 0.2em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
936 background: #eee;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
937 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
942
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
943 /* tabs */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
944
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
945 .tab__container {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
946 max-width: 1000px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
947 margin: 0 auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
948 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
949
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
950 .tab__header {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
951 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
952 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
953 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
954
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
955 .tab__header ul {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
956 display: flex;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
957 margin: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
958 padding: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
959 list-style: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
960 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
961 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
962
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
963 .tab__page {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
964 box-sizing: border-box;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
965 padding-top: 2em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
966 border: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
967 border-top: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
968 display: None;
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
969 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
970
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
971 .tab__page.state_clicked {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
972 display: block;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
973 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
974
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
975 .tab__btn {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
976 display: inline;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
977 color: grey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
978 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
979 border-top: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
980 border-left: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
981 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
982 padding: 0 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
983 cursor: pointer;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
984 /* we go down by 1px to remove bottom border from .tab_header */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
985 margin-bottom: -1px;
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
986 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
987
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
988 .tab__btn.state_clicked {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
989 /* background: lightgrey; */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
990 color: inherit;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
991 border-bottom: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
992 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
993
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
994 li.tab__btn:last-child {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
995 border-right: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
996 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
997
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
998 .tab__btn input {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
999 display: None;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1000 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1001
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
1002 .tab__btn label {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1003 margin: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1004 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1005
166
178f55b825b7 small refactoring/redesign, better BEM integration:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
1006 .tab__button input:checked + label {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1007 font-weight: bold;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1008 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1038 width: 15em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1039 border-radius: 0.7em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1040 outline: none;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1041 border: 1px solid black;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1081 .form__panel--center label,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1082 .form__panel--center textarea,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1083 .form__panel--center select,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1084 .form__panel--center input:not([type="radio"])
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1095 .form__field--tiny>input,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1096 select.form__field--tiny
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1102 .form__field--small>input,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1103 select.form__field--small
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1110 .form__field--medium>input,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1111 select.form__field--medium
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1118 .form__field--big>input,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1119 .form__field--big>textarea,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1120 select.form__field--big
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1292 position: fixed;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1293 top: 1rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1294 margin: auto;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1295 width: 80%;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1296 background: #DB1616;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1297 border: 3px solid silver;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1298 left: 10%;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1307 color: blue;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
1308 text-decoration: underline;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1318 html {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1319 background-size: auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1320 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1321
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1322 body {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1323 flex-direction: row;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1324 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1325
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1326 #main_area {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1327 overflow: auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1328 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
b01b58d06894 css: set max_width for box--medium
Goffi <goffi@goffi.org>
parents: 155
diff changeset
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
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1397 .form__field--big>input,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1398 .form__field--big>textarea,
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
1399 select.form__field--big
e9bbf4462ea8 css: misc changes
Goffi <goffi@goffi.org>
parents: 202
diff changeset
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
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1403 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
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
240bbac435f4 base: implemented language button:
Goffi <goffi@goffi.org>
parents: 182
diff changeset
1444
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
1445 }