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; |