Mercurial > libervia-templates
annotate default/static/styles.css @ 141:7f8b948bddfe
static (ticket.css): hide published if present in data
author | Goffi <goffi@goffi.org> |
---|---|
date | Fri, 01 Jun 2018 12:48:17 +0200 |
parents | b1e22caab8bc |
children |
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; | |
248 } | |
249 | |
250 .main_menu ul { | |
251 flex-direction: row; | |
252 flex-wrap: wrap; | |
253 } | |
254 | |
255 .main_menu li { | |
256 flex: 1; | |
257 padding: 0; | |
118 | 258 margin: 0 0.5em; |
66 | 259 } |
260 | |
261 .main_menu a { | |
262 display: inline; | |
263 white-space: nowrap; | |
264 } | |
265 | |
266 .main_menu a:hover { | |
267 background-color: initial; | |
268 text-shadow: 1px 1px 2px; | |
269 font-weight: bold; | |
270 } | |
271 | |
272 .category_menu ul { | |
273 justify-content: center; | |
274 } | |
275 | |
276 .category_menu li { | |
61 | 277 margin: 0.5em; |
278 text-align: center; | |
279 } | |
280 | |
66 | 281 .category_menu a { |
282 border: solid 1px; | |
283 padding: 0.5em; | |
284 border-radius: 0.2em; | |
285 background: #eee; | |
286 } | |
287 | |
288 /*** containers ***/ | |
289 | |
290 /* tabs */ | |
291 | |
292 .tab_container { | |
293 max-width: 1000px; | |
294 margin: 0 auto; | |
295 } | |
296 | |
297 .tab_header { | |
298 background-color: white; | |
299 border-bottom: 1px solid lightgrey; | |
300 } | |
301 | |
302 .tab_header ul { | |
303 display: flex; | |
304 margin: 0; | |
305 padding: 0; | |
306 list-style: none; | |
307 background-color: white; | |
308 } | |
309 | |
310 .tab_page { | |
311 box-sizing: border-box; | |
312 padding-top: 2em; | |
313 border: 1px solid lightgrey; | |
314 border-top: none; | |
315 display: None; | |
61 | 316 } |
317 | |
66 | 318 .tab_page.clicked { |
319 display: block; | |
320 } | |
321 | |
322 .tab_button { | |
323 display: inline; | |
324 color: grey; | |
325 background-color: white; | |
326 border-top: 1px solid lightgrey; | |
327 border-left: 1px solid lightgrey; | |
328 border-bottom: 1px solid lightgrey; | |
329 padding: 0 1em; | |
330 cursor: pointer; | |
331 /* we go down by 1px to remove bottom border from .tab_header */ | |
332 margin-bottom: -1px; | |
61 | 333 } |
334 | |
66 | 335 .tab_button.clicked { |
336 /* background: lightgrey; */ | |
337 color: inherit; | |
338 border-bottom: none; | |
339 } | |
340 | |
341 li.tab_button:last-child { | |
342 border-right: 1px solid lightgrey; | |
343 } | |
344 | |
345 .tab_button input { | |
346 display: None; | |
347 } | |
348 | |
349 .tab_button label { | |
350 margin: 1em; | |
351 } | |
352 | |
353 .tab_button input:checked + label { | |
354 font-weight: bold; | |
355 } | |
356 | |
357 /*** Forms ***/ | |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
358 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
359 /* 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
|
360 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
361 .form_single { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
362 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
363 } |
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 .form_single input:not([type="submit"]) { |
133 | 366 margin: 0 1em; |
367 width: 15em; | |
368 border-radius: 0.7em; | |
369 outline: none; | |
370 border: 1px solid black; | |
371 padding: 0.4em; | |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
372 box-shadow: none; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
373 } |
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 |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
376 .form_submit { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
377 margin: 1em auto 0; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
378 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
379 } |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
380 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
381 .form_jid { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
382 text-align: center; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
383 } |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
384 |
116
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
385 /* Textboxes */ |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
386 |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
387 form.textbox>* { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
388 display: block; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
389 margin: 1em auto; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
390 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
391 max-width: 100%; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
392 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
|
393 } |
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 form.textbox>textarea { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
396 text-align: left; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
397 } |
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 .log_request { |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
400 text-align: center; |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
401 } |
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
402 |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
403 /*** Navigation ***/ |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
404 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
405 .prev_next_links ul { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
406 list-style: none; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
407 display: flex; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
408 padding: 0 2em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
409 margin: 0; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
410 } |
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 .prev_next_links li { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
413 flex: 1; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
414 } |
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 .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
|
417 text-align: right; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
418 } |
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 .prev_next_links img { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
421 display: block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
422 } |
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 .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
|
425 display: block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
426 margin-left: auto; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
427 margin-right: 0; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
428 } |
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 .prev_next_links a { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
431 display: inline-block; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
432 margin-top: 1em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
433 padding: 0.2em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
434 text-decoration: None; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
435 color: inherit; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
436 font-variant: small-caps; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
437 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
|
438 border-radius: 0.5em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
439 } |
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 .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
|
442 background-color: #ddd; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
443 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
444 |
66 | 445 /*** XMLUI ***/ |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
446 |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
447 .xmlui_cont_vertical>* { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
448 display: block; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
449 box-sizing: border-box; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
450 } |
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 .xmlui_cont_vertical>.xmlui_widget { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
453 width: 100%; |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
454 min-height: 1em; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
455 min-width: 1px; |
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
456 } |
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 label.xmlui_label { |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
459 font-weight: bold; |
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
460 } |
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
461 |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
462 td a { |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
463 /* we use <a> for non JS links in table |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
464 * 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
|
465 */ |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
466 color: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
467 text-decoration: inherit; |
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
468 } |
66 | 469 |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
470 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
471 /*** Notifications ***/ |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
472 |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
473 .notification.retry { |
133 | 474 position: fixed; |
475 top: 1rem; | |
476 margin: auto; | |
477 width: 80%; | |
478 background: #DB1616; | |
479 border: 3px solid silver; | |
480 left: 10%; | |
481 text-align: center; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
482 } |
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 #retry_counter { |
133 | 485 font-weight: bold; |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
486 } |
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 #retry_now { |
133 | 489 color: blue; |
490 text-decoration: underline; | |
491 cursor: pointer; | |
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
492 } |
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
493 |
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
|
494 @media (min-width: 800px) { |
66 | 495 html { |
496 background-size: auto; | |
497 } | |
498 | |
499 body { | |
500 flex-direction: row; | |
501 } | |
502 | |
503 #main_area { | |
504 overflow: auto; | |
505 } | |
506 | |
507 .box { | |
508 border-radius: 1em; | |
509 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5); | |
510 } | |
511 | |
512 .main_menu a { | |
513 display: block; | |
514 padding: 2em 0; | |
515 } | |
516 | |
517 .main_menu ul { | |
518 flex-direction: column; | |
519 padding-left: 2em; | |
520 } | |
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
521 |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
522 .prev_next_links ul { |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
523 padding: 0 6em; |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
524 } |
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
525 |
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
526 .instructions--alt { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
527 padding-top: 3rem; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
528 } |
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 /*** forms ***/ |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
531 |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
532 .form_single .form_submit.button { |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
533 display: inline; |
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
534 } |
66 | 535 } |