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