Styling for login page

1. Color override
2. Borders override

Still to complete: button and font. Sign in to alignment. Lumbung.Space
logo.
This commit is contained in:
EJ Mitchell 2022-01-11 13:44:19 -05:00
parent d33ba9590f
commit 64e495ab83
2 changed files with 17 additions and 32 deletions

View File

@ -22,7 +22,7 @@ kerberosNotConfiguredTitle=Kerberos Not Configured
bypassKerberosDetail=Either you are not logged in by Kerberos or your browser is not set up for Kerberos login. Please click continue to login in through other means
kerberosNotSetUp=Kerberos is not set up. You cannot login.
registerTitle=Register
loginAccountTitle=Sign in to lumbung.space
loginAccountTitle= sign in to
loginTitle=Sign in to {0}
loginTitleHtml={0}
impersonateTitle={0} Impersonate User

View File

@ -13,9 +13,6 @@ a {
border:2px solid black;
max-width:500px;
margin:auto;
box-shadow:1em 1em 0 #d2d1c8;
background-color: #fff09d;
transform: rotate(-1deg);
margin-top: 2em;
}
@ -23,29 +20,25 @@ a {
display: flex;
}
.card-pf #kc-content #kc-content-wrapper {
padding: 1em;
}
/* .card-pf #kc-content #kc-content-wrapper { */
/* padding: 1em; */
/* */
/* } */
/*Login form */
.login-pf-header {
border-bottom: 2px solid black;
background-color: #BCE1D1;
height: 3.6em;
}
#kc-page-title {
border-right: 2px solid black;
margin: 0;
padding: 0.2em;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
display: inline-block;
text-transform: uppercase;
height: 100%;
vertical-align: bottom;
}
#kc-form-wrapper {
@ -63,7 +56,6 @@ a {
.form-group {
font-size: 14px;
margin: 10px auto;
border:2px solid #0e0e22;
width: 440px;
display: flex;
flex-direction: column;
@ -91,17 +83,19 @@ a {
}
#kc-form-buttons {
margin: 0;
align-self: end;
margin-top: 1em;
}
all: unset;
width: 100%;
height: 2em;
align-self: center;
background-color: #AFAFAF;
border-top: 2px solid black;
}
.pf-c-form-control {
border: none;
padding: 5px 5px 5px 5px;
border-top: 2px solid black;
border: 2px solid black;
flex-grow: 1;
}
/*OTP Login*/
@ -190,13 +184,6 @@ div#kc-username:before{
@media screen and (max-width: 530px) {
.card-pf {
transform: initial;
box-shadow: unset;
width: 100%;
}
#kc-page-title {
border: unset;
}
@ -205,5 +192,3 @@ div#kc-username:before{
margin: unset;
margin-bottom: 1.5em;
}
.......
}