keycloak-themes/piraattipuolue/login/resources/css/piraattipuolue.css

80 lines
1.6 KiB
CSS

body {
background-image: linear-gradient(to bottom right, #512483, #000000) !important;
background-color: #512483;
background-repeat: no-repeat;
background-position: center;
background-size: cover !important;
}
a, a:active, a:focus, a:hover, a:visited, a:link {
color: #512483 !important;
}
#kc-header-wrapper {
font-family: sans-serif;
}
div.kc-logo-text.kc-logo-custom {
background-image: url(../img/logo-light.svg);
background-position: center;
background-size: 100%;
}
.login-pf-page .card-pf {
border-color: #000000;
}
.pf-c-button.pf-m-primary {
background-color: #000000;
}
.pf-c-form-control:focus, .pf-c-form-control:hover {
border-bottom-color: #512483;
}
@media (max-width: 767px){
#kc-header {
text-align: center;
}
#kc-header-wrapper {
color: inherit;
font-size: 29px;
padding: 62px 10px 20px;
}
div.kc-logo-text {
height: 63px;
width: 300px;
margin: auto;
}
.login-pf body {
background: linear-gradient(to bottom right, #512483, #000000) no-repeat center center fixed;
}
.login-pf-page {
margin: 20px;
}
.login-pf-page .card-pf {
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
border-top: 4px solid;
border-color: #000000;
}
}
#social-piraattipuolue {
background-image: url(../img/idp-piraattipuolue-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 40%;
}
#social-piraattipuolue .kc-social-provider-name {
color: transparent;
}