Mercurial > libervia-templates
comparison default/static/styles.css @ 61:f76ec90e0e1e
base: menus handling, first draft:
this is a very basic way to handle menu (big buttons on the top), just a first draft to be able to navigate.
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 11 Nov 2017 00:16:35 +0100 |
parents | a5dc14675d5e |
children | 9834106678da |
comparison
equal
deleted
inserted
replaced
60:f3c0447b8b4c | 61:f76ec90e0e1e |
---|---|
51 font-weight: bold; | 51 font-weight: bold; |
52 width: 60%; | 52 width: 60%; |
53 margin: 1.5em auto; | 53 margin: 1.5em auto; |
54 } | 54 } |
55 | 55 |
56 /* generic */ | |
57 | |
58 .button:hover { | |
59 background-color: #bc0000; | |
60 } | |
61 | |
62 /* Menus */ | |
63 | |
64 .menu ul { | |
65 display: flex; | |
66 justify-content: center; | |
67 margin-top: 8px; | |
68 padding: 0; | |
69 list-style: none; | |
70 } | |
71 | |
72 .menu li { | |
73 margin: 0.5em; | |
74 text-align: center; | |
75 } | |
76 | |
77 .menu a { | |
78 color: inherit; | |
79 text-decoration: none; | |
80 border: solid 1px; | |
81 padding: 0.5em; | |
82 font-variant: small-caps; | |
83 border-radius: 1em; | |
84 background: #eee; | |
85 } | |
86 | |
87 .menu a:hover { | |
88 } | |
89 | |
56 /* Forms */ | 90 /* Forms */ |
57 | 91 |
58 .form_submit { | 92 .form_submit { |
59 margin: 1em auto 0; | 93 margin: 1em auto 0; |
60 display: block; | 94 display: block; |