/* ========================================================================= designbox — customizacja INTERFEJSU PO ZALOGOWANIU (Netbox Group) Ładowany na każdej stronie po zalogowaniu przez framework.xsl (assetImports). Analogia do loginCustom.css (który dotyczy tylko strony logowania). ========================================================================= */ :root { --nb-red: #EE3124; /* czerwień z logo Netbox/designbox */ --nb-red-dark: #DA291C; /* hover */ --nb-footer-bg: #333333; /* ciemny pasek stopki — jak na loginie */ --nb-footer-fg: #E8E8E8; /* jasny tekst stopki */ } /* --- STOPKA: spójna ze stroną logowania (ciemny pasek, jasny tekst) --- */ .wcr-page-footer.wcr-page-footer--nb { background: var(--nb-footer-bg) !important; color: var(--nb-footer-fg) !important; border: none !important; padding: 14px 24px !important; /* dokładnie jak stopka na loginie (.wcr-login-footer) */ } .wcr-page-footer--nb .wcr-page-footer-left, .wcr-page-footer--nb .wcr-page-footer-right { color: var(--nb-footer-fg); font-size: 13px; line-height: 20px; } .wcr-page-footer--nb a, .wcr-page-footer--nb .nb-footer-company, .wcr-page-footer--nb .privacy-link { color: var(--nb-footer-fg) !important; text-decoration: none; } .wcr-page-footer--nb a:hover, .wcr-page-footer--nb .nb-footer-company:hover, .wcr-page-footer--nb .privacy-link:hover { color: #fff !important; text-decoration: underline; } /* --- MENU BELKI: ciemne dropdowny + czerwień punktowo (LEWA i PRAWA strona) --- WebCenter 'Active Menu Color' koloruje na czerwono aktywne/otwarte/hover pozycje ORAZ całe tła dropdownów — po OBU stronach belki. Ujednolicamy: - aktywna zakładka menu głównego (bieżąca strona) = czerwona (jedyna), - hover/otwarcie pozostałych (lewa niezazn. + CAŁA prawa: home, koszyk, profil...) = neutralne, - panele dropdown (menu, profil, wyszukiwarka) = ciemne, czerwień tylko na najechanej pozycji. */ /* Aktywna zakładka menu głównego (bieżąca strona) — JEDYNA na czerwono */ #topLeftMenu > li.active > a, #topLeftMenu > li.active > a:hover, #topLeftMenu > li.active > a:focus, #topLeftMenu > li.active.open > a, #topLeftMenu > li.active.open > a:hover, #topLeftMenu > li.active.open > a:focus { background-color: var(--nb-red) !important; background-image: none !important; box-shadow: none !important; color: #fff !important; } /* Hover / otwarcie pozostałych pozycji belki (lewa niezaznaczona + CAŁA prawa) — neutralne, NIE czerwień */ #topLeftMenu > li:not(.active).open > a, #topLeftMenu > li:not(.active) > a:hover, #topLeftMenu > li:not(.active) > a:focus, #topLeftMenu > li:not(.active).open > a:hover, #topLeftMenu > li:not(.active).open > a:focus, #topRightMenu > li.open > a, #topRightMenu > li > a:hover, #topRightMenu > li > a:focus, #topRightMenu > li.open > a:hover, #topRightMenu > li.open > a:focus { background-color: #454545 !important; /* neutralne — informuje że otwarte/hover, bez czerwieni */ background-image: none !important; box-shadow: none !important; color: #fff !important; } /* Rozwinięte panele dropdown w CAŁEJ belce (menu główne, profil, wyszukiwarka) — ciemne */ .navbar-wcr .dropdown-menu { background-color: #333 !important; border: none !important; border-radius: 0 0 4px 4px !important; box-shadow: 0 8px 16px rgba(0, 0, 0, .25) !important; padding: 4px 0 !important; margin-top: 0 !important; } .navbar-wcr .dropdown-menu > li > a { color: #E8E8E8 !important; background-color: transparent !important; } .navbar-wcr .dropdown-menu > li > a:hover, .navbar-wcr .dropdown-menu > li > a:focus, .navbar-wcr .dropdown-menu > li.active > a { background-color: var(--nb-red) !important; /* czerwień punktowo: hover / aktywna pozycja */ color: #fff !important; } .navbar-wcr .dropdown-menu .divider { background-color: rgba(255, 255, 255, .12) !important; } /* --- LOGO NAGŁÓWKA: designbox białe (wpięte plikowo w navmenu.xsl, bo panel nie przyjmuje SVG) --- */ .navbar-wcr .applogowrapper .applogo, .navbar-wcr-placeholder .applogowrapper .applogo { height: 30px !important; /* proporcja SVG ~5:1 → szerokość ~153px; dostroimy po zrzucie */ width: auto !important; max-height: none !important; display: block !important; } /* wyśrodkowanie logo w pionie belki (Bootstrap navbar = 50px) + odstęp do pierwszej zakładki */ .navbar-wcr .navbar-header .applogowrapper, .navbar-wcr-placeholder .navbar-header .applogowrapper { display: flex !important; align-items: center !important; height: 50px !important; margin-left: 11px; /* wyrównane do lewej krawędzi treści ("Projects"/"My Work") — dostrojone optycznie */ margin-right: 50px; /* więcej powietrza między logo a menu */ } /* --- My Password: inline blok wymagań hasła (myprofileeditpassword.xsl) --- */ .nb-pwd-req { background: #f6f6f6; border: 1px solid #e2e2e2; border-left: 3px solid var(--nb-red); border-radius: 4px; padding: 12px 16px; width: fit-content; /* szerokość = treść + wewnętrzny margines (nie na sztywno) */ max-width: 620px; /* górny limit — dłuższe linie się zawijają */ font-size: 13px; line-height: 1.5; color: #414042; } /* usermgr: klikalne nagłówki kolumn (sortowanie klienckie usermgrSort.js) */ th.nb-sortable { cursor: pointer; user-select: none; } th.nb-sortable:hover { color: var(--nb-red); } .nb-sort-arrow { font-size: .8em; color: var(--nb-red); } /* usermgr: kliencki filtr listy (wszystkie kolumny, w tym Company) */ .nb-list-filter { margin: 8px 0 12px; padding: 8px 12px; background: #f6f6f6; border: 1px solid #e2e2e2; border-radius: 4px; } .nb-list-filter-label { font-weight: 600; margin-right: 8px; } .nb-list-filter-input { display: inline-block; width: 340px; max-width: 100%; } .nb-list-filter-count { margin-left: 10px; color: #6a6a6a; font-size: 12px; } .nb-pwd-req-title { font-weight: 600; margin-bottom: 6px; } .nb-pwd-req ul { margin: 0; padding-left: 18px; } .nb-pwd-req li { margin: 2px 0; } /* pola hasła węższe o ~60% (były na całą szerokość); min-width dla użyteczności */ .nb-mypassword-form input[type="password"] { width: 40% !important; min-width: 240px !important; } /* ukryj zbędny link "Tip: Complex password rules…" — to (mamy inline wymagania) */ .nb-mypassword-form [id*="complexpass-info"] { display: none !important; } /* Wyrównanie tytułów do pozycji "My Work" — TYLKO nagłówki BEZ przycisków akcji (DisplayHeaderNoAction: My Password, Search, Upload, formularze admina...). Strony typu Projects mają .header-action-buttons i są już w dobrej pozycji — ich NIE ruszamy (inaczej podwójny offset). :has() = nowoczesne przeglądarki; brak wsparcia => reguła ignorowana (bezpieczny fallback do stanu Esko). */ .page-header:not(:has(.header-action-buttons)) { padding-left: 10px !important; background: transparent !important; border: none !important; }