209 lines
2.9 KiB
CSS
209 lines
2.9 KiB
CSS
body {
|
|
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
a {
|
|
color: #1B4C8A;
|
|
}
|
|
|
|
|
|
.card-pf {
|
|
border:2px solid black;
|
|
max-width:500px;
|
|
margin:auto;
|
|
box-shadow:1em 1em 0 #d2d1c8;
|
|
background-color: #fff09d;
|
|
transform: rotate(-1deg);
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.col-xs-12.col-sm-12.col-md-12.col-lg-12 {
|
|
display: flex;
|
|
}
|
|
|
|
.card-pf #kc-content #kc-content-wrapper {
|
|
padding: 1em;
|
|
|
|
}
|
|
|
|
/*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;
|
|
text-transform: uppercase;
|
|
|
|
|
|
}
|
|
|
|
#kc-form-wrapper {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#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: 440px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
.form-group.login-pf-settings {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
vertical-align: baseline;
|
|
align-items: baseline;
|
|
border: none;
|
|
}
|
|
|
|
#kc-username.form-group{
|
|
border: none;
|
|
padding-left: 1em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-group label {
|
|
font-weight: bold;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
#kc-form-buttons {
|
|
margin: 0;
|
|
align-self: end;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.pf-c-form-control {
|
|
border: none;
|
|
padding: 5px 5px 5px 5px;
|
|
border-top: 2px solid black;
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
/*OTP Login*/
|
|
|
|
#kc-username.form-group {
|
|
padding-left: 1em;
|
|
border: none;
|
|
}
|
|
|
|
#kc-attempted-username {
|
|
padding: 0;
|
|
font-style: unset;
|
|
}
|
|
|
|
div#kc-username:before{
|
|
content: "Logging in as: ";
|
|
}
|
|
|
|
.kc-login-tooltip {
|
|
text-align: right;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
/*Login form + options*/
|
|
|
|
#kc-info {
|
|
padding: 0.5em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.pf-c-form__helper-text {
|
|
display: block;
|
|
border-top: 2px solid black;
|
|
text-align: right;
|
|
padding-right: 1em;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.required{
|
|
background-color: salmon;
|
|
}
|
|
|
|
/*Register form*/
|
|
|
|
#kc-register-form {
|
|
margin-left: 1em;
|
|
margin-right: 1em;
|
|
margin-top: 1em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
/*Page has expired message*/
|
|
|
|
#instruction1 {
|
|
margin: 2em;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
#input-error {
|
|
border-top: 2px solid black;
|
|
width: 100%;
|
|
padding: 0;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
display: inline-block;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.2em;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Reset */
|
|
|
|
.pf-c-alert__title .kc-feedback-text{
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* Register */
|
|
|
|
|
|
.pf-c-form__helper-text .pf-m-error .required .kc-feedback-text{
|
|
border-top: 2px solid black;
|
|
}
|
|
|
|
|
|
/* media queries */
|
|
|
|
@media screen and (max-width: 530px) {
|
|
|
|
|
|
.card-pf {
|
|
transform: initial;
|
|
box-shadow: unset;
|
|
width: 100%;
|
|
}
|
|
|
|
#kc-page-title {
|
|
border: unset;
|
|
}
|
|
|
|
#kc-register-form {
|
|
margin: unset;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
.......
|
|
} |