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 committed by Gitea
parent 65d61005c4
commit 9feb042414
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 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. kerberosNotSetUp=Kerberos is not set up. You cannot login.
registerTitle=Register registerTitle=Register
loginAccountTitle=Sign in to lumbung.space loginAccountTitle= sign in to
loginTitle=Sign in to {0} loginTitle=Sign in to {0}
loginTitleHtml={0} loginTitleHtml={0}
impersonateTitle={0} Impersonate User impersonateTitle={0} Impersonate User

View File

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