Mercurial > libervia-templates
diff sat_templates/templates/default/static/styles.css @ 204:e9bbf4462ea8
css: misc changes
- anchor links in list elements can now be displayed more obviously using "list__item--show-links" class
- specific style for disabled button
- adapted form styles to new "select" field
- other small changes, see diff
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 26 May 2019 22:09:49 +0200 |
parents | a1fa6744c78e |
children | bf33342902ed |
line wrap: on
line diff
--- a/sat_templates/templates/default/static/styles.css Sun May 26 22:06:10 2019 +0200 +++ b/sat_templates/templates/default/static/styles.css Sun May 26 22:09:49 2019 +0200 @@ -52,6 +52,10 @@ height: 100%; } +address { + font-style: inherit; +} + #main_area { flex: 1; display: flex; @@ -77,7 +81,6 @@ border-radius: 0.5em; } - .post_confirm { text-align: center; background-color: lightgreen; @@ -185,6 +188,16 @@ font-weight: bold; } +.btn:disabled { + color: #fff; + background-color: #eee; + border-color: #aaa; +} + +.center { + text-align: center; +} + /** Labels **/ .labels { @@ -215,11 +228,16 @@ } /** heading **/ + .heading__subtitle { font-size: 2em; text-align: center; } +.heading--plain { + background: var(--color-sec--light); +} + /** instructions **/ .instructions--head { @@ -310,6 +328,10 @@ text-align: center; } +.inline { + display: inline; +} + /********* * pages * *********/ @@ -373,7 +395,7 @@ } .box--paper { - text-align: center; + text-align: justify; font-variant: small-caps; border: none; } @@ -613,6 +635,15 @@ text-decoration: underline; } +.list__item--show-links>a { + text-decoration: underline; + color: inherit; +} + +.list__item--show-links>a:hover { + color: var(--color-sec--dark); +} + /********* * Grids * *********/ @@ -1014,7 +1045,11 @@ margin: 0.5em 0; } -.form__panel--center textarea,input:not([type="radio"]) { +.form__panel--center label, +.form__panel--center textarea, +.form__panel--center select, +.form__panel--center input:not([type="radio"]) +{ display: block; margin-left: auto; margin-right: auto; @@ -1024,24 +1059,33 @@ text-align: center; } -.form__field--tiny>input { +.form__field--tiny>input, +select.form__field--tiny +{ box-sizing: border-box; width: 3em; } -.form__field--small>input { +.form__field--small>input, +select.form__field--small +{ box-sizing: border-box; width: 20em; max-width: 95%; } -.form__field--medium>input { +.form__field--medium>input, +select.form__field--medium +{ box-sizing: border-box; width: 50em; max-width: 95%; } -.form__field--big>input,textarea { +.form__field--big>input, +.form__field--big>textarea, +select.form__field--big +{ box-sizing: border-box; width: 100%; } @@ -1317,7 +1361,10 @@ padding: 2em; } - .form__field--big>input,textarea { + .form__field--big>input, + .form__field--big>textarea, + select.form__field--big + { box-sizing: border-box; width: 95%; }