Mercurial > libervia-templates
annotate sat_templates/default/static/styles.css @ 154:80cf52fbcc40
events: added admin, create and overview templates
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 21 Jun 2018 01:11:07 +0200 |
parents | 1b214b168948 |
children | 954759f0e8fa |
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 | 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 | 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 | 9 } |
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 | 12 margin: 0; |
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 | 18 } |
19 | |
122 | 20 ul { |
21 padding: 0; | |
22 } | |
23 | |
66 | 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 | 26 } |
27 | |
28 #main_area { | |
29 flex: 1; | |
30 display: flex; | |
31 flex-direction: column; | |
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 | 40 footer { |
41 text-align: center; | |
42 font-size: 0.7em; | |
43 font-weight: bold; | |
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 |
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
46 .box { |
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
47 background-color: #edf2ff; |
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
48 border-radius: 0; |
66 | 49 border-color: silver; |
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
50 } |
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
51 |
140
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
52 .box__tools { |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
53 margin: 0; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
54 padding: 0; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
55 } |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
56 |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
57 .box__tools a { |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
58 text-decoration: none; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
59 color: inherit; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
60 padding: 0.2em; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
61 border-radius: 0.4em; |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
62 } |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
63 |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
64 .box__tools a:hover { |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
65 background-color: var(--select-bg-color); |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
66 } |
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
67 |
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
68 .title { |
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
69 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
|
70 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
|
71 } |
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
|
72 |
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
73 .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
|
74 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
|
75 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
|
76 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
|
77 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
|
78 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
|
79 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
|
80 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
|
81 } |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
82 |
66 | 83 /*** Generic ***/ |
61 | 84 |
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
|
85 .button { |
133 | 86 padding: 0.5em 1em; |
87 background: #333; | |
88 color: #ccc; | |
89 border: 1px solid #555; | |
90 border-radius: 0.8em; | |
91 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
|
92 } |
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
93 |
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
94 |
61 | 95 .button:hover { |
96 background-color: #bc0000; | |
97 } | |
98 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
99 .instructions--head { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
100 font-size: 1.5em; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
101 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
102 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
103 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
104 .instructions--alt { |
133 | 105 text-align: center; |
106 font-style: italic; | |
107 } | |
108 | |
109 .items_vert--centered { | |
110 display: flex; | |
111 flex-direction: column; | |
112 align-items: center; | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
113 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
114 |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
115 /*** blocks ***/ |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
116 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
117 .block_separator { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
118 font-size: 1.4em; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
119 display: flex; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
120 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
121 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
122 .block_separator__label { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
123 display: inline-block; |
133 | 124 margin: 0 0.2em; |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
125 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
126 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
127 .block_separator__line { |
133 | 128 height: 1px; |
129 background: #ccc; | |
130 flex: 1; | |
131 margin-top: 0.7em; | |
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
132 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
133 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
134 /*** grids ***/ |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
135 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
136 .grid { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
137 list-style: none; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
138 display: flex; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
139 flex-wrap: wrap; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
140 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
141 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
142 .grid--center { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
143 justify-content: center; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
144 } |
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 .grid__item>a { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
147 text-decoration: none; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
148 color: inherit; |
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 .grid__item--medium { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
152 width: 170px; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
153 padding: 0.2em; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
154 text-align: center; |
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 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
157 .grid__item--selectable { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
158 cursor: pointer; |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
159 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
160 |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
161 .grid__item--selectable:hover { |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
162 background-color: var(--select-bg-color); |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
163 } |
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
164 |
133 | 165 /*** avatars ***/ |
166 | |
167 .avatar { | |
168 height: 2rem; | |
169 width: 2rem; | |
170 display: inline-flex; | |
171 flex-direction: column; | |
172 align-content: center; | |
173 justify-content: center; | |
174 background: #ccc; | |
175 border-radius: 0.2rem; | |
176 } | |
177 | |
178 .avatar__content { | |
179 | |
180 } | |
181 | |
182 .avatar--medium { | |
183 height: var(--size-medium); | |
184 width: var(--size-medium); | |
185 border-radius: 0.5rem; | |
186 } | |
187 | |
188 .avatar--generated { | |
189 text-align: center; | |
190 background: #43d2f6; | |
191 } | |
192 | |
193 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
194 /*** icons ***/ |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
195 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
196 .icon--medium { |
133 | 197 height: var(--size-medium); |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
198 display: block; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
199 margin: 0 auto; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
200 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
201 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
202 .icon--small { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
203 height: 1em; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
204 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
205 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
206 .icon--soft { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
207 fill: #777; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
208 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
209 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
210 .icon__name { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
211 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
212 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
213 |
66 | 214 /*** Messages ***/ |
215 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
216 .message--info { |
66 | 217 max-width: 500px; |
218 margin: 0 auto; | |
219 padding: 1em; | |
220 text-align: justify; | |
221 } | |
222 | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
223 .message--info pre { |
66 | 224 background: #ddd; |
225 padding: 1em; | |
226 } | |
227 | |
228 /*** Menus ***/ | |
61 | 229 |
230 .menu ul { | |
231 display: flex; | |
232 margin-top: 8px; | |
233 list-style: none; | |
234 } | |
235 | |
66 | 236 .menu a { |
237 display: block; | |
238 color: inherit; | |
239 text-decoration: none; | |
240 font-variant: small-caps; | |
241 } | |
242 | |
243 .main_menu { | |
244 min-width: 200px; | |
245 /* background-color: #eaeaea; */ | |
246 background-color: #333; | |
247 color: white; | |
150
1b214b168948
static (css): set overflow for menu
Goffi <goffi@goffi.org>
parents:
147
diff
changeset
|
248 overflow: auto; |
66 | 249 } |
250 | |
251 .main_menu ul { | |
252 flex-direction: row; | |
253 flex-wrap: wrap; | |
254 } | |
255 | |
256 .main_menu li { | |
257 flex: 1; | |
258 padding: 0; | |
118 | 259 margin: 0 0.5em; |
66 | 260 } |
261 | |
262 .main_menu a { | |
263 display: inline; | |
264 white-space: nowrap; | |
265 } | |
266 | |
267 .main_menu a:hover { | |
268 background-color: initial; | |
269 text-shadow: 1px 1px 2px; | |
270 font-weight: bold; | |
271 } | |
272 | |
273 .category_menu ul { | |
274 justify-content: center; | |
275 } | |
276 | |
277 .category_menu li { | |
61 | 278 margin: 0.5em; |
279 text-align: center; | |
280 } | |
281 | |
66 | 282 .category_menu a { |
283 border: solid 1px; | |
284 padding: 0.5em; | |
285 border-radius: 0.2em; | |
286 background: #eee; | |
287 } | |
288 | |
289 /*** containers ***/ | |
290 | |
291 /* tabs */ | |
292 | |
293 .tab_container { | |
294 max-width: 1000px; | |
295 margin: 0 auto; | |
296 } | |
297 | |
298 .tab_header { | |
299 background-color: white; | |
300 border-bottom: 1px solid lightgrey; | |
301 } | |
302 | |
303 .tab_header ul { | |
304 display: flex; | |
305 margin: 0; | |
306 padding: 0; | |
307 list-style: none; | |
308 background-color: white; | |
309 } | |
310 | |
311 .tab_page { | |
312 box-sizing: border-box; | |
313 padding-top: 2em; | |
314 border: 1px solid lightgrey; | |
315 border-top: none; | |
316 display: None; | |
61 | 317 } |
318 | |
66 | 319 .tab_page.clicked { |
320 display: block; | |
321 } | |
322 | |
323 .tab_button { | |
324 display: inline; | |
325 color: grey; | |
326 background-color: white; | |
327 border-top: 1px solid lightgrey; | |
328 border-left: 1px solid lightgrey; | |
329 border-bottom: 1px solid lightgrey; | |
330 padding: 0 1em; | |
331 cursor: pointer; | |
332 /* we go down by 1px to remove bottom border from .tab_header */ | |
333 margin-bottom: -1px; | |
61 | 334 } |
335 | |
66 | 336 .tab_button.clicked { |
337 /* background: lightgrey; */ | |
338 color: inherit; | |
339 border-bottom: none; | |
340 } | |
341 | |
342 li.tab_button:last-child { | |
343 border-right: 1px solid lightgrey; | |
344 } | |
345 | |
346 .tab_button input { | |
347 display: None; | |
348 } | |
349 | |
350 .tab_button label { | |
351 margin: 1em; | |
352 } | |
353 | |
354 .tab_button input:checked + label { | |
355 font-weight: bold; | |
356 } | |
357 | |
358 /*** Forms ***/ | |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
359 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
360 /* 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
|
361 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
362 .form_single { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
363 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
364 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
365 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
366 .form_single input:not([type="submit"]) { |
133 | 367 margin: 0 1em; |
368 width: 15em; | |
369 border-radius: 0.7em; | |
370 outline: none; | |
371 border: 1px solid black; | |
372 padding: 0.4em; | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
373 box-shadow: none; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
374 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
375 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
376 |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
377 .form_submit { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
378 margin: 1em auto 0; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
379 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
380 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
381 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
382 .form_jid { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
383 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
384 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
385 |
116
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
386 /* Textboxes */ |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
387 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
388 form.textbox>* { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
389 display: block; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
390 margin: 1em auto; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
391 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
392 max-width: 100%; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
393 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
|
394 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
395 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
396 form.textbox>textarea { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
397 text-align: left; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
398 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
399 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
400 .log_request { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
401 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
402 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
403 |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
404 /*** Navigation ***/ |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
405 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
406 .prev_next_links ul { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
407 list-style: none; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
408 display: flex; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
409 padding: 0 2em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
410 margin: 0; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
411 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
412 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
413 .prev_next_links li { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
414 flex: 1; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
415 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
416 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
417 .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
|
418 text-align: right; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
419 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
420 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
421 .prev_next_links img { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
422 display: block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
423 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
424 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
425 .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
|
426 display: block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
427 margin-left: auto; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
428 margin-right: 0; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
429 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
430 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
431 .prev_next_links a { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
432 display: inline-block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
433 margin-top: 1em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
434 padding: 0.2em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
435 text-decoration: None; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
436 color: inherit; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
437 font-variant: small-caps; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
438 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
|
439 border-radius: 0.5em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
440 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
441 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
442 .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
|
443 background-color: #ddd; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
444 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
445 |
66 | 446 /*** XMLUI ***/ |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
447 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
448 .xmlui_cont_vertical>* { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
449 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
450 box-sizing: border-box; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
451 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
452 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
453 .xmlui_cont_vertical>.xmlui_widget { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
454 width: 100%; |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
455 min-height: 1em; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
456 min-width: 1px; |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
457 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
458 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
459 label.xmlui_label { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
460 font-weight: bold; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
461 } |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
462 |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
463 td a { |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
464 /* we use <a> for non JS links in table |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
465 * 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
|
466 */ |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
467 color: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
468 text-decoration: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
469 } |
66 | 470 |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
471 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
472 /*** Notifications ***/ |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
473 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
474 .notification.retry { |
133 | 475 position: fixed; |
476 top: 1rem; | |
477 margin: auto; | |
478 width: 80%; | |
479 background: #DB1616; | |
480 border: 3px solid silver; | |
481 left: 10%; | |
482 text-align: center; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
483 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
484 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
485 #retry_counter { |
133 | 486 font-weight: bold; |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
487 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
488 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
489 #retry_now { |
133 | 490 color: blue; |
491 text-decoration: underline; | |
492 cursor: pointer; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
493 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
494 |
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
|
495 @media (min-width: 800px) { |
66 | 496 html { |
497 background-size: auto; | |
498 } | |
499 | |
500 body { | |
501 flex-direction: row; | |
502 } | |
503 | |
504 #main_area { | |
505 overflow: auto; | |
506 } | |
507 | |
508 .box { | |
509 border-radius: 1em; | |
510 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5); | |
511 } | |
512 | |
513 .main_menu a { | |
514 display: block; | |
515 padding: 2em 0; | |
516 } | |
517 | |
518 .main_menu ul { | |
519 flex-direction: column; | |
520 padding-left: 2em; | |
521 } | |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
522 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
523 .prev_next_links ul { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
524 padding: 0 6em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
525 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
526 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
527 .instructions--alt { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
528 padding-top: 3rem; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
529 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
530 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
531 /*** forms ***/ |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
532 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
533 .form_single .form_submit.button { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
534 display: inline; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
535 } |
66 | 536 } |