/* ========================================================================= LINDA theme overlay (lnd-theme.css, 2026-07-03, homelab) 1) Jemny facelift svetleho rezimu (radius, hover, formulare) 2) Dark rezim: html[data-lnd="dark"] — prepinac v menu (custom-homelab.js) Reverzibilni: smazat tento soubor + ve Footer.tpl. ========================================================================= */ /* ---------- SPOLECNY FACELIFT (light i dark) ---------- */ .btn { border-radius: 6px !important; } input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="time"], input[type="number"], select, textarea { border-radius: 6px !important; } .listViewEntries:hover td { background: rgba(200, 53, 58, .05); } .dropdown-menu { border-radius: 8px !important; box-shadow: 0 8px 26px rgba(0,0,0,.18) !important; } .listViewEntriesTable td, .listViewEntriesTable th { padding-top: 7px !important; padding-bottom: 7px !important; } /* ---------- v1.2: globalni vyhledavani = jednotna pilulka (light i dark) ---------- */ .input-append.searchBar input#globalSearchValue, .searchBar input#globalSearchValue { border-radius: 18px 0 0 18px !important; border-right: 0 !important; padding-left: 16px !important; height: 30px; } .input-append.searchBar .btn, .input-append.searchBar button, .input-append.searchBar input[type="submit"], .input-append.searchBar .add-on, .searchBar .btn, .searchBar button, .searchBar input[type="submit"] { border-radius: 0 18px 18px 0 !important; height: 40px; } /* ---------- DARK REZIM v2 — inverzni filtr (Dark Reader technika) ---------- Root filtr ztmavi VSE (invert+hue-rotate zachova odstiny); media se re-invertuji zpet do originalu. Filtr na nerozbiji position:fixed (root filter = cely canvas). */ html[data-lnd="dark"]{ filter: invert(0.94) hue-rotate(180deg); background:#fff; } html[data-lnd="dark"] img, html[data-lnd="dark"] video, html[data-lnd="dark"] iframe, html[data-lnd="dark"] canvas, html[data-lnd="dark"] svg image, html[data-lnd="dark"] #lndThemeBtn { filter: invert(1) hue-rotate(180deg); } /* dvojite media uvnitr re-invertovaneho ramce neresit (iframe je samostatny dokument) */ html[data-lnd="dark"] ::-webkit-scrollbar { width: 11px; height: 11px; } html[data-lnd="dark"] ::-webkit-scrollbar-track { background: #e8e8e8; } html[data-lnd="dark"] ::-webkit-scrollbar-thumb { background: #b9c2cc; border-radius: 6px; } /* logo: NEre-invertovat — bily podklad splyne s tmavou listou, cervena zustane (hue-rotate) */ html[data-lnd="dark"] .companyLogo img { filter: none; } /* ---------- LOGO wordmark v2 = varianta 4 "LINDA jako hlavni" (JS blok LINDA-LOGO) ---------- */ .companyLogo img { display: none !important; } .companyLogo { display: flex !important; align-items: center; height: 100%; } .lnd-logo-wrap { display: inline-flex; flex-direction: column; justify-content: center; text-decoration: none !important; line-height: 1; padding: 0 2px; margin-top: -4px; } .lnd-logo-main { font-family: 'Segoe UI', 'Open Sans', Arial, sans-serif; font-size: 26px; font-weight: 800; letter-spacing: 7px; color: #2b3540; white-space: nowrap; } .lnd-logo-main b { color: #ff5d60; font-weight: 800; text-shadow: 0 1px 4px rgba(0,0,0,.55); } .lnd-logo-sub { font-size: 9px; font-weight: 600; letter-spacing: 2.5px; color: #8b97a5; text-transform: uppercase; margin-top: 4px; } .lnd-logo-wrap:hover .lnd-logo-main b { color: #e0393c; } /* ---------- HLAVICKA v2: prouzek s logem tmavy jako menu (ladi se Zdi) ---------- */ /* barvu prebira JS (sync s menu podle vtiger palety - stetka) */ .navbar.commonActionsContainer, .commonActionsContainer, .commonActionsContainer .actionsContainer { border: 0 !important; box-shadow: none !important; } .lnd-logo-main { color: #eef2f6 !important; } .lnd-logo-sub { color: #7d8896 !important; } /* bila linka pod hlavickou pryc + napojeni na obsah */ .commonActionsContainer { border-bottom: 1px solid rgba(0,0,0,.25) !important; margin-bottom: 0 !important; } .navbar { margin-bottom: 0 !important; } /* v dark rezimu hlavicku NEinvertovat -> zustane nativne tmava v obou rezimech. POZOR: counter-invert jen na NEJVYSSI kontejner; vnorene explicitne none, jinak se dva filtry vyrusi a lista se otoci do svetla. */ html[data-lnd="dark"] .navbar.navbar-fixed-top { filter: invert(1) hue-rotate(180deg); } html[data-lnd="dark"] .navbar.navbar-fixed-top .navbar-inner, html[data-lnd="dark"] .navbar.navbar-fixed-top .commonActionsContainer, html[data-lnd="dark"] .navbar.navbar-fixed-top .actionsContainer { filter: none !important; } /* fallback: kdyby commonActionsContainer nekde stal mimo fixed-top */ html[data-lnd="dark"] body > .commonActionsContainer { filter: invert(1) hue-rotate(180deg); } /* ========================================================================= DETAIL-ZEBRA (2026-07-06) — zvyrazneni sedych pruhu (labelu) v detailu. Puvodni .fieldLabel bg #f7f7f9 = skoro bila, na monitoru neviditelne. Dark rezim resi root-invert filtr sam (svetla barva se prevrati). */ html[data-lnd-zebra="1"] .detailview-table td.fieldLabel { background: #e2e7ef !important; border-bottom: 1px solid #454b57 !important; color: #37414f !important; } html[data-lnd-zebra="1"] .detailview-table td.fieldLabel label { font-weight: 600 !important; } html[data-lnd-zebra="1"] .detailview-table td.fieldValue { border-bottom: 1px solid #454b57 !important; } html[data-lnd-zebra="1"] .detailview-table tr:hover td.fieldLabel { background: #d7deea !important; } /* ========================================================================= PLUS-CENTER (2026-07-06) — quick-create plusko (#menubar_quickCreate) sedelo 5px pod stredem hlavickoveho prouzku (baseline + row margin-top 9px). position:relative nemeni layout okoli, dropdown toggle funguje. */ #menubar_quickCreate { position: relative; top: -5px; } /* CHYTRA-BTN (2026-07-07) — zelene tlacitko Chytra nabidka v hlavicce detailu leadu */ button[id^="Leads_detailView_basicAction_Chytr"]{background:#65BC7B !important;background-image:none !important;border-color:#57a86c !important;color:#fff !important;text-shadow:none !important;} button[id^="Leads_detailView_basicAction_Chytr"]:hover{background:#57a86c !important;} /* ========================================================================= LND-MOBILE (2026-07-10) — responzivni opravy pro telefony (vtiger vlayout neni responsive; bootstrap2 stackuje spany, ale nechava floaty/pevne sirky). Plati jen do 767px — desktop nedotcen. ========================================================================= */ @media (max-width: 767px) { /* --- 1) DETAIL: akcni tlacitka — kompaktni radek misto sloupce pres titulek --- */ .detailViewTitle { display: flex !important; flex-direction: column; } .detailViewTitle .span7, .detailViewTitle .span5 { width: 100% !important; float: none !important; } .detailViewTitle h4, .detailViewTitle .recordBasicInfo { font-size: 19px !important; } .detailViewTitle .btn-toolbar, .detailViewTitle .pull-right { float: none !important; text-align: left; } .detailViewTitle .btn-toolbar .btn-group { display: inline-block !important; width: auto !important; float: none !important; margin: 3px 6px 3px 0 !important; vertical-align: middle; } .detailViewTitle .btn { display: inline-block !important; width: auto !important; white-space: nowrap; } .detailViewTitle .btn-group > .btn + .btn { margin-left: -1px; } /* --- 2) DETAIL: prava lista souvisejicich zalozek — plna sirka, vodorovny scroll, NIKDY nesmi prekryvat obsah --- */ .detailViewContainer .related { position: static !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; } .detailViewContainer .related .nav.nav-pills, .detailViewContainer .related ul.nav { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; margin: 0 !important; padding: 4px 2px !important; background: #f4f6f8; border-radius: 8px; } .detailViewContainer .related ul.nav > li { flex: 0 0 auto !important; float: none !important; width: auto !important; } .detailViewContainer .related ul.nav > li > a { width: auto !important; max-width: none !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; padding: 7px 12px !important; } .detailViewContainer .details, .detailViewContainer .detailViewInfo .span10 { width: 100% !important; margin-left: 0 !important; float: none !important; } /* --- 3) Siroke tabulky (detail, kontrola, smlouvy, dostupnost…): scroll uvnitr, stranka sama nikdy neroste do sirky --- */ .contentsDiv, .bodyContents, .listViewContentDiv, .listViewEntriesDiv, .detailViewInfo, .listViewPageDiv { overflow-x: auto !important; -webkit-overflow-scrolling: touch; } .contentsDiv table { max-width: none; } html, body { max-width: 100vw; overflow-x: hidden; } /* --- 4) mensi okraje, at obsah neni utopeny --- */ .mainContainer { margin-top: 8px !important; min-height: 0 !important; } .bodyContents, .contentsDiv { min-height: 0 !important; } .listViewPageDiv { padding: 8px !important; } /* --- 5) horni menu: zalamovat na vic radku (scroll orezaval dropdowny Admin/Vsechno) --- */ .navbar .nav-collapse { overflow: visible !important; height: auto !important; } /* --- 6) detailove tabulky: bunky at se lamou, kopirovaci ikony drzi --- */ .detailview-table td.fieldValue { word-break: break-word; } /* --- 7) globalni hledani nepretejka --- */ .searchBar input#globalSearchValue { max-width: 55vw; } } /* LND-MOBILE dodatek: levy panel (quicklinks sidebar) na telefonu skryt — dupluje horni menu a zabiral pul obrazovky nad obsahem */ @media (max-width: 767px) { #leftPanel, .sideBarContents, .toggleButton { display: none !important; } #rightPanel, .contentsDiv.marginLeftZero { margin-left: 0 !important; width: 100% !important; } } /* LND-MOBILE dodatek 2: vtiger ma #leftPanel.hide{display:block!important} (hover sidebar) -> nutna vyssi specificita; + mainContainer sedy gradient sloupec pryc */ @media (max-width: 767px) { div#leftPanel.hide.row-fluid, #leftPanel.hide, div#leftPanel { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; } .mainContainer, .contentsDiv { background: #fff !important; background-image: none !important; } } /* LND-MOBILE dodatek 3 (2026-07-10): detail hlavicka kompakt — sipky prev/next vpravo nahore vedle jmena, tlacitka mensi a hustsi */ @media (max-width: 767px) { .detailViewTitle { position: relative !important; display: block !important; } .detailViewTitle > .span10 { padding-right: 96px; box-sizing: border-box; } .detailViewTitle .span2.detailViewPagingButton { position: absolute !important; top: 2px; right: 4px; width: auto !important; height: auto !important; float: none !important; margin: 0 !important; } .detailViewTitle .detailViewPagingButton .btn-group { display: inline-flex !important; flex-direction: row !important; float: none !important; width: auto !important; } .detailViewTitle .detailViewPagingButton .btn { width: 40px !important; height: 32px; padding: 4px 0 !important; } /* tlacitka: mensi, tesnejsi -> vic se jich vejde na radek */ .detailViewTitle .btn { padding: 5px 10px !important; font-size: 13px !important; } .detailViewTitle .btn-toolbar .btn-group { margin: 2px 4px 2px 0 !important; } .detailViewTitle h4, .detailViewTitle .recordBasicInfo { margin: 2px 0 6px !important; } } /* LND-MOBILE dodatek 3b: rezervu pro sipky jen u radku se jmenem, tlacitka plna sirka */ @media (max-width: 767px) { .detailViewTitle > .span10 { padding-right: 0 !important; } .detailViewTitle > .span10 .span5 { padding-right: 96px !important; box-sizing: border-box; } } /* LND-MOBILE dodatek 4 (2026-07-11): horni menu na telefonu — vsechny polozky viditelne (wrap na 2-3 radky), dropdowny Admin/Vsechno se rozbaluji pres obsah */ @media (max-width: 767px) { .navbar .nav-collapse .nav, .navbar ul.nav { display: flex !important; flex-wrap: wrap !important; white-space: normal !important; overflow: visible !important; height: auto !important; float: none !important; } .navbar ul.nav > li { float: none !important; flex: 0 0 auto; position: relative; } .navbar ul.nav > li > a { padding: 8px 10px !important; font-size: 14px !important; } .navbar .navbar-inner, .navbar .container-fluid { height: auto !important; overflow: visible !important; } .navbar .btn-navbar { display: none !important; } /* hamburger netreba, menu je cele videt */ .navbar .nav-collapse.collapse { display: block !important; } /* dropdown menu: nad vsim, neorezane, scroll uvnitr kdyz je dlouhe */ .navbar .dropdown-menu { position: absolute !important; z-index: 10050 !important; max-height: 70vh; overflow-y: auto !important; left: 0 !important; right: auto !important; } /* posledni polozky (vpravo) at dropdown neutece mimo displej */ .navbar ul.nav > li:nth-last-child(-n+2) .dropdown-menu { left: auto !important; right: 0 !important; } } /* LND-MOBILE dodatek 5 (2026-07-11): pruh logo+vyhledavani — jeden radek, svisle na stred */ @media (max-width: 767px) { .commonActionsContainer .actionsContainer, .commonActionsContainer .actionsContainer > .row-fluid { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 6px; height: auto !important; } .commonActionsContainer .actionsContainer [class*="span"] { width: auto !important; float: none !important; margin: 0 !important; min-height: 0 !important; } .commonActionsContainer .searchBar, .commonActionsContainer .searchBar .row-fluid { display: flex !important; align-items: center !important; flex: 1 1 auto; margin: 0 !important; } .commonActionsContainer .searchBar input#globalSearchValue { flex: 1 1 auto; min-width: 0; margin: 0 !important; } .commonActionsContainer .searchBar .btn, .commonActionsContainer .searchBar input[type="submit"] { flex: 0 0 auto; } .companyLogo { flex: 0 0 auto !important; } } /* LND-MOBILE dodatek 6 (2026-07-11): menu neni fixed (pozadi pokryje wrap radky, neprekryva obsah) + vynutit viditelnost VSECH tabu vc. "Vsechno" (vtiger JS jim dava inline display:none pri spatnem prepoctu sirky) */ @media (max-width: 767px) { .navbar.navbar-fixed-top { position: static !important; } body { padding-top: 0 !important; } .navbar ul.nav > li.tabs, .navbar ul.nav > li.dropdown.tabs { display: block !important; } } /* LND-MOBILE dodatek 7 (2026-07-11): #topMenus mel fixni vysku 40px -> logo/search pruh prekryval 2.-3. radek menu; + Vsechno dropdown zarovnat vlevo */ @media (max-width: 767px) { #topMenus.navbar, .navbar#topMenus, #topMenus { height: auto !important; min-height: 0 !important; } #nav-inner.navbar-inner { height: auto !important; } .navbar ul.nav > li.lnd-vse .dropdown-menu { left: 0 !important; right: auto !important; } } /* LND-MOBILE dodatek 8 (2026-07-13): dodatek 5 (flex !important na .searchBar) omylem odkryl skryty vtiger globalSearch -> na mobilu byly 2 vyhledavace. Vtiger searchBar zpet skryt; LINDA vlastni hledani (form Hledat) zustava. */ @media (max-width: 767px) { .commonActionsContainer .input-append.searchBar, .commonActionsContainer .searchBar:has(#globalSearchValue), #globalSearchValue { display: none !important; } }