diff --git a/authens/static/authens/css/authens.css b/authens/static/authens/css/authens.css index 4cedbc5..b2c1d14 100644 --- a/authens/static/authens/css/authens.css +++ b/authens/static/authens/css/authens.css @@ -1,3 +1,7 @@ +/* + Generic page layout +*/ + html, body { width: 100%; background: #eee; @@ -7,31 +11,43 @@ html, body { } #container { - display: flex; - flex-flow: row wrap; padding: 10% 1em; min-width: 300px; max-width: 900px; margin: auto; } -h2 { - margin: 0; - padding: 15px; +#container-title { width: 100%; background: #505160; color: white; +} + +#container-title h2 { + padding: 15px; font-weight: initial; font-size: 2em; + margin: 0; } +#container-content { + text-align: center; + width: 100%; + display: flex; + flex-flow: row wrap; +} + +/* + Background color definitions +*/ + .cas { background: #4D85BD; color: white; } .exte { - background: #749F2A; + background: #598507; color: white; } @@ -40,48 +56,81 @@ h2 { color: white; } -#container-content { +/* + Login switch layout +*/ + +.big-button { + flex: 1; + height: 200px; + min-width: 300px; text-align: center; - width: 100%; + font-size: 2.5em; + color: white; + line-height: 200px; + text-decoration: none; } -.auth_form { - padding: 0.5em; - font-size: 1.5em; +.big-button :hover { + text-decoration: underline; } +/* + Message styling +*/ + .error { background: red; color: white; width: 100%; - padding: 0.5em; + padding: 0.5em 0; margin: 0; font-size: 1.2em; text-align: center; } +.success { + background: green; + color: white; + width: 100%; + padding: 0.5em 0; + margin: 0; + font-size: 1.2em; + text-align: center; +} + +/* + Form styling +*/ + +.auth_form { + width: 100%; + padding: 0.5em; + font-size: 1.5em; +} + +.auth_form table { + margin: 20px auto; + border-spacing: 0.3em; +} + +.auth_form th { + padding: 10px 0; + vertical-align: text-top; + text-align: right; +} + ul.errorlist { text-align: left; font-size: 0.8em; padding-left: 20px; } -.auth_form table { - margin: 20px auto; - border-spacing: 0.3em; -} - -th { - padding: 5px 0; - vertical-align: text-top; - text-align: right; -} - input { font-size: 1em; } -input[type="text"], input[type="password"] { +input[type="text"], input[type="password"], input[type="email"] { border: 0; padding: 5px; width: 100%; @@ -111,17 +160,16 @@ select { text-align: end; } -a { - flex: 1; - height: 200px; - min-width: 300px; - text-align: center; - font-size: 2.5em; - color: white; - line-height: 200px; - text-decoration: none; +/* + Misc +*/ + +.forgot-pwd { + width:100%; + padding: 0.5em 0px 1em; + font-size: 1.2em; } -a:hover { - text-decoration: underline; +.forgot-pwd > a { + color: white; } diff --git a/authens/templates/authens/auth_form_field.html b/authens/templates/authens/auth_form_field.html deleted file mode 100644 index ff8fdfb..0000000 --- a/authens/templates/authens/auth_form_field.html +++ /dev/null @@ -1,4 +0,0 @@ -