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 {
|
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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue