Mercurial > libervia-templates

annotate sat_templates/default/static/styles.css @ 157:79e9d7bcd96e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css: use inline-flex only for avatar--generated + added avatar--float-left
author Goffi <goffi@goffi.org>
date Mon, 02 Jul 2018 21:35:00 +0200
parents b01b58d06894
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
1 :root {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
2 --select-bg-color: #ddd;
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
3 --size-medium: 3em;
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
4 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
5
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
6
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
7 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
8 font-family: "sat-base-font";
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
9 }
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
10
4
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
11 body {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
12 margin: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
13 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
14 display: flex;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
15 height: 100vh;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
16 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
17 box-sizing: border-box;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
18 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
19
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents: 118
diff changeset
20 ul {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents: 118
diff changeset
21 padding: 0;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents: 118
diff changeset
22 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents: 118
diff changeset
23
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
24 #main_side_bar {
115
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
25
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
26 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
27
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
28 #main_area {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
29 flex: 1;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
30 display: flex;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
31 flex-direction: column;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
32 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
33 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
34
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
35 #body {
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
36 flex: 1;
81
3eec00136867 css (main style): #body is now a positioned element
Goffi <goffi@goffi.org>
parents: 73
diff changeset
37 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
38 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
39
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
40 footer {
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
41 text-align: center;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
42 font-size: 0.7em;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
43 font-weight: bold;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
44 }
14
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
45 .title {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
46 font-weight: bold;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
47 text-align: center;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
48 }
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
49
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents: 14
diff changeset
50 .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
51 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
52 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
53 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
54 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
55 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
56 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
57 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
58 }
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
59
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
60 /*** Generic ***/
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
61
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
62 .button {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
63 padding: 0.5em 1em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
64 background: #333;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
65 color: #ccc;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
66 border: 1px solid #555;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
67 border-radius: 0.8em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
68 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
69 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents: 84
diff changeset
70
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents: 84
diff changeset
71
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
72 .button:hover {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
73 background-color: #bc0000;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
74 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
75
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
76 .instructions--head {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
77 font-size: 1.5em;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
78 text-align: center;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
79 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
80
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
81 .instructions--alt {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
82 text-align: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
83 font-style: italic;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
84 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
85
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
86 .items_vert--centered {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
87 display: flex;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
88 flex-direction: column;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
89 align-items: center;
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
90 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
91
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
92 /*** boxes ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
93
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
94 .box {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
95 background-color: #edf2ff;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
96 border-radius: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
97 border-color: silver;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
98 margin: 0 auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
99 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
100
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
101 .box--medium {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
102 max-width: 50em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
103 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
104
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
105 .box--small {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
106 max-width: 20em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
107 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
108
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
109 .box--hollow {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
110 border-radius: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
111 border-style: solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
112 border-color: silver;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
113 border-width: 1px 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
114 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
115 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
116
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
117 .box--paper {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
118 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
119 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
120 border: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
121 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
122
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
123 .box--center {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
124 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
125
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
126 .box__tools {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
127 /* toolbar in a box */
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
128 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
129 padding: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
130 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
131
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
132 .box__tools a {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
133 text-decoration: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
134 color: inherit;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
135 padding: 0.2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
136 border-radius: 0.4em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
137 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
138
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
139 .box__tools a:hover {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
140 background-color: var(--select-bg-color);
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
141 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
142
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
143
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
144 /*** blocks ***/
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
145
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
146 .block_separator {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
147 font-size: 1.4em;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
148 display: flex;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
149 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
150
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
151 .block_separator__label {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
152 display: inline-block;
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
153 margin: 0 0.2em;
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
154 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
155
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
156 .block_separator__line {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
157 height: 1px;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
158 background: #ccc;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
159 flex: 1;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
160 margin-top: 0.7em;
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
161 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
162
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
163 /*** lists ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
164
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
165 .list {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
166 list-style: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
167 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
168 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
169 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
170
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
171 .list__item>a {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
172 text-decoration: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
173 color: inherit;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
174 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
175
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
176 /*** grids ***/
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
177
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
178 .grid {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
179 display: flex;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
180 flex-wrap: wrap;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
181 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
182
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
183 ul.grid {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
184 list-style: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
185 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
186
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
187 .grid--center {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
188 justify-content: center;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
189 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
190
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
191 li.grid__item>a {
129
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
192 text-decoration: none;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
193 color: inherit;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
194 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
195
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
196 .grid__item--medium {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
197 width: 170px;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
198 padding: 0.2em;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
199 text-align: center;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
200 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
201
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
202 .grid__item--selectable {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
203 cursor: pointer;
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
204 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
205
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
206 .grid__item--selectable:hover {
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
207 background-color: var(--select-bg-color);
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
208 }
ca42dc037bbf file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents: 128
diff changeset
209
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
210 /*** tables ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
211
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
212 .table--main {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
213 margin: 1em auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
214 border-collapse: collapse;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
215 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
216 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
217
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
218 .table--main th {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
219 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
220 border: 1px solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
221 padding: 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
222 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
223
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
224 .table--main td {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
225 border: 1px solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
226 padding: 0 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
227 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
228
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
229 .table__total {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
230 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
231 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
232
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
233 .table__total_value {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
234 font-weight: bold;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
235 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
236
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
237 /*** avatars ***/
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
238
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
239 .avatar {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
240 height: 2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
241 width: 2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
242 align-content: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
243 justify-content: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
244 background: #ccc;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
245 border-radius: 0.2rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
246 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
247
157
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
248 .avatar--generated{
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
249 display: inline-flex;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
250 flex-direction: column;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
251 }
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
252
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
253 .avatar--float-left {
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
254 float: left;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
255 margin-top: 0.3em;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
256 margin-right: 0.5em;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
257 }
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left
Goffi <goffi@goffi.org>
parents: 156
diff changeset
258
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
259 .avatar__content {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
260
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
261 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
262
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
263 .avatar--medium {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
264 height: var(--size-medium);
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
265 width: var(--size-medium);
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
266 border-radius: 0.5rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
267 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
268
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
269 .avatar--generated {
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
270 text-align: center;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
271 background: #43d2f6;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
272 }
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
273
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
274 /*** images ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
275 .img--small {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
276 height: 100px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
277 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
278
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
279
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
280 /*** icons ***/
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
281
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
282 .icon--medium {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
283 height: var(--size-medium);
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
284 display: block;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
285 margin: 0 auto;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
286 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
287
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
288 .icon--small {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
289 height: 1em;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
290 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
291
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
292 .icon--soft {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
293 fill: #777;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
294 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
295
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
296 .icon__name {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
297
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
298 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
299
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
300 /*** Messages ***/
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
301
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
302 .message--info {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
303 max-width: 500px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
304 margin: 0 auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
305 padding: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
306 text-align: justify;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
307 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
308
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
309 .message--info pre {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
310 background: #ddd;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
311 padding: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
312 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
313
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
314 .message--note {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
315 max-width: 500px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
316 margin: 0 auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
317 padding: 1em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
318 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
319 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
320
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
321 /*** Menus ***/
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
322
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
323 .menu ul {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
324 display: flex;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
325 margin-top: 8px;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
326 list-style: none;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
327 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
328
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
329 .menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
330 display: block;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
331 color: inherit;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
332 text-decoration: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
333 font-variant: small-caps;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
334 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
335
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
336 .main_menu {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
337 min-width: 200px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
338 /* background-color: #eaeaea; */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
339 background-color: #333;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
340 color: white;
150
1b214b168948 static (css): set overflow for menu
Goffi <goffi@goffi.org>
parents: 147
diff changeset
341 overflow: auto;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
342 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
343
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
344 .main_menu ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
345 flex-direction: row;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
346 flex-wrap: wrap;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
347 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
348
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
349 .main_menu li {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
350 flex: 1;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
351 padding: 0;
118
c744170fd597 css: minor change in menu margin
Goffi <goffi@goffi.org>
parents: 116
diff changeset
352 margin: 0 0.5em;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
353 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
354
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
355 .main_menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
356 display: inline;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
357 white-space: nowrap;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
358 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
359
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
360 .main_menu a:hover {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
361 background-color: initial;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
362 text-shadow: 1px 1px 2px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
363 font-weight: bold;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
364 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
365
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
366 .category_menu ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
367 justify-content: center;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
368 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
369
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
370 .category_menu li {
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
371 margin: 0.5em;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
372 text-align: center;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
373 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
374
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
375 .category_menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
376 border: solid 1px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
377 padding: 0.5em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
378 border-radius: 0.2em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
379 background: #eee;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
380 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
381
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
382 /*** containers ***/
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
383
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
384 /* tabs */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
385
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
386 .tab_container {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
387 max-width: 1000px;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
388 margin: 0 auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
389 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
390
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
391 .tab_header {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
392 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
393 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
394 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
395
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
396 .tab_header ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
397 display: flex;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
398 margin: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
399 padding: 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
400 list-style: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
401 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
402 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
403
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
404 .tab_page {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
405 box-sizing: border-box;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
406 padding-top: 2em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
407 border: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
408 border-top: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
409 display: None;
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
410 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
411
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
412 .tab_page.clicked {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
413 display: block;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
414 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
415
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
416 .tab_button {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
417 display: inline;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
418 color: grey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
419 background-color: white;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
420 border-top: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
421 border-left: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
422 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
423 padding: 0 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
424 cursor: pointer;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
425 /* we go down by 1px to remove bottom border from .tab_header */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
426 margin-bottom: -1px;
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
427 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
428
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
429 .tab_button.clicked {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
430 /* background: lightgrey; */
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
431 color: inherit;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
432 border-bottom: none;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
433 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
434
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
435 li.tab_button:last-child {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
436 border-right: 1px solid lightgrey;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
437 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
438
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
439 .tab_button input {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
440 display: None;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
441 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
442
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
443 .tab_button label {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
444 margin: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
445 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
446
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
447 .tab_button input:checked + label {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
448 font-weight: bold;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
449 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
450
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
451 /*** Forms ***/
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
452
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
453 /* 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
454
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
455 .form--paper label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
456 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
457 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
458
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
459 .form--paper label.required:after {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
460 content: " *";
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
461 font-weight: bold;
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
462 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
463
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
464 .form--paper textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
465 resize: vertical;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
466 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
467
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
468 .form--single {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
469 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
470 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
471 align-items: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
472 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
473 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
474
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
475 .form--single input:not([type="submit"]) {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
476 margin: 1em 1em;
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
477 width: 15em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
478 border-radius: 0.7em;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
479 outline: none;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
480 border: 1px solid black;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
481 padding: 0.4em;
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
482 box-shadow: none;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
483 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
484
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
485 .form--single .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
486 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
487 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
488 align-items: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
489 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
490 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
491
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
492
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
493 .form_submit {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
494 margin: 1em auto 0;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
495 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
496 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
497
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
498 .form--single .form_submit {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
499 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
500 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
501
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
502 .form_jid {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
503 text-align: center;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
504 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
505
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
506 .form__panel--vertical {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
507 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
508 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
509 padding: 2em 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
510 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
511
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
512 .form__panel--vertical label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
513 display: block;
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 .form__panel--vertical .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
517 margin: 0.5em 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
518 }
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 .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
521 display: block;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
522 margin-left: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
523 margin-right: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
524 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
525
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
526 .form__panel--center label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
527 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
528 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
529
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
530 .form__field--tiny>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
531 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
532 width: 3em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
533 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
534
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
535 .form__field--small>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
536 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
537 width: 20em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
538 max-width: 95%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
539 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
540
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
541 .form__field--medium>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
542 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
543 width: 50em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
544 max-width: 95%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
545 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
546
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
547 .form__field--big>input,textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
548 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
549 width: 100%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
550 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
551
116
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
552 /* Textboxes */
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
553
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
554 .textbox {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
555 margin-left: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
556 margin-right: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
557 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
558
116
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
559 form.textbox>* {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
560 display: block;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
561 margin: 1em auto;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
562 text-align: center;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
563 max-width: 100%;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
564 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
565 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
566
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
567 form.textbox>textarea {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
568 text-align: left;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
569 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
570
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
571 .log_request {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
572 text-align: center;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
573 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents: 115
diff changeset
574
115
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
575 /*** Navigation ***/
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
576
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
577 .prev_next_links ul {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
578 list-style: none;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
579 display: flex;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
580 padding: 0 2em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
581 margin: 0;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
582 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
583
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
584 .prev_next_links li {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
585 flex: 1;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
586 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
587
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
588 .prev_next_links li.older_items {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
589 text-align: right;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
590 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
591
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
592 .prev_next_links img {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
593 display: block;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
594 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
595
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
596 .prev_next_links .older_items img {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
597 display: block;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
598 margin-left: auto;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
599 margin-right: 0;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
600 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
601
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
602 .prev_next_links a {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
603 display: inline-block;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
604 margin-top: 1em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
605 padding: 0.2em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
606 text-decoration: None;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
607 color: inherit;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
608 font-variant: small-caps;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
609 background: rgba(200,200,200,0.6);
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
610 border-radius: 0.5em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
611 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
612
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
613 .prev_next_links a:hover {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
614 background-color: #ddd;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
615 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
616
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
617 /*** XMLUI ***/
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
618
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
619 .xmlui_cont_vertical>* {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
620 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
621 box-sizing: border-box;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
622 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
623
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
624 .xmlui_cont_vertical>.xmlui_widget {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
625 width: 100%;
54
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
626 min-height: 1em;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
627 min-width: 1px;
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
628 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
629
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
630 label.xmlui_label {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
631 font-weight: bold;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
632 }
54
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
633
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
634 td a {
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
635 /* we use <a> for non JS links in table
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
636 * 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
637 */
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
638 color: inherit;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
639 text-decoration: inherit;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
640 }
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
641
84
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
642
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
643 /*** Notifications ***/
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
644
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
645 .notification.retry {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
646 position: fixed;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
647 top: 1rem;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
648 margin: auto;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
649 width: 80%;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
650 background: #DB1616;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
651 border: 3px solid silver;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
652 left: 10%;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
653 text-align: center;
84
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
654 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
655
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
656 #retry_counter {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
657 font-weight: bold;
84
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
658 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
659
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
660 #retry_now {
133
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
661 color: blue;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
662 text-decoration: underline;
0a0d9a953d98 css: some more refactoring
Goffi <goffi@goffi.org>
parents: 129
diff changeset
663 cursor: pointer;
84
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
664 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents: 81
diff changeset
665
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
666 @media (min-width: 800px) {
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
667 html {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
668 background-size: auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
669 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
670
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
671 body {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
672 flex-direction: row;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
673 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
674
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
675 #main_area {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
676 overflow: auto;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
677 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
678
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
679 /*** boxes ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
680
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
681 .box {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
682 border-radius: 1em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
683 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5);
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
684 width: 94%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
685 margin: 1em auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
686 border: solid 1px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
687 border-color: #9ca0a8;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
688 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
689
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
690 .box--medium {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
691 width: 33rem;
156
b01b58d06894 css: set max_width for box--medium
Goffi <goffi@goffi.org>
parents: 155
diff changeset
692 max-width: 100%;
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
693 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
694
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
695 .box--hollow {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
696 border-radius: 0.2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
697 border-width: 1px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
698 margin: 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
699 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
700
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
701 /*** Forms ***/
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
702
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
703 .form__panel--vertical {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
704 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
705 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
706 padding: 2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
707 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
708
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
709 .form__field--big>input,textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
710 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
711 width: 95%;
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
712 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
713
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
714 .main_menu a {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
715 display: block;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
716 padding: 2em 0;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
717 }
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
718
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
719 .main_menu ul {
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
720 flex-direction: column;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
721 padding-left: 2em;
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
722 }
115
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
723
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
724 .prev_next_links ul {
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
725 padding: 0 6em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
726 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents: 86
diff changeset
727
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
728 .instructions--alt {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
729 padding-top: 3rem;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
730 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
731
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
732 /*** forms ***/
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
733
155
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
734 .form--single input:not([type="submit"]) {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
735 margin: 0 1em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
736 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
737
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
738 .form--single {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
739 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
740 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
741 flex-direction: row;
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
742 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
743
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
744 .form--single .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions
Goffi <goffi@goffi.org>
parents: 150
diff changeset
745 flex-direction: row;
128
4f27ce980ced css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents: 122
diff changeset
746 }
66
9834106678da base: menu implementation:
Goffi <goffi@goffi.org>
parents: 61
diff changeset
747 }