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