Author: Pedro Lucas Porcellis <pedrolucasporcellis@gmail.com>
Describe how a fieldset should behave and change button color
core/static/stylesheet.css | 56 ++++++++++++++++++++++++++++++++++-----
diff --git a/core/static/stylesheet.css b/core/static/stylesheet.css index bc5d7b13c72a26434b099238b8f56cf680aab760..2d1db167f7a6205dbfad506e53cead850fa74b5d 100644 --- a/core/static/stylesheet.css +++ b/core/static/stylesheet.css @@ -1,6 +1,6 @@ /* * Simple and minimal css - */ + */ *, ::after, ::before { box-sizing: border-box; @@ -21,7 +21,7 @@ line-height: 1.5; padding: .25rem .375rem; } -.form-section input[type="email"], input[type="password"], input[type="tel"], input[type="text"], textarea { +.form-section input[type="email"], input[type="password"], input[type="tel"], input[type="text"], input[type="number"], textarea { border-color: #888; outline: lightblue; border-color .15s ease-in-out,box-shadow .15s ease-in-out; @@ -151,17 +151,17 @@ } button.btn-secondary:hover { background-color: #6c7b95; - color: #fff; + color: #ffffff; } button.btn-primary { - background-color: #6c7b95; - color: #fff; + background-color: #3079ed; + color: #ffffff; } button.btn-primary:hover { - background-color: #a0a0a0; - color: rgba(35, 35, 35, 1); + background-color: #034bbd; + color: #ffffff; } a.btn { @@ -255,7 +255,7 @@ margin-top: 0; margin-left: 0; padding-left: 0; list-style: none; - + display: flex; flex-direction: row; margin-right: auto; @@ -294,3 +294,43 @@ .text-left { text-align: left; } + +/* + * + * FORM ELEMENTS + * + */ + +.hint { + color: #626a6e +} + +.form-input-width-2 { + width: 5.4ex !important; +} + +.form-input-width-4 { + width: 9ex !important; +} + +fieldset { + min-width: 0; + margin: 0; + padding: 0; + border: 0; +} + +fieldset > legend { + margin-bottom: 5px; +} + +legend.legend-xl { + font-weight: 700; + font-size: 3rem; +} + +.date-group-item { + display: inline-block; + margin-right: 20px; + margin-bottom: 0; +}