commit
0985d3c88a
1 changed files with 20 additions and 14 deletions
|
@ -75,9 +75,6 @@
|
||||||
background-image: url("../img/keycloak-logo.png");
|
background-image: url("../img/keycloak-logo.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 50px;
|
|
||||||
right: 50px;
|
|
||||||
height: 37px;
|
height: 37px;
|
||||||
width: 154px;
|
width: 154px;
|
||||||
}
|
}
|
||||||
|
@ -96,12 +93,6 @@
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kc-container-wrapper {
|
|
||||||
bottom: 13%;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#kc-content {
|
#kc-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
@ -280,16 +271,33 @@ ol#kc-totp-settings li:first-of-type {
|
||||||
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) !important;
|
background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (min-width: 768px) {
|
||||||
|
#kc-container-wrapper {
|
||||||
|
bottom: 13%;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
#kc-logo-wrapper {
|
#kc-logo-wrapper {
|
||||||
top: 15px;
|
position: absolute;
|
||||||
right: 15px;
|
top: 50px;
|
||||||
|
right: 50px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
|
||||||
|
#kc-logo-wrapper {
|
||||||
|
background-position: center;
|
||||||
|
width: 100%;
|
||||||
|
margin: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kc-header {
|
#kc-header {
|
||||||
padding-left: 15px;
|
padding-left: 15px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
float: none;
|
float: none;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#kc-feedback {
|
#kc-feedback {
|
||||||
|
@ -323,7 +331,5 @@ ol#kc-totp-settings li:first-of-type {
|
||||||
|
|
||||||
@media (max-height: 500px) {
|
@media (max-height: 500px) {
|
||||||
#kc-container-wrapper {
|
#kc-container-wrapper {
|
||||||
position: inherit;
|
|
||||||
float: none;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue