You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.4 KiB
CSS
59 lines
1.4 KiB
CSS
/* Zentrieren der Login-Box */
|
|
.login-pf-page {
|
|
position: relative;
|
|
top: 40%; /* erst oben 40% frei lassen (50% wäre exakt zentrieren, 40% sieht aber besser aus)*/
|
|
transform: translateY(-50%); /* dann die Box um die halbe Höhe hochschieben */
|
|
}
|
|
|
|
.login-pf body {
|
|
background: none; /* entfernen des Keycloak-Theme-Hintergrundes... */
|
|
background-color: #f3f5f7; /* ...dahinter ist noch ein STandard-Hintergrundbild, das verschwindet, wenn man hier eine Farbe setzt. (merkwürdig...) */
|
|
}
|
|
|
|
.login-pf-page .login-pf-header h1 {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
}
|
|
|
|
.login-pf-page .card-pf {
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
}
|
|
|
|
#kc-header {
|
|
background-image: url("../img/smardigo-logo.png");
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
/* Keycloak-Client-Name verstecken, stattdessen wird unser Smardigo-Logo angezeigt */
|
|
#kc-header-wrapper {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-image: linear-gradient(to bottom,#006a68 0,#006a68 100%);
|
|
border-color: #006a68;
|
|
}
|
|
|
|
.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary, btn-lg {
|
|
background-color: #b02d3f;
|
|
border-color: #b02d3f;
|
|
}
|
|
|
|
.form-control:hover {
|
|
border-color: #b02d3f;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: #b02d3f;
|
|
}
|
|
|
|
.card-pf {
|
|
border-top-color: #b02d3f;
|
|
}
|
|
|
|
.pf-m-primary {
|
|
background-color: #b02d3f!important;
|
|
} |