/* ===================================================================== PLANGEO – sjednocení vzhledu (audit, bod 18) --------------------------------------------------------------------- Přenáší novější vizuální jazyk ze stránky /pasport-stavby na zbytek webu. IZOLACE: úplně všechno je zanořené pod třídou .pg-v2, kterou nese . Nic z tohoto souboru se tedy neuplatní na stránce, která tu třídu nemá — /pasport-stavby si dál jede po svém (pasport/scss/BT5.css + pasport-stavby.css) a tenhle soubor se jí ani nedotkne. VYPNUTÍ: stačí odebrat třídu pg-v2 z v layouts/*.htm a web je okamžitě zpět v původní podobě. Žádný původní soubor (mains.css, BT5c.css, main.css) není změněný. CO SE PŘENÁŠÍ (a odkud): 1. nadpisy font-weight 800 – pasport/scss/BT5.css:1635 (hlavní web má 500) 2. tlačítka do tvaru pilulky – pasport/scss/pasport-stavby.css:1-3 3. zelené tlačítko + stín – pasport/scss/pasport-stavby.css:5-23 4. karty stejně vysoké v řádku – pasport/scss/pasport-stavby.css:164-166 5. menší nadpisy v kartách – pasport/scss/BT5.css:9224 (hlavní web má 18px) 6. .half-blue-text – pasport/scss/pasport-stavby.css:25-27 7. odsazení kotev pod hlavičku – pasport/scss/pasport-stavby.css:42-56 ===================================================================== */ /* ---------- 1. Nadpisy: tučnější řez (500 -> 800) ---------- */ .pg-v2 h1, .pg-v2 .h1, .pg-v2 h2, .pg-v2 .h2, .pg-v2 h3, .pg-v2 .h3, .pg-v2 h4, .pg-v2 .h4, .pg-v2 h5, .pg-v2 .h5, .pg-v2 h6, .pg-v2 .h6 { font-weight: 800; } /* Pozn.: žádná výjimka pro .MB — na /pasport-stavby se nadpis v kartě (h6.MB) vykresluje rovněž ve váze 800, takže ho tu necháváme také 800. */ /* ---------- 2. + 3. Tlačítka ---------- */ .pg-v2 .btn { border-radius: 50px !important; } .pg-v2 .btn-success { background-color: var(--bs-green) !important; border-color: var(--bs-green) !important; box-shadow: 3px 9px 23px rgba(74, 39, 13, 0.91); } .pg-v2 .btn-success span { color: var(--bs-blue) !important; } .pg-v2 .btn-success .img-svg { filter: none; } .pg-v2 .btn-success:hover { background-color: var(--bs-blue-l) !important; border-color: var(--bs-blue-l) !important; } .pg-v2 .btn-success:hover span { color: var(--bs-white) !important; } .pg-v2 .btn-success:hover .img-svg { filter: brightness(0) invert(1); } /* Ikona v tlačítku je SVG přímo v HTML – při hoveru ji přebarvíme na bílou */ .pg-v2 .btn-success:hover svg path { fill: var(--bs-white); } /* ---------- 4. Karty služeb: v rámci řádku stejně vysoké ---------- */ .pg-v2 .oxs-l .blue-box, .pg-v2 .oxs-l .green-box, .pg-v2 .boxes .blue-box, .pg-v2 .boxes .green-box { height: 100%; } /* ---------- 5. Velikost nadpisů v kartách ZÁMĚRNĚ NEMĚNÍME ---------- Základ pasportu má .OS h6 na 15px, hlavní web na 18px — jenže pasport si to pak sám přebíjí na 20px přes .OS .main-title. Kdybychom sem dali 15px, všech dvanáct karet na homepage by se přeskládalo a text by se zdrobnil. Přebíráme tedy jen tučnější řez (bod 1), velikost zůstává původních 18px. */ /* ---------- 6. Doplňková barva textu ---------- */ .pg-v2 .half-blue-text { color: rgba(18, 29, 57, 0.85); } /* ---------- 7. Kotvy: nadpis sekce nesmí skončit pod sticky hlavičkou ---------- */ .pg-v2 #OS, .pg-v2 #CU, .pg-v2 #REF, .pg-v2 #CGS, .pg-v2 #FAQS, .pg-v2 #poptavka { scroll-margin-top: 120px; } @media (min-width: 1200px) { .pg-v2 #OS, .pg-v2 #CU, .pg-v2 #REF, .pg-v2 #CGS, .pg-v2 #FAQS, .pg-v2 #poptavka { scroll-margin-top: 175px; } }