logut
This commit is contained in:
@@ -0,0 +1,179 @@
|
||||
html,
|
||||
body {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background:
|
||||
radial-gradient(circle at top, rgba(255, 221, 177, 0.30), transparent 26%),
|
||||
radial-gradient(circle at 80% 18%, rgba(132, 216, 166, 0.18), transparent 20%),
|
||||
linear-gradient(145deg, #101827 0%, #18253d 52%, #0f172a 100%) !important;
|
||||
color: #f8fafc;
|
||||
}
|
||||
|
||||
#kc-header-wrapper,
|
||||
#kc-header,
|
||||
.login-pf-header,
|
||||
#kc-page-title {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#kc-content,
|
||||
#kc-content-wrapper,
|
||||
#kc-locale {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#kc-content-wrapper {
|
||||
padding-top: 48px;
|
||||
}
|
||||
|
||||
#kc-form-login .pf-v5-c-form__label-text,
|
||||
#kc-form-login label,
|
||||
#kc-form-options,
|
||||
#kc-form-options a,
|
||||
#kc-registration,
|
||||
#kc-registration a,
|
||||
#kc-social-providers h2,
|
||||
#kc-social-providers a {
|
||||
color: #e2e8f0 !important;
|
||||
}
|
||||
|
||||
.kb-login-shell {
|
||||
position: relative;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
min-height: calc(100vh - 80px);
|
||||
padding: 24px;
|
||||
}
|
||||
|
||||
.kb-login-ambient {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background:
|
||||
radial-gradient(circle at 50% 10%, rgba(255, 255, 255, 0.12), transparent 30%),
|
||||
url("../img/desktop-glow.svg") center/cover no-repeat;
|
||||
opacity: 0.9;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.kb-login-panel {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: grid;
|
||||
gap: 22px;
|
||||
width: min(540px, 100%);
|
||||
padding: 28px;
|
||||
border-radius: 28px;
|
||||
background: rgba(15, 23, 42, 0.62);
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
box-shadow: 0 24px 80px rgba(2, 6, 23, 0.42);
|
||||
backdrop-filter: blur(24px);
|
||||
}
|
||||
|
||||
.kb-login-copy {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.kb-login-kicker {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.kb-login-title {
|
||||
margin: 0;
|
||||
font-size: clamp(30px, 4vw, 40px);
|
||||
line-height: 1.04;
|
||||
color: #f8fafc;
|
||||
}
|
||||
|
||||
.kb-login-subtitle {
|
||||
margin: 0;
|
||||
color: #dbe5f1;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.kb-login-form-shell {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#kc-form-wrapper {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
#kc-form-login input[type="text"],
|
||||
#kc-form-login input[type="password"] {
|
||||
min-height: 48px;
|
||||
border-radius: 14px !important;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12) !important;
|
||||
background: rgba(255, 255, 255, 0.08) !important;
|
||||
color: #f8fafc !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#kc-form-login input::placeholder {
|
||||
color: rgba(226, 232, 240, 0.72);
|
||||
}
|
||||
|
||||
#kc-form-login .pf-v5-c-button,
|
||||
#kc-login {
|
||||
min-height: 50px;
|
||||
border: 0 !important;
|
||||
border-radius: 14px !important;
|
||||
background: linear-gradient(180deg, #a7f3d0, #6ee7b7) !important;
|
||||
color: #082032 !important;
|
||||
font-weight: 700;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
#kc-form-login .pf-v5-c-button:hover,
|
||||
#kc-login:hover {
|
||||
filter: brightness(1.03);
|
||||
}
|
||||
|
||||
#kc-form-options {
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
#kc-form-options .checkbox label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
#kc-social-providers {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#kc-social-providers hr {
|
||||
border-color: rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
#kc-registration {
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.pf-v5-c-alert {
|
||||
border-radius: 14px !important;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#kc-content-wrapper {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.kb-login-shell {
|
||||
min-height: auto;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.kb-login-panel {
|
||||
padding: 22px 18px;
|
||||
border-radius: 22px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,15 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 900" fill="none">
|
||||
<defs>
|
||||
<radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(720 180) rotate(90) scale(280 560)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFE7BA" stop-opacity=".9"/>
|
||||
<stop offset=".45" stop-color="#8AD8A6" stop-opacity=".35"/>
|
||||
<stop offset="1" stop-color="#0F172A" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="b" cx="0" cy="0" r="1" gradientTransform="translate(1160 220) rotate(90) scale(220 360)" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#7DD3FC" stop-opacity=".22"/>
|
||||
<stop offset="1" stop-color="#7DD3FC" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="1440" height="900" fill="url(#a)"/>
|
||||
<rect width="1440" height="900" fill="url(#b)"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 837 B |
Reference in New Issue
Block a user