Add new styles to login #1

Merged
decentral1se merged 4 commits from em_add-login-styles into main 2022-01-13 07:23:51 +00:00
7 changed files with 111 additions and 50 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,4 +1,4 @@
doLogIn=Sign In
doLogIn=sign in
doRegister=Register
doCancel=Cancel
doSubmit=Submit
@ -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
@ -58,14 +58,14 @@ consentDenied=Consent denied.
noAccount=New user?
username=Username
usernameOrEmail=Username or email
usernameOrEmail=username or email
firstName=First name
givenName=Given name
fullName=Full name
lastName=Last name
familyName=Family name
email=Email
password=Password
password=password
passwordConfirm=Confirm password
passwordNew=New Password
passwordNewConfirm=New Password confirmation

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 29 KiB

View File

@ -1,9 +1,29 @@
body {
font-size:1.3em;
font-family: sans-serif;
@font-face {
font-family: Gudea;
font-style: normal;
font-weight: 400;
src: url(../fonts/gudea.woff2) format("woff2");
}
@font-face {
font-family: Gudea;
font-style: italic;
font-weight: 400;
src: url(../fonts/gudea-italic.woff2) format("woff2");
}
@font-face {
font-family: Gudea;
font-style: bold;
font-weight: 700;
src: url(../fonts/gudea-bold.woff2) format("woff2");
}
body {
font-size:1.3em;
font-family: Gudea sans-serif;
}
a {
color: #1B4C8A;
}
@ -13,9 +33,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 +40,33 @@ a {
display: flex;
}
.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;
}
.header-container {
display: flex;
flex-direction: column;
margin-top: -3em;
}
.logo {
background-color: white;
border: 1px solid black;
margin-left: 5.5em;
transform: rotate(5deg);
}
#kc-page-title {
border-right: 2px solid black;
margin: 0;
padding: 0.2em;
padding-left: 0.5em;
padding-right: 0.5em;
margin-left: 0.75em;
font-size: 1em;
display: inline-block;
text-transform: uppercase;
height: 100%;
font-weight: normal;
}
#kc-form-wrapper {
@ -63,7 +84,6 @@ a {
.form-group {
font-size: 14px;
margin: 10px auto;
border:2px solid #0e0e22;
width: 440px;
display: flex;
flex-direction: column;
@ -86,22 +106,35 @@ a {
}
.form-group label {
font-weight: bold;
padding: 0.5em;
padding-bottom: 0.5em;
}
#kc-form-buttons {
margin: 0;
align-self: end;
margin-top: 1em;
}
all: unset;
display: inline-block;
width: 100%;
height: 2em;
align-self: center;
background-color: #AFAFAF;
border-top: 2px solid black;
}
.login-button {
all: unset;
display: block;
border: none;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
margin: auto;
padding: 0.3em;
}
.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,20 +223,12 @@ div#kc-username:before{
@media screen and (max-width: 530px) {
.card-pf {
transform: initial;
box-shadow: unset;
width: 100%;
}
#kc-page-title {
#kc-page-title {
border: unset;
}
}
#kc-register-form {
#kc-register-form {
margin: unset;
margin-bottom: 1.5em;
}
.......
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.