/*
* NAVATA Nextcloud Branding
* Login + public share authentication pages
*/
/* Full blue background */
body.navata-auth-page {
background:
radial-gradient(circle at 15% 25%,
rgba(38, 108, 235, .72),
transparent 35%),
radial-gradient(circle at 85% 70%,
rgba(0, 135, 220, .35),
transparent 38%),
linear-gradient(135deg,
#153f91 0%,
#07366e 48%,
#031d3b 100%) !important;
background-attachment: fixed !important;
}
/* Animated network layer */
#navata-network-bg {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
}
#navata-network-bg::before {
content: "";
position: absolute;
width: 150%;
height: 150%;
left: -25%;
top: -25%;
background-image:
linear-gradient(
30deg,
transparent 48%,
rgba(85, 185, 255, .22) 49%,
rgba(85, 185, 255, .22) 50%,
transparent 51%
),
linear-gradient(
-30deg,
transparent 48%,
rgba(70, 165, 255, .17) 49%,
rgba(70, 165, 255, .17) 50%,
transparent 51%
);
background-size: 180px 155px;
animation: navataNetworkMove 28s linear infinite;
}
@keyframes navataNetworkMove {
from {
transform: translate(0, 0);
}
to {
transform: translate(180px, 155px);
}
}
/* Real NAVATA logo */
#navata-brand-logo {
display: block;
width: 260px;
max-width: 65vw;
height: auto;
margin:
0 auto
25px auto;
object-fit: contain;
filter:
drop-shadow(
0 8px 16px
rgba(0, 0, 0, .25)
);
}
/* Clock */
#navata-live-clock {
position: fixed;
top: 22px;
right: 28px;
z-index: 10000;
color: #eaf6ff;
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 14px;
letter-spacing: .3px;
text-shadow:
0 2px 8px
rgba(0, 0, 0, .40);
}
/* Bottom scrolling announcement */
#navata-ticker {
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 45px;
z-index: 10000;
overflow: hidden;
border-top:
1px solid
rgba(90, 190, 255, .45);
background:
rgba(2, 25, 57, .88);
backdrop-filter: blur(8px);
box-shadow:
0 -5px 25px
rgba(0, 0, 0, .25);
white-space: nowrap;
}
#navata-ticker-text {
display: inline-block;
padding-left: 100%;
line-height: 45px;
color: #ffffff;
font-family:
Arial,
Helvetica,
sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: 1.5px;
animation:
navataTickerMove
25s
linear
infinite;
}
#navata-ticker-text .software {
color: #ffe24b;
font-weight: 800;
}
@keyframes navataTickerMove {
from {
transform:
translateX(0);
}
to {
transform:
translateX(-100%);
}
}
/* Keep authentication content above background */
body.navata-auth-page #content,
body.navata-auth-page #content-vue,
body.navata-auth-page #app-content,
body.navata-auth-page main {
position: relative;
z-index: 2;
}
/* Mobile */
@media (max-width: 700px) {
#navata-live-clock {
top: 10px;
right: 12px;
font-size: 11px;
}
#navata-brand-logo {
width: 190px;
}
#navata-ticker {
height: 40px;
}
#navata-ticker-text {
line-height: 40px;
font-size: 12px;
}
}
/* ==========================================================
NAVATA REAL LOGO - FINAL OVERRIDE
========================================================== */
#navata-brand-logo {
display: block !important;
width: 300px !important;
max-width: 70vw !important;
height: auto !important;
margin:
0 auto
22px auto !important;
position: relative !important;
z-index: 100 !important;
object-fit: contain !important;
filter:
drop-shadow(
0 7px 14px
rgba(0, 0, 0, .30)
) !important;
}
/* Remove default Nextcloud logo graphics */
body.navata-auth-page .logo-icon,
body.navata-auth-page .header-logo {
display: none !important;
}
@media (max-width: 700px) {
#navata-brand-logo {
width: 220px !important;
max-width: 75vw !important;
margin-bottom: 16px !important;
}
}
/* ==========================================================
NAVATA LIVE CLOCK - FINAL STYLE
========================================================== */
#navata-live-clock {
position: fixed !important;
top: 22px !important;
right: 28px !important;
z-index: 10000 !important;
padding: 10px 18px !important;
border:
1px solid
rgba(100, 200, 255, .40) !important;
border-radius: 10px !important;
background:
rgba(2, 32, 75, .55) !important;
backdrop-filter:
blur(10px) !important;
-webkit-backdrop-filter:
blur(10px) !important;
color: #ffffff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .4px !important;
box-shadow:
0 5px 20px
rgba(0, 0, 0, .25) !important;
text-shadow:
0 0 10px
rgba(80, 190, 255, .65) !important;
}
@media (max-width: 700px) {
#navata-live-clock {
top: 8px !important;
right: 8px !important;
padding: 7px 10px !important;
font-size: 11px !important;
}
}
/* ==========================================================
NAVATA LOGO -> LOGIN BOX GAP FIX
========================================================== */
#navata-brand-logo {
margin-bottom: 5px !important;
}
/*
* Pull the authentication card slightly upward
* so logo and card appear as one group.
*/
body.navata-auth-page .guest-box {
margin-top: 0 !important;
}
body.navata-auth-page form {
margin-top: 0 !important;
}
/* Keep NAVATA logo close to the authentication box */
body.navata-auth-page #navata-brand-logo + * {
margin-top: 0 !important;
}
/* Mobile */
@media (max-width: 700px) {
#navata-brand-logo {
margin-bottom: 3px !important;
}
}
/* ==========================================================
NAVATA FINAL COMPACT LOGO + CARD
========================================================== */
#navata-brand-logo {
width: 300px !important;
max-width: 70vw !important;
margin:
0 auto
-12px auto !important;
padding: 0 !important;
position: relative !important;
z-index: 20 !important;
}
/*
* Bring Nextcloud authentication card directly
* underneath the NAVATA logo.
*/
body.navata-auth-page .guest-box {
margin-top: 0 !important;
}
body.navata-auth-page #navata-brand-logo + .guest-box {
margin-top: 0 !important;
}
/* Public share password form */
body.navata-auth-page #navata-brand-logo + form {
margin-top: 0 !important;
}
/* Mobile */
@media (max-width: 700px) {
#navata-brand-logo {
width: 220px !important;
margin-bottom:
-8px !important;
}
}
/* ==========================================================
NAVATA FINAL LOGO + AUTH BOX GROUP
Login page + Software password page
========================================================== */
/*
* Logo size and position.
* Negative bottom margin removes the large gap generated
* by the Nextcloud guest-page layout.
*/
body.navata-auth-page #navata-brand-logo {
display: block !important;
width: 300px !important;
max-width: 70vw !important;
height: auto !important;
margin:
0 auto
-28px auto !important;
padding: 0 !important;
position: relative !important;
z-index: 50 !important;
object-fit: contain !important;
}
/*
* Authentication container immediately below logo.
*/
body.navata-auth-page #navata-brand-logo + * {
margin-top: 0 !important;
padding-top: 0 !important;
}
/*
* Nextcloud login card.
*/
body.navata-auth-page .guest-box {
margin-top: 0 !important;
}
/*
* Public-share password card/form.
*/
body.navata-auth-page form {
margin-top: 0 !important;
}
/*
* Make logo/card look like one centered group.
*/
body.navata-auth-page #navata-brand-logo {
transform:
translateY(12px) !important;
}
/* Mobile */
@media (max-width: 700px) {
body.navata-auth-page #navata-brand-logo {
width: 220px !important;
margin-bottom:
-20px !important;
transform:
translateY(8px) !important;
}
}
/* ==========================================================
NAVATA - REMOVE DEFAULT NEXTCLOUD LOADING LOGO
========================================================== */
/*
* Hide Nextcloud's original guest/loading logos immediately.
* Our #navata-brand-logo is NOT affected.
*/
body:not(.navata-auth-page) .logo,
body:not(.navata-auth-page) .logo-icon,
body:not(.navata-auth-page) .header-logo,
body:not(.navata-auth-page) .guest-box .logo {
visibility: hidden !important;
}
/*
* Once NAVATA branding is active, continue hiding
* only Nextcloud's original logo elements.
*/
body.navata-auth-page .logo-icon,
body.navata-auth-page .header-logo,
body.navata-auth-page .guest-box .logo {
display: none !important;
}
/*
* Never hide our real NAVATA image.
*/
#navata-brand-logo {
visibility: visible !important;
display: block !important;
}
/* ==========================================================
NAVATA FIRST FRAME / F5 REFRESH LOGO
Replace Nextcloud server-rendered .logo immediately
========================================================== */
/*
* NC33 initial guest page contains:
*
*
*
* Display NAVATA there before JavaScript starts.
*/
body:not(.navata-auth-page) .logo {
display: block !important;
visibility: visible !important;
width: 300px !important;
height: 72px !important;
margin: 0 auto !important;
padding: 0 !important;
background-image:
url("/custom_apps/navatasharelogout/img/navata-logo.png") !important;
background-repeat:
no-repeat !important;
background-position:
center center !important;
background-size:
contain !important;
opacity: 1 !important;
}
/*
* Remove any Nextcloud logo pseudo-elements.
*/
body:not(.navata-auth-page) .logo::before,
body:not(.navata-auth-page) .logo::after {
display: none !important;
content: none !important;
}
/*
* Once our JS creates the real NAVATA ![]()
,
* hide the original server-rendered logo container.
*/
body.navata-auth-page .logo {
display: none !important;
}
/*
* Our real NAVATA image stays visible.
*/
body.navata-auth-page #navata-brand-logo {
display: block !important;
visibility: visible !important;
}
/* Mobile */
@media (max-width: 700px) {
body:not(.navata-auth-page) .logo {
width: 220px !important;
height: 55px !important;
}
}
/* ==========================================================
NAVATA SOFTWARE PASSWORD PAGE - CLEAN FINAL LAYOUT
Independent logo + untouched Nextcloud white card
========================================================== */
body.navata-software-auth #navata-brand-logo {
display: none !important;
}
/* Dedicated Software NAVATA logo */
body.navata-software-auth #navata-software-logo {
display: block !important;
width: 300px !important;
max-width: 70vw !important;
height: auto !important;
margin: 0 auto 18px auto !important;
padding: 0 !important;
position: relative !important;
z-index: 100 !important;
transform: none !important;
object-fit: contain !important;
filter:
drop-shadow(
0 8px 16px
rgba(0, 0, 0, .25)
);
}
/* White Software password card remains independent */
body.navata-software-auth #core-public-share-auth {
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
z-index: 50 !important;
transform: none !important;
}
/* Mobile */
@media (max-width: 700px) {
body.navata-software-auth #navata-software-logo {
width: 220px !important;
max-width: 75vw !important;
margin-bottom: 14px !important;
}
}
/* ==========================================================
SOFTWARE PASSWORD PAGE - DEFINITIVE NAVATA LOGO
========================================================== */
/*
* On the Software password page, do not display either
* JavaScript-inserted logo.
*/
body.navata-auth-page:has(#core-public-share-auth)
#navata-brand-logo,
body.navata-auth-page:has(#core-public-share-auth)
#navata-software-logo {
display: none !important;
}
/*
* The actual NC33 Software authentication card.
* Give it room ABOVE itself for the NAVATA logo.
*/
body.navata-auth-page #core-public-share-auth {
position: relative !important;
margin-top: 100px !important;
overflow: visible !important;
}
/*
* Draw NAVATA independently ABOVE the white card.
* This cannot cover the password heading.
*/
body.navata-auth-page #core-public-share-auth::before {
content: "" !important;
display: block !important;
position: absolute !important;
width: 300px !important;
height: 75px !important;
left: 50% !important;
top: -95px !important;
transform: translateX(-50%) !important;
background-image:
url('/custom_apps/navatasharelogout/img/navata-logo.png') !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
pointer-events: none !important;
z-index: 1000 !important;
}
/* Mobile */
@media (max-width: 700px) {
body.navata-auth-page #core-public-share-auth {
margin-top: 80px !important;
}
body.navata-auth-page #core-public-share-auth::before {
width: 220px !important;
height: 55px !important;
top: -70px !important;
}
}
/* ==========================================================
NAVATA SOFTWARE LOGIN - NATIVE HEADER LOGO FINAL
========================================================== */
/*
* Software password page:
* hide all JavaScript-created logos.
*/
body.navata-auth-page #navata-software-logo {
display: none !important;
}
body.navata-auth-page #navata-brand-logo {
display: none !important;
}
/*
* Use Nextcloud's native server-rendered header logo.
* Official theming already makes this the real NAVATA logo.
*/
body.navata-auth-page #header.header-guest {
display: block !important;
visibility: visible !important;
margin: 0 auto 22px auto !important;
padding: 0 !important;
position: relative !important;
z-index: 100 !important;
}
body.navata-auth-page #header.header-guest .logo {
display: block !important;
visibility: visible !important;
width: 300px !important;
height: 72px !important;
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
inset: auto !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
transform: none !important;
}
/*
* Leave the complete Software password card untouched.
*/
body.navata-auth-page #core-public-share-auth {
margin: 0 auto !important;
padding: 0 !important;
position: relative !important;
transform: none !important;
}
/*
* Disable the previous experimental pseudo-logo.
*/
body.navata-auth-page #core-public-share-auth::before {
content: none !important;
display: none !important;
}
/* Mobile */
@media (max-width: 700px) {
body.navata-auth-page #header.header-guest {
margin-bottom: 15px !important;
}
body.navata-auth-page #header.header-guest .logo {
width: 220px !important;
height: 55px !important;
}
}
/* =========================================================
NAVATA SOFTWARE PUBLIC SHARE HEADER - FINAL
Logo + Softwares + Clock + Logout
========================================================= */
/* Remove the old oversized/duplicate logo on normal share page */
body:not(.navata-auth-page) #header.header-guest .logo {
display: none !important;
}
/* NAVATA logo + Softwares title */
#navata-software-header {
position: fixed;
top: 5px;
left: 18px;
height: 42px;
display: flex;
align-items: center;
gap: 12px;
z-index: 10001;
pointer-events: none;
}
#navata-software-header-logo {
width: 145px;
height: 34px;
object-fit: contain;
object-position: left center;
display: block;
}
#navata-software-header-title {
color: #ffffff;
font-size: 16px;
line-height: 1;
font-weight: 700;
white-space: nowrap;
}
/* Live clock - before Logout */
#navata-software-clock {
position: fixed;
top: 6px;
right: 350px;
min-width: 125px;
height: 38px;
padding: 3px 12px;
box-sizing: border-box;
border-radius: 8px;
background: rgba(0, 0, 0, 0.16);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
z-index: 10001;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1.05;
pointer-events: none;
}
#navata-software-clock .navata-clock-time {
font-size: 14px;
font-weight: 700;
}
#navata-software-clock .navata-clock-date {
margin-top: 2px;
font-size: 9px;
opacity: 0.85;
}
/* Existing protected-share Logout button */
#navata-share-logout {
position: fixed !important;
top: 10px !important;
right: 245px !important;
z-index: 10002 !important;
height: 36px !important;
line-height: 36px !important;
padding: 0 16px !important;
box-sizing: border-box !important;
border-radius: 8px !important;
background: rgba(0, 0, 0, 0.18) !important;
border: 1px solid rgba(255, 255, 255, 0.35) !important;
color: #ffffff !important;
font-weight: 600 !important;
text-decoration: none !important;
cursor: pointer !important;
}
/* Smaller screens */
@media (max-width: 900px) {
#navata-software-header-logo {
width: 105px;
}
#navata-software-header-title {
display: none;
}
#navata-software-clock {
display: none;
}
}
/* =========================================================
NAVATA SOFTWARE HEADER - REMOVE OLD DUPLICATE BRANDING
========================================================= */
/* Keep our custom header clean and above everything */
#navata-software-header {
left: 20px !important;
top: 7px !important;
height: 38px !important;
gap: 10px !important;
}
#navata-software-header-logo {
width: 135px !important;
height: 32px !important;
object-fit: contain !important;
object-position: left center !important;
}
#navata-software-header-title {
font-size: 15px !important;
font-weight: 700 !important;
}
/* Hide old native public-share branding underneath our header */
body:not(.navata-auth-page) header .logo,
body:not(.navata-auth-page) header .header-appname,
body:not(.navata-auth-page) #header .logo,
body:not(.navata-auth-page) #header .header-appname {
visibility: hidden !important;
}
/* =========================================================
NAVATA LOGGED-IN USER HEADER
Real NAVATA logo + live clock/date
========================================================= */
#navata-user-logo {
position: fixed;
top: 7px;
left: 18px;
width: 135px;
height: 32px;
object-fit: contain;
object-position: left center;
z-index: 10001;
pointer-events: none;
}
/* Hide native small logo only while our user logo exists */
body:has(#navata-user-logo) #header .logo {
visibility: hidden !important;
}
#navata-user-clock {
position: fixed;
top: 6px;
right: 155px;
min-width: 125px;
height: 38px;
padding: 3px 12px;
box-sizing: border-box;
border-radius: 8px;
background: rgba(0, 0, 0, 0.16);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
z-index: 10001;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1.05;
pointer-events: none;
}
#navata-user-clock .navata-user-clock-time {
font-size: 14px;
font-weight: 700;
}
#navata-user-clock .navata-user-clock-date {
margin-top: 2px;
font-size: 9px;
opacity: 0.85;
}
@media (max-width: 900px) {
#navata-user-logo {
width: 105px;
}
#navata-user-clock {
display: none;
}
}
/* =========================================================
NAVATA LOGGED-IN HEADER - APP ICON SPACING
Keep application icons clear of NAVATA logo
========================================================= */
body:has(#navata-user-logo) #header .header-left {
padding-left: 155px !important;
box-sizing: border-box !important;
}
/* Fallback for Nextcloud header structure */
body:has(#navata-user-logo) #header #appmenu {
margin-left: 145px !important;
}
/* NAVATA USER HEADER - FINAL LEFT SPACING */
body:has(#navata-user-logo) #navata-user-logo {
width: 115px !important;
height: 30px !important;
left: 18px !important;
top: 8px !important;
}
body:has(#navata-user-logo) #header .header-left {
padding-left: 135px !important;
}
body:has(#navata-user-logo) #header #appmenu {
margin-left: 0 !important;
}
/* =========================================================
NAVATA USER HEADER - NATIVE ICONS RESTORE
NAVATA -> Dashboard/Home -> Apps
Search -> Clock -> Bell -> User
========================================================= */
/* NAVATA logo */
body:has(#navata-user-logo) #navata-user-logo {
width: 110px !important;
height: 29px !important;
left: 16px !important;
top: 8px !important;
}
/* Give NAVATA logo its own area */
body:has(#navata-user-logo) #header .header-left {
padding-left: 125px !important;
box-sizing: border-box !important;
}
/* Do not add a second app-menu offset */
body:has(#navata-user-logo) #header #appmenu {
margin-left: 0 !important;
}
/* Restore native Nextcloud header/dashboard logo */
body:has(#navata-user-logo) #header .logo,
body:has(#navata-user-logo) #header a.logo {
visibility: visible !important;
}
/* Keep native logo/dashboard icon compact */
body:has(#navata-user-logo) #header .logo {
width: 34px !important;
min-width: 34px !important;
height: 44px !important;
background-size: 24px 24px !important;
}
/* Move NAVATA clock left so native Search remains visible */
body:has(#navata-user-logo) #navata-user-clock {
right: 190px !important;
min-width: 125px !important;
}
/* Never cover native right-side header controls */
body:has(#navata-user-logo) #header .header-right {
position: relative !important;
z-index: 10002 !important;
}
/* =========================================================
NAVATA USER HEADER - REMOVE NATIVE LOGO OVERLAP
Keep real Dashboard app entry visible
Do NOT change Search / Clock / Bell
========================================================= */
/* Hide only Nextcloud native branding logo */
body:has(#navata-user-logo) #header > .logo,
body:has(#navata-user-logo) #header > a.logo {
visibility: hidden !important;
}
/* NAVATA branding */
body:has(#navata-user-logo) #navata-user-logo {
width: 110px !important;
height: 29px !important;
left: 16px !important;
top: 8px !important;
}
/* Reserve NAVATA area before real application menu */
body:has(#navata-user-logo) #header .header-left {
padding-left: 125px !important;
box-sizing: border-box !important;
}
body:has(#navata-user-logo) #header #appmenu {
margin-left: 0 !important;
}
/* =========================================================
NAVATA USER HEADER - CLEAN FINAL LEFT SIDE
One NAVATA logo only
Dashboard -> Files -> Photos -> Activity...
========================================================= */
/* Our NAVATA logo */
body:has(#navata-user-logo) #navata-user-logo {
width: 105px !important;
height: 28px !important;
left: 16px !important;
top: 8px !important;
}
/* Hide Nextcloud's separate native branding/logo only */
body:has(#navata-user-logo) #header .logo {
visibility: hidden !important;
}
/* Do not use header-left padding from previous attempts */
body:has(#navata-user-logo) #header .header-left {
padding-left: 0 !important;
}
/* Move the REAL app menu after NAVATA */
body:has(#navata-user-logo) #header #appmenu {
margin-left: 120px !important;
}
/* RIGHT SIDE: leave current Search/Clock/Bell positions unchanged */
/* =========================================================
NAVATA CUSTOM PASSWORD RESET CARD
========================================================= */
#navata-reset-box {
max-width: 440px !important;
margin: 70px auto !important;
padding: 32px 34px !important;
background: #ffffff !important;
border-radius: 14px !important;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.28) !important;
color: #1f2937 !important;
text-align: center !important;
}
#navata-reset-box h2,
#navata-reset-box h3 {
color: #123b63 !important;
font-weight: 700 !important;
}
#navata-reset-box p {
color: #374151 !important;
}
#navata-reset-box input {
background: #ffffff !important;
color: #111827 !important;
}
#navata-reset-box button {
font-weight: 600 !important;
}
#navata-reset-box #reset-message {
font-weight: 600 !important;
}
#navata-reset-box a {
display: inline-block !important;
margin-top: 12px !important;
padding: 9px 18px !important;
background: #0b6fa4 !important;
color: #ffffff !important;
border-radius: 8px !important;
text-decoration: none !important;
font-weight: 600 !important;
}
/* ==========================================================
NAVATA SOFTWARE PASSWORD PAGE
PROFESSIONAL CORPORATE DESIGN - FINAL OVERRIDE
========================================================== */
/* Professional dark-blue background ONLY for Software auth */
body.navata-software-auth {
background:
radial-gradient(
ellipse at 50% 115%,
rgba(16, 116, 205, 0.90) 0%,
rgba(7, 75, 145, 0.55) 35%,
transparent 63%
),
linear-gradient(
145deg,
#061b38 0%,
#082c59 42%,
#0a4784 72%,
#0863a7 100%
) !important;
background-attachment: fixed !important;
}
/* ----------------------------------------------------------
REMOVE OLD MOVING NETWORK PATTERN ON SOFTWARE PAGE
---------------------------------------------------------- */
body.navata-software-auth #navata-network-bg {
display: none !important;
}
/* ----------------------------------------------------------
REMOVE OLD MOVING TICKER ON SOFTWARE PAGE
---------------------------------------------------------- */
body.navata-software-auth #navata-ticker {
display: none !important;
}
/* ----------------------------------------------------------
SOFT PROFESSIONAL BOTTOM WAVE
---------------------------------------------------------- */
body.navata-software-auth::before {
content: "";
position: fixed;
left: -10%;
right: -10%;
bottom: -24%;
height: 52%;
z-index: 0;
pointer-events: none;
background:
radial-gradient(
ellipse at center,
rgba(29, 139, 226, 0.48) 0%,
rgba(10, 94, 175, 0.25) 45%,
transparent 72%
);
transform: rotate(-3deg);
}
/* ----------------------------------------------------------
KEEP NEXTCLOUD AUTH CONTENT ABOVE BACKGROUND
---------------------------------------------------------- */
body.navata-software-auth #content,
body.navata-software-auth #content-vue,
body.navata-software-auth #app-content,
body.navata-software-auth main {
position: relative !important;
z-index: 10 !important;
}
/* ----------------------------------------------------------
NAVATA LOGO
The JS already creates #navata-software-logo.
Override the previous rule that hides it.
---------------------------------------------------------- */
body.navata-software-auth #navata-software-logo {
display: block !important;
visibility: visible !important;
width: 285px !important;
max-width: 70vw !important;
height: auto !important;
margin:
0 auto
5px auto !important;
padding: 0 !important;
position: relative !important;
z-index: 100 !important;
object-fit: contain !important;
filter:
drop-shadow(
0 8px 18px
rgba(0, 0, 0, 0.28)
) !important;
}
/* Keep generic login logo hidden on Software page */
body.navata-software-auth #navata-brand-logo {
display: none !important;
}
/* ----------------------------------------------------------
SOFTWARE PASSWORD CARD
Keep Nextcloud functionality - visual changes only
---------------------------------------------------------- */
body.navata-software-auth #core-public-share-auth {
position: relative !important;
z-index: 50 !important;
margin:
0 auto !important;
border-radius:
18px !important;
overflow: hidden !important;
box-shadow:
0 22px 55px
rgba(0, 0, 0, 0.32) !important;
}
/* ----------------------------------------------------------
LIVE CLOCK - PROFESSIONAL GLASS BOX
---------------------------------------------------------- */
body.navata-software-auth #navata-live-clock {
top: 24px !important;
right: 30px !important;
padding:
10px 18px !important;
border:
1px solid
rgba(126, 196, 255, 0.40) !important;
border-radius:
10px !important;
background:
rgba(3, 30, 65, 0.48) !important;
backdrop-filter:
blur(10px) !important;
-webkit-backdrop-filter:
blur(10px) !important;
color:
#ffffff !important;
box-shadow:
0 8px 25px
rgba(0, 0, 0, 0.20) !important;
text-shadow:
0 1px 5px
rgba(0, 0, 0, 0.40) !important;
}
/* ----------------------------------------------------------
MOBILE
---------------------------------------------------------- */
@media (max-width: 700px) {
body.navata-software-auth #navata-software-logo {
width:
210px !important;
max-width:
70vw !important;
}
body.navata-software-auth #navata-live-clock {
top:
8px !important;
right:
8px !important;
padding:
7px 10px !important;
font-size:
11px !important;
}
body.navata-software-auth #core-public-share-auth {
max-width:
calc(100vw - 30px) !important;
}
}
/* ==========================================================
NAVATA SOFTWARE SHARE - DIRECT FINAL DESIGN
========================================================== */
/* Directly detect the public-share password page */
body:has(#core-public-share-auth) {
background:
radial-gradient(
ellipse at 50% 115%,
rgba(20, 128, 220, 0.80) 0%,
rgba(8, 76, 150, 0.38) 38%,
transparent 66%
),
linear-gradient(
135deg,
#04172f 0%,
#06264c 42%,
#08457d 72%,
#0865a7 100%
) !important;
background-image:
radial-gradient(
ellipse at 50% 115%,
rgba(20, 128, 220, 0.80) 0%,
rgba(8, 76, 150, 0.38) 38%,
transparent 66%
),
linear-gradient(
135deg,
#04172f 0%,
#06264c 42%,
#08457d 72%,
#0865a7 100%
) !important;
background-attachment: fixed !important;
}
/* Kill old diamond/network layer */
body:has(#core-public-share-auth) #navata-network-bg,
body:has(#core-public-share-auth) #navata-network-bg::before,
body:has(#core-public-share-auth) #navata-network-bg::after {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
background: none !important;
background-image: none !important;
animation: none !important;
}
/* Kill old scrolling ticker */
body:has(#core-public-share-auth) #navata-ticker {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
animation: none !important;
}
/* Clean any old pattern from Nextcloud wrappers */
body:has(#core-public-share-auth) .wrapper,
body:has(#core-public-share-auth) .v-align,
body:has(#core-public-share-auth) .guest-content,
body:has(#core-public-share-auth) #content,
body:has(#core-public-share-auth) #content-vue {
background-image: none !important;
}
/* Password card */
body:has(#core-public-share-auth) #core-public-share-auth {
position: relative !important;
z-index: 50 !important;
border-radius: 18px !important;
box-shadow:
0 22px 60px
rgba(0, 0, 0, 0.38) !important;
}
/* Professional clock */
body:has(#core-public-share-auth) #navata-live-clock {
background:
rgba(3, 25, 55, 0.55) !important;
border:
1px solid
rgba(120, 195, 255, 0.42) !important;
border-radius: 10px !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
box-shadow:
0 8px 24px
rgba(0, 0, 0, 0.20) !important;
}
/* ==========================================================
NAVATA SOFTWARE PAGE - RESTORE BOTTOM SCROLLING TICKER
========================================================== */
body.navata-software-auth #navata-ticker {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 45px !important;
z-index: 10000 !important;
overflow: hidden !important;
white-space: nowrap !important;
border-top: 1px solid rgba(90, 190, 255, .45) !important;
background: rgba(2, 25, 57, .88) !important;
backdrop-filter: blur(8px);
box-shadow:
0 -5px 25px rgba(0, 0, 0, .25) !important;
}
body.navata-software-auth #navata-ticker-text {
display: inline-block !important;
padding-left: 100% !important;
line-height: 45px !important;
animation:
navataTickerMove 25s linear infinite !important;
}