150 lines
2.7 KiB
CSS
150 lines
2.7 KiB
CSS
:root {
|
|
--main-color: #f8a100; /* zwo dark blue */
|
|
--second-color: #2c4653; /* zwo orange */
|
|
--third-color: #5db9d3; /* zwo ligther blue */
|
|
--hover-color: #058078; /* zwo blue green */
|
|
--grey: #72767b;
|
|
}
|
|
|
|
a {
|
|
color: var(--main-color);
|
|
text-decoration:none
|
|
}
|
|
|
|
$a:focus,
|
|
a:hover {
|
|
color:var(--hover-color);
|
|
text-decoration:underline
|
|
}
|
|
|
|
body {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.alert {
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.login-pf {
|
|
background: url("../img/loginBG.png"), #ffffff;
|
|
background-position: center center, left top;
|
|
background-size: 85%, 80%;
|
|
background-repeat: no-repeat, repeat;
|
|
}
|
|
|
|
.login-pf body {
|
|
background: none;
|
|
}
|
|
|
|
.card-pf {
|
|
border-radius: 1rem;
|
|
box-shadow: 0px 0px 0px 5px var(--second-color);
|
|
}
|
|
|
|
#kc-header-wrapper {
|
|
color: var(--main-color);
|
|
}
|
|
|
|
#kc-header-wrapper a:hover {
|
|
text-decoration: none;
|
|
color: var(--hover-color);
|
|
}
|
|
|
|
#kc-info-wrapper {
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
h1 {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
|
|
.form-control {
|
|
border: 2px solid #bbb;
|
|
border-top:none;
|
|
border-left: none;
|
|
border-right: none;
|
|
border-radius: 3px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color:var(--main-color);
|
|
outline:0;
|
|
box-shadow:inset 0px 0px 2px 0px var(--main-color)
|
|
}
|
|
|
|
#kc-form-options .checkbox {
|
|
margin-top: 0;
|
|
color: var(--grey);
|
|
}
|
|
|
|
.btn {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color:var(--main-color);
|
|
border-color:var(--main-color);
|
|
color:#fff;
|
|
border-radius: 2px;
|
|
background-image: none;
|
|
}
|
|
|
|
.btn-primary.active,
|
|
.btn-primary:active,
|
|
.btn-primary:focus,
|
|
.btn-primary:hover,
|
|
.open .dropdown-toggle.btn-primary {
|
|
background-color:var(--hover-color);
|
|
background-image:none;
|
|
border-color:var(--hover-color);
|
|
color:#fff
|
|
}
|
|
|
|
.btn-primary.active.focus,
|
|
.btn-primary.active:focus,
|
|
.btn-primary.active:hover,
|
|
.btn-primary:active.focus,
|
|
.btn-primary:active:focus,
|
|
.btn-primary:active:hover,
|
|
.open .dropdown-toggle.btn-primary.focus,
|
|
.open .dropdown-toggle.btn-primary:focus,
|
|
.open .dropdown-toggle.btn-primary:hover {
|
|
background-color:var(--hover-color);
|
|
border-color:var(--hover-color);
|
|
}
|
|
|
|
.btn-primary.disabled,
|
|
.btn-primary.disabled.active,
|
|
.btn-primary.disabled:active,
|
|
.btn-primary.disabled:focus,
|
|
.btn-primary.disabled:hover,
|
|
.btn-primary[disabled],
|
|
.btn-primary[disabled].active,
|
|
.btn-primary[disabled]:active,
|
|
.btn-primary[disabled]:focus,
|
|
.btn-primary[disabled]:hover,
|
|
fieldset[disabled] .btn-primary,
|
|
fieldset[disabled] .btn-primary.active,
|
|
fieldset[disabled] .btn-primary:active,
|
|
fieldset[disabled] .btn-primary:focus,
|
|
fieldset[disabled] .btn-primary:hover {
|
|
background-color: var(--third-color);
|
|
border-color:var(--third-color);
|
|
}
|
|
|
|
#kc-locale ul {
|
|
border:none;
|
|
}
|
|
|
|
#kc-locale ul li a {
|
|
border-bottom: solid 1px #bbb;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#kc-locale ul li a:hover {
|
|
color: #fff !important;
|
|
background-color: var(--main-color);
|
|
}
|