CSS file rework

This commit is contained in:
Ludovic Stephan 2020-06-26 17:57:51 +02:00
parent e1199cae20
commit d0e16ec9b4

View file

@ -1,3 +1,7 @@
/*
Generic page layout
*/
html, body { html, body {
width: 100%; width: 100%;
background: #eee; background: #eee;
@ -33,6 +37,10 @@ html, body {
flex-flow: row wrap; flex-flow: row wrap;
} }
/*
Background color definitions
*/
.cas { .cas {
background: #4D85BD; background: #4D85BD;
color: white; color: white;
@ -48,19 +56,29 @@ html, body {
color: white; color: white;
} }
/*
Login switch layout
*/
.big-button {
.auth_form { flex: 1;
width: 100%; height: 200px;
padding: 0.5em; min-width: 300px;
font-size: 1.5em; text-align: center;
font-size: 2.5em;
color: white;
line-height: 200px;
text-decoration: none;
} }
.forgot-pwd { .big-button :hover {
width:100%; text-decoration: underline;
padding: 0.5em 0px 1em;
} }
/*
Message styling
*/
.error { .error {
background: red; background: red;
color: white; color: white;
@ -81,10 +99,14 @@ html, body {
text-align: center; text-align: center;
} }
ul.errorlist { /*
text-align: left; Form styling
font-size: 0.8em; */
padding-left: 20px;
.auth_form {
width: 100%;
padding: 0.5em;
font-size: 1.5em;
} }
.auth_form table { .auth_form table {
@ -92,12 +114,18 @@ ul.errorlist {
border-spacing: 0.3em; border-spacing: 0.3em;
} }
th { .auth_form th {
padding: 5px 0; padding: 5px 0;
vertical-align: text-top; vertical-align: text-top;
text-align: right; text-align: right;
} }
ul.errorlist {
text-align: left;
font-size: 0.8em;
padding-left: 20px;
}
input { input {
font-size: 1em; font-size: 1em;
} }
@ -132,17 +160,11 @@ select {
text-align: end; text-align: end;
} }
.big-button { /*
flex: 1; Misc
height: 200px; */
min-width: 300px;
text-align: center;
font-size: 2.5em;
color: white;
line-height: 200px;
text-decoration: none;
}
.big-button :hover { .forgot-pwd {
text-decoration: underline; width:100%;
padding: 0.5em 0px 1em;
} }