annotate sat_templates/templates/default/static/styles.css @ 192:db2e11c45082

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