120 lines
1.7 KiB
CSS
120 lines
1.7 KiB
CSS
body {
|
|
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
|
|
.card-pf {
|
|
border:2px solid #0e0e22;
|
|
max-width:500px;
|
|
margin:auto;
|
|
box-shadow:1em 1em 0 #d2d1c8;
|
|
background-color: #fff09d;
|
|
}
|
|
|
|
|
|
.card-pf #kc-content #kc-content-wrapper {
|
|
|
|
}
|
|
|
|
/*Login form */
|
|
|
|
.login-pf-header {
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
|
|
#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;
|
|
|
|
}
|
|
|
|
#kc-form-wrapper {
|
|
margin-top: 1em;
|
|
margin-left: 3em;
|
|
margin-right: 3em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
#kc-form-login {
|
|
display: flex;
|
|
align-items: baseline;
|
|
flex-direction: column;
|
|
max-width: 500px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.form-group {
|
|
font-size: 14px;
|
|
margin: 10px auto;
|
|
border:2px solid #0e0e22;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: baseline;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
.form-group.login-pf-settings{
|
|
border: none;
|
|
}
|
|
|
|
.form-group label {
|
|
font-weight: bold;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
#kc-form-buttons {
|
|
width: unset;
|
|
margin: 0;
|
|
align-self: end;
|
|
}
|
|
|
|
.pf-c-form-control {
|
|
border: none;
|
|
padding: 5px 5px 5px 5px;
|
|
border-left: 2px solid black;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/*Login form + options*/
|
|
|
|
#kc-info {
|
|
border-top: 2px solid black;
|
|
padding: 0.5em;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.pf-c-form__helper-text {
|
|
display: block;
|
|
width: 100%;
|
|
border-top: 2px solid black;
|
|
text-align: right;
|
|
padding-right: 1em;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
/*Register form*/
|
|
|
|
#kc-register-form {
|
|
margin-left: 3em;
|
|
margin-right: 3em;
|
|
margin-top: 1.5em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
/*Page has expired message*/
|
|
|
|
#instruction1 {
|
|
margin: 2em;
|
|
font-size: 1rem;
|
|
} |