Mercurial > libervia-templates
diff default/static/styles.css @ 128:4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
author | Goffi <goffi@goffi.org> |
---|---|
date | Sat, 24 Mar 2018 11:14:14 +0100 |
parents | 9d95b58200df |
children | ca42dc037bbf |
line wrap: on
line diff
--- a/default/static/styles.css Sat Mar 24 11:11:37 2018 +0100 +++ b/default/static/styles.css Sat Mar 24 11:14:14 2018 +0100 @@ -1,3 +1,8 @@ +:root { + --select-bg-color: #ddd; +} + + html { font-family: "sat-base-font"; } @@ -74,16 +79,46 @@ background-color: #bc0000; } +.instructions--head { + font-size: 1.5em; + text-align: center; +} + +.instructions--alt { + text-align: center; + font-style: italic; +} + +/*** icons ***/ + +.icon--medium { + height: 3em; + display: block; + margin: 0 auto; +} + +.icon--small { + height: 1em; +} + +.icon--soft { + fill: #777; +} + +.icon__name { + +} + /*** Messages ***/ -.message_info { +.message--info { max-width: 500px; margin: 0 auto; padding: 1em; text-align: justify; } -.message_info pre { +.message--info pre { background: #ddd; padding: 1em; } @@ -92,7 +127,6 @@ .menu ul { display: flex; - padding: 0; margin-top: 8px; list-style: none; } @@ -220,11 +254,32 @@ /*** Forms ***/ +/* a form with only one field */ + +.form_single { + text-align: center; +} + +.form_single input:not([type="submit"]) { + margin: 0 1em; + width: 15em; + border-radius: 0.7em; + outline: none; + border: 1px solid black; + padding: 0.4em; + box-shadow: none; +} + + .form_submit { margin: 1em auto 0; display: block; } +.form_jid { + text-align: center; +} + /* Textboxes */ form.textbox>* { @@ -366,4 +421,13 @@ padding: 0 6em; } + .instructions--alt { + padding-top: 3rem; + } + + /*** forms ***/ + + .form_single .form_submit.button { + display: inline; + } }