Mercurial > libervia-templates
comparison default/static/styles.css @ 115:5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
author | Goffi <goffi@goffi.org> |
---|---|
date | Tue, 30 Jan 2018 07:47:21 +0100 |
parents | 92ca411ee635 |
children | da8f1ba9034d |
comparison
equal
deleted
inserted
replaced
114:1d0ddeb79903 | 115:5d9e2270ceb4 |
---|---|
10 flex-direction: column; | 10 flex-direction: column; |
11 box-sizing: border-box; | 11 box-sizing: border-box; |
12 } | 12 } |
13 | 13 |
14 #main_side_bar { | 14 #main_side_bar { |
15 | 15 |
16 } | 16 } |
17 | 17 |
18 #main_area { | 18 #main_area { |
19 flex: 1; | 19 flex: 1; |
20 display: flex; | 20 display: flex; |
219 .form_submit { | 219 .form_submit { |
220 margin: 1em auto 0; | 220 margin: 1em auto 0; |
221 display: block; | 221 display: block; |
222 } | 222 } |
223 | 223 |
224 /*** Navigation ***/ | |
225 | |
226 .prev_next_links ul { | |
227 list-style: none; | |
228 display: flex; | |
229 padding: 0 2em; | |
230 margin: 0; | |
231 } | |
232 | |
233 .prev_next_links li { | |
234 flex: 1; | |
235 } | |
236 | |
237 .prev_next_links li.older_items { | |
238 text-align: right; | |
239 } | |
240 | |
241 .prev_next_links img { | |
242 display: block; | |
243 } | |
244 | |
245 .prev_next_links .older_items img { | |
246 display: block; | |
247 margin-left: auto; | |
248 margin-right: 0; | |
249 } | |
250 | |
251 .prev_next_links a { | |
252 display: inline-block; | |
253 margin-top: 1em; | |
254 padding: 0.2em; | |
255 text-decoration: None; | |
256 color: inherit; | |
257 font-variant: small-caps; | |
258 background: rgba(200,200,200,0.6); | |
259 border-radius: 0.5em; | |
260 } | |
261 | |
262 .prev_next_links a:hover { | |
263 background-color: #ddd; | |
264 } | |
265 | |
224 /*** XMLUI ***/ | 266 /*** XMLUI ***/ |
225 | 267 |
226 .xmlui_cont_vertical>* { | 268 .xmlui_cont_vertical>* { |
227 display: block; | 269 display: block; |
228 box-sizing: border-box; | 270 box-sizing: border-box; |
295 | 337 |
296 .main_menu ul { | 338 .main_menu ul { |
297 flex-direction: column; | 339 flex-direction: column; |
298 padding-left: 2em; | 340 padding-left: 2em; |
299 } | 341 } |
300 } | 342 |
343 .prev_next_links ul { | |
344 padding: 0 6em; | |
345 } | |
346 | |
347 } |