/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ /* Label/tag denoting the user that shared a connection */ .jdbc-share-tag { background: #0095ff; padding: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; -khtml-border-radius: 0.25em; border-radius: 0.25em; color: white; font-size: 0.75em; font-weight: bold; } .totp-enroll p,.totp-details{font-size:.8em}.totp-qr-code{text-align:center}.totp-qr-code img{margin:1em;border:1px solid rgba(0,0,0,0.25);box-shadow:1px 1px 2px rgba(0,0,0,0.25);cursor:pointer}h3.totp-details-header{font-size:.8em}h3.totp-details-header::before{content:'▸ '}.totp-details-visible h3.totp-details-header::before{content:'▾ '}.totp-details,.totp-hide-details{display:none}.totp-details-visible .totp-details{display:table}.totp-details-visible .totp-hide-details{display:inline}.totp-details-visible .totp-show-details{display:none}.totp-hide-details,.totp-show-details{color:blue;text-decoration:underline;cursor:pointer;margin:0 .25em;font-weight:normal}.totp-details{margin:0 auto}.totp-details th{padding-right:.25em;text-align:left}.totp-details td{font-family:monospace}.totp-detail{display:inline-block;margin:0 .25em}:root { --horizon-bg: #07111f; --horizon-panel: rgba(12, 28, 47, 0.94); --horizon-border: rgba(109, 198, 255, 0.22); --horizon-accent: #48b8ff; --horizon-accent-strong: #158de0; --horizon-text: #edf7ff; --horizon-muted: #9fb4c7; } .login-ui { background: radial-gradient(circle at 18% 18%, rgba(34, 131, 196, 0.25), transparent 34rem), radial-gradient(circle at 82% 78%, rgba(55, 90, 160, 0.2), transparent 32rem), linear-gradient(145deg, #050c16 0%, var(--horizon-bg) 52%, #0a1c2e 100%); color: var(--horizon-text); } .login-ui::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: 0.34; background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black, transparent 85%); } .login-ui .login-dialog-middle { position: relative; z-index: 1; } .login-ui .login-dialog { width: min(24rem, calc(100vw - 2.5rem)); padding: 2.3rem 2.4rem 2.1rem; box-sizing: border-box; color: var(--horizon-text); background: var(--horizon-panel); border: 1px solid var(--horizon-border); border-radius: 18px; box-shadow: 0 24px 75px rgba(0, 0, 0, 0.45); backdrop-filter: blur(14px); } .login-ui .login-dialog .logo { width: 5rem; height: 5rem; margin: 0 auto 1rem; background: center / contain no-repeat url("app/ext/horizon-remote-branding/images/horizon-mark.svg"); } .login-ui .login-dialog .version { margin: 0 0 1.75rem; text-align: center; } .login-ui .login-dialog .app-name { color: var(--horizon-text); font-size: 1.45rem; font-weight: 650; letter-spacing: 0.045em; } .login-ui .login-dialog .version-number { display: none; } .login-ui .login-dialog input[type="text"], .login-ui .login-dialog input[type="password"], .login-ui .login-dialog input[type="email"], .login-ui .login-dialog input[type="number"], .login-ui .login-dialog input[type="tel"] { color: #0a1a2a !important; -webkit-text-fill-color: #0a1a2a !important; caret-color: #0a1a2a; background: #f2f7fb !important; border: 1px solid #b7c9d8; border-radius: 9px; box-shadow: none; opacity: 1; } .login-ui .login-dialog input[type="text"]:focus, .login-ui .login-dialog input[type="password"]:focus, .login-ui .login-dialog input[type="email"]:focus, .login-ui .login-dialog input[type="number"]:focus, .login-ui .login-dialog input[type="tel"]:focus { border-color: var(--horizon-accent); box-shadow: 0 0 0 3px rgba(72, 184, 255, 0.17); outline: none; } .login-ui .login-dialog input:-webkit-autofill, .login-ui .login-dialog input:-webkit-autofill:hover, .login-ui .login-dialog input:-webkit-autofill:focus { -webkit-text-fill-color: #0a1a2a !important; caret-color: #0a1a2a; -webkit-box-shadow: 0 0 0 1000px #f2f7fb inset !important; box-shadow: 0 0 0 1000px #f2f7fb inset !important; } .login-ui .login-dialog .login-fields .form-field { color: #0a1a2a !important; background: #f2f7fb !important; border-color: #b7c9d8; border-radius: 9px; } .login-ui .login-dialog .login-fields label, .login-ui .login-dialog .login-fields .field-header, .login-ui .login-dialog .login-fields .form-field label { color: #3b5266 !important; -webkit-text-fill-color: #3b5266 !important; opacity: 1 !important; text-shadow: none; } .login-ui .login-dialog input::placeholder { color: #526a7d !important; -webkit-text-fill-color: #526a7d !important; opacity: 1 !important; } .login-ui input[type="submit"].login, .login-ui input[type="submit"].continue-login { color: #ffffff; background: linear-gradient(135deg, var(--horizon-accent), var(--horizon-accent-strong)); border: 0; border-radius: 9px; box-shadow: 0 8px 24px rgba(21, 141, 224, 0.25); font-weight: 650; } .login-ui input[type="submit"].login:hover, .login-ui input[type="submit"].continue-login:hover { filter: brightness(1.08); } .login-ui .login-error { position: relative; z-index: 2; } @media (max-width: 520px) { .login-ui .login-dialog { padding: 2rem 1.5rem 1.8rem; border-radius: 15px; } }