Mercurial > libervia-templates

annotate sat_templates/templates/default/static/styles.css @ 172:4a03d0a6839b

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