CSS file rework
This commit is contained in:
parent
e1199cae20
commit
d0e16ec9b4
1 changed files with 47 additions and 25 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue