/* ========================================================================== STANDARD PANELI I CZCIONKI NA MOBILE — 2026-07-30 Jedno zrodlo prawdy dla szerokosci paneli #005560 i rozmiaru TEKSTU (nie tytulow) przy szerokosci ekranu <= 860px. ⚠️ ZANIM COKOLWIEK TU ZMIENISZ — przeczytaj standard_paneli_potwierdzone.md (kopia w _moje_memory/). Opisane sa tam CZTERY blokady, ktore wygladaja jak blad, a nia nie sa. Zmieniasz TYLKO wartosci w :root ponizej — reszta jest mechanizmem. ⚠️ .htaccess cachuje CSS na TYDZIEN → po kazdej zmianie podbij ?v= w Prawa1.php. ========================================================================== */ :root{ --panel-oddech: 5px; /* odstep panelu od krawedzi ekranu (max — wiecej wychodzi za ekran na Samsungu) */ --tekst-mobile: 17px; /* jednolita czcionka TEKSTU, nie tytulow */ --panel-padding: 13px; /* odstep tekstu od krawedzi panelu */ --tekst-interlinia: 1.3; /* 1.6 dawalo za duza szpare */ --tekst-desktop: 16px; /* to samo, ale >=861px */ --interlinia-desktop: 1.4; /* wzorzec: odautora.php (2026-08-04, decyzja usera) */ --kroj-tekstu: Arial, Helvetica, sans-serif; /* KANON SERWISU — patrz nizej */ } /* ========================================================================== KROJ TEKSTU — DOLOZONY 2026-08-04 (trzecia tura, decyzja usera: „wszedzie standard czcionka 16px, kroj, interlinia"). DLACZEGO: po wyrownaniu rozmiaru i interlinii user dalej zglaszal „za mala czcionka" na carlotta / florek_test3 / strona2202 / paradoksy. Pomiar wykazal, ze WSZYSTKIE MAJA DOKLADNIE 16px — tyle samo co wzorzec odautora.php. Rozni je KROJ: Times New Roman zamiast Ariala. Times ma nizsze litery (mniejsza wysokosc x), wiec przy tym samym font-size wyglada wyraznie mniej. To NIE zludzenie usera — to realna roznica, ktorej sam rozmiar nie wyrownuje. SKAD SIE BIERZE (trzy zrodla, wszystkie zalatane ta jedna regula): 1) jawnie na kontenerze — `#container{font-family:"Times New Roman"}` (carlotta, florek_test3, twarze, czerwono-czarni), 2) jawnie na body — paradoksy, florek_test, florek_test2, florek_hgratia, pdf_viewer, radio_wywiady, 3) BRAK deklaracji w ogole — strona2202 nie ustawia kroju nigdzie, wiec bierze domyslny przegladarki, a ten jest SZERYFOWY. Zrodlo 3 jest najgrozniejsze, bo nie da sie go znalezc grepem. WARTOSC `Arial, Helvetica, sans-serif` = kanon serwisu: dokladnie to maja `.tekstAqua` i `.tekstSilver` w style.css oraz wzorcowe odautora.php. ⚠️ TYTULY NIETKNIETE — decyzja usera: „w tytulach jest zamierzony, mowie tylko o tekstach tresci". Times w tytulach, linkach „Klik - powrot", paginacji i `.tekstWielki` zostaje, bo wykluczenia sa te same, co przy rozmiarze — nie trzeba bylo dokladac ani jednego nowego. ⚠️ ZASADA #1 JUMP (font-family na body = jump) NIE JEST TU LAMANA: regula celuje w POTOMKOW kontenera tresci, nigdy w `body`, a menu i stopka sa wykluczone jawnie — tak samo jak przy rozmiarze. >>> WYCOFANIE SAMEGO KROJU: skasuj linie `font-family: var(--kroj-tekstu)` (jest ich kilka — mobile i desktop). Rozmiar i interlinia zostaja. >>> ZMIANA KROJU: jedna wartosc `--kroj-tekstu` wyzej. ========================================================================== */ /* @layer: !important WEWNATRZ warstwy bije !important SPOZA warstwy niezaleznie od specyficznosci. Bez tego nie da sie przebic regul typu '#main-wrapper .tekstAqua{ font-size:18.7px !important }'. Jedyne, co jeszcze bije warstwe, to atrybut style="...!important" w HTML — takich elementow jest w serwisie 24 (glownie foot.php, kopie, logo). */ @layer standard{ @media (max-width: 860px){ /* --- PANEL --------------------------------------------------------- min() = mniejsza z dwoch: panel nigdy nie przekroczy ani rodzica, ani ekranu. Dzieki temu zmiana rodzica gdzie indziej nic tu nie psuje. Padding TYLKO poziomy — pionowy zostaje przy stronie, zeby nie zmieniac rytmu odstepow miedzy akapitami. */ .box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801, .sklad-zespolu,.content-card,.sklad-box,.gallery-box{ box-sizing: border-box !important; max-width: min(calc(100% - 2*var(--panel-oddech)), calc(100vw - 2*var(--panel-oddech))) !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--panel-padding) !important; padding-right: var(--panel-padding) !important; } /* --- PANEL BEDACY TABELA ------------------------------------------- ⚠️ Przy border-collapse:collapse CSS IGNORUJE padding na samej tabeli (tak jest z .tbl-801). Odstep robia wtedy komorki — i tylko BEZPOSREDNIE komorki panelu, zeby nie ruszac tabel zagniezdzonych. */ :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) > tbody > tr > td, :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) > tbody > tr > th, :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) > tr > td, :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) > tr > th{ padding-left: var(--panel-padding) !important; padding-right: var(--panel-padding) !important; } /* --- TEKST W PANELU ------------------------------------------------ KAZDY potomek dostaje WLASNA deklaracje (nie dziedziczy po rodzicu) — to jest istota standardu: zmiana rodzica gdzie indziej nic nie zepsuje. Tytuly chronia DWA warunki i oba sa konieczne: 1) :not(...) — sam element tytulu, 2) :not(:is(...) *) — WNETRZE tytulu; nazwa zespolu siedzi w BEZ KLASY wewnatrz
. ⚠️⚠️ LANCUCH :not() MUSI BYC W JEDNEJ LINII — spacja miedzy :not() to KOMBINATOR POTOMKA i po cichu psuje wykluczenia. Klasy tytulowe wykluczamy PO WZORCU NAZWY, nie z listy — dzieki temu nowa strona z klasa "cos-title" jest chroniona od razu. */ :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) *:not(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]):not(:is(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]) *){ font-size: var(--tekst-mobile) !important; line-height: var(--tekst-interlinia) !important; font-family: var(--kroj-tekstu) !important; } /* --- TEKST LEZACY WPROST NA TLE (POZA PANELEM) --------------------- Stare strony trzymaja czesc tresci poza panelem, wprost na zielonym tle — na blue.php to 29 x po 14.3px i 6 x .text-block. Zgloszone 2026-07-31: „tekst na body nie jest objety wlasciwym wymiarem". Zasieg = KONTENER TRESCI, nie `body`. ⚠️⚠️ MENU I STOPKA MUSZA BYC WYKLUCZONE JAWNIE. Zalozenie „Prawa1 stoi POZA #container" (zasada z jump_potwierdzone_przypadki.md) NIE JEST PRAWDZIWE w praktyce: pomiar 2026-08-01 wykazal **177 stron z `include('Prawa1.php')` WEWNATRZ `#container`** i tylko 40 poza nim. Bez wykluczenia menu dostawalo 17px na jednych stronach, a domyslny rozmiar na drugich → rozna wysokosc paska → PIONOWY JUMP przy KAZDYM przejsciu miedzy grupami. Zgloszone 2026-08-01 (zespoly → zespol): pasek 121px na zespoly vs 106px na stronach zespolow = skok 15px. Cztery grupy wykluczen (kazdy lancuch :not() W JEDNEJ LINII!): 1) MENU i STOPKA — patrz wyzej, 2) TYTULY i ich wnetrza — te same wzorce co przy panelach, 3) STEROWANIE odtwarzacza i przyciski — 12-13px z zalozenia, 4) MALE LINKI nawigacyjne („Klik - powrot") — maja byc male. */ :is(#container,#main-wrapper,.main-wrapper,#srodek,.page_fantom,.content-wrapper,.main-container) *:not(.main-nav-wrapper,.nav-wrapper,.nav-container,.nav-grid,.nav-divider,#menu-left,#menu-lewe,#overlay,.footer-section,#volume-slider-nav):not(:is(.main-nav-wrapper,.nav-wrapper,.nav-container,.nav-grid,.nav-divider,#menu-left,#menu-lewe,#overlay,.footer-section,#volume-slider-nav) *):not(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]):not(:is(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]) *):not(button,input,select,textarea,option,label,[class*="player"],[class*="pa-"],[class*="volume"],[class*="mode-"],[class*="time"],[class*="btn"],[class*="slider"]):not(:is(button,input,select,textarea,label,[class*="player"],[class*="pa-"],[class*="volume"],[class*="mode-"],[class*="time"],[class*="btn"],[class*="slider"]) *):not(.linkmaly,.linkwstecz,[class*="wstecz"],[class*="powrot"],[class*="maly"]):not(:is(.linkmaly,.linkwstecz,[class*="wstecz"],[class*="powrot"],[class*="maly"]) *){ font-size: var(--tekst-mobile) !important; line-height: var(--tekst-interlinia) !important; font-family: var(--kroj-tekstu) !important; } /* --- PODPISY GALERII MOBILNEJ -------------------------------------- Dociagane przez js/mobile-gallery.js z podstron .html i wstrzykiwane do DOM. Traktowane OSOBNO, bo galeria czesto stoi POZA panelem — na blue.php 16 z 17 podpisow — i wtedy regula panelowa ich nie lapie (zostawaly przy 14px, obok tekstu 17px = "podpisy maja inna czcionke", zgloszone 2026-07-30). */ .mobile-gallery-caption, .mobile-gallery-caption *{ font-size: var(--tekst-mobile) !important; line-height: var(--tekst-interlinia) !important; font-family: var(--kroj-tekstu) !important; } /* --- PODPISY ZDJEC POZA PANELEM ------------------------------------ Ten sam mechanizm co przy podpisach galerii: `.tekstSilver` stojacy POZA panelem nie dostawal standardu i zostawal przy 25px z globalnego style.css (blue.php), podczas gdy w panelu mial 17px. Regula klasowa lapie oba przypadki — w panelu wartosc jest ta sama, wiec nic nie psuje. Decyzja usera 2026-07-30: ujednolicic do rozmiaru tekstu. */ .tekstSilver, .tekstSilver *, .tekstsilver, .tekstsilver *, .tekst-silver, .tekst-silver *{ font-size: var(--tekst-mobile) !important; line-height: var(--tekst-interlinia) !important; font-family: var(--kroj-tekstu) !important; } /* --- PODPIS ZDJECIA OPAKOWANY W NAGLOWEK (2026-08-04) --------------- Stare strony trzymaja opis zdjecia w
zamiast w akapicie:
Rok 1961 ... H5 to dla przegladarki NAGLOWEK - domyslnie 0.83em i bold - a nasze wykluczenie tytulow (h1..h6) celowo go omijalo. Efekt: podpis miał 13.3px przy tekscie 16px i wygladal na "mniejsza czcionke". Zgloszone 2026-08-04. Skala: 88 stron z .opis-foto, w tym 69 z
. Reguła celuje WYLACZNIE w naglowki wewnatrz kontenera opisowego — podpisy majace wlasny rozmiar (.mini-caption 11px itd.) nie siedza w naglowku, wiec sa nietkniete. ⚠️ POGRUBIENIE — ZDJETE 2026-08-04 (druga tura, decyzja usera). Po wyrownaniu rozmiaru podpis dalej odstawal od reszty serwisu: „strona 1046 ... strona 114 ... obie strony chyba maja bold". Zmierzone: cala tresc podpisu font-weight 700, bo H5 jest dla przegladarki NAGLOWKIEM. Pogrubienie nie bylo decyzja autora — to skutek uboczny znacznika, dokladnie tak samo jak rozmiar 13.3px. Podpisy galerii mobilnej (te wlasciwe) pogrubienia nie maja, wiec zdjecie UJEDNOLICA, a nie zmienia standardu. Skala: 93 strony z naglowkiem w kontenerze opisowym. >>> POWROT DO POGRUBIENIA: skasuj linie `font-weight: normal` — SA DWIE: ta i blizniacza w czesci desktopowej (min-width 861px). Rozmiar i interlinia zostana wyrownane, wroci samo pogrubienie. >>> POWROT DO STANU SPRZED 08-04 (podpis maly i pogrubiony jak byl): skasuj OBA bloki w calosci — ten i desktopowy. */ :is([class*="opis"],[class*="podpis"],[class*="caption"]) :is(h1,h2,h3,h4,h5,h6), :is([class*="opis"],[class*="podpis"],[class*="caption"]) :is(h1,h2,h3,h4,h5,h6) *{ font-size: var(--tekst-mobile) !important; line-height: var(--tekst-interlinia) !important; font-weight: normal !important; /* patrz POWROT wyzej */ font-family: var(--kroj-tekstu) !important; } /* --- FURTKA AWARYJNA ----------------------------------------------- Gdy jakis element ma zostac po staremu: class="bez-standardu". */ .bez-standardu, .bez-standardu *{ font-size: revert !important; line-height: revert !important; font-family: revert !important; } } /* ====================================================================== DESKTOP (>=861px) dodane 2026-08-01 ROZSZERZONE NA CALY SERWIS 2026-08-04 — patrz "ZAKRES" nizej ====================================================================== Standard mobilny (blok wyzej) konczy sie na 860px, wiec DESKTOP nigdy nie byl ujednolicony. Pomiar 117 stron zespolow z 2026-08-01 wykazal PIEC zrodel rozmiaru tekstu naraz: 15px — 22 strony, inline `.tekstaqua{font-size:15px}` (m.in. signum) 13px — 11 stron, inline `.tekstaqua{font-size:13px}` 13px — 9 stron, inline `#main-wrapper{font-size:13px}` 13px — ~13 stron, dziedziczone ze `style.css` `.tekstAqua` 16px — ~60 stron, BRAK jakiejkolwiek reguly = domyslne przegladarki Te ostatnie 60 sa wzorcem — reszte dociagamy do nich (decyzja usera). ⚠️ ZAKRES — ZMIENIONY 2026-08-04. Do 08-04 blok byl zawezony do `body:has(.tekstZespol)`, czyli widzial TYLKO strony zespolow (114 ze 117). Efekt: po wyrownaniu mobile'u (08-03) na duzym ekranie dalej bylo "roznie" — pomiar 08-04 na stronach spoza zespolow dal 13 / 14 / 15 / 16 / 17 / 17.1 px naraz: odautora.php 16.0 x319 <- wzorzec dzwiek.php 15.0 x277 ryszardy2009.php 13.0 x117 strona1039.php 13.0 x105 ryszardy_music.php 13.0 x38 | 17.0 x22 ketz.php 14.0 x29 Warunek `body:has(.tekstZespol)` ZDJETY z obu selektorow — desktop dziala teraz tak samo jak mobile: wszedzie, gdzie jest KONTENER. Zasieg: 123 strony zespolow (bez zmian) + 159 pozostalych z kontenerem. Strony BEZ kontenera arkusz nadal omija — patrz CZESC 10 dokumentu. POWROT DO STANU SPRZED 08-04: dopisac `body:has(.tekstZespol) ` na poczatku obu selektorow ponizej i przy `.bez-standardu`. ⚠️ INTERLINIA — DOLOZONA 2026-08-04 (wczesniej blok ustawial TYLKO rozmiar). Do 08-04 rytm zostawal nietkniety, zeby nie zmieniac wysokosci tresci. Po wyrownaniu rozmiaru user zobaczyl, ze teraz rozjezdza sie wlasnie interlinia — pomiar 08-04 dal SIEDEM wartosci naraz: odautora.php 1.40 x310 <- wzorzec wskazany przez usera 1953_prasa.php 1.50 x1326 dzwiek.php 1.60 x243 | 1.50 x50 jazzklub.php 1.60 x51 | 1.50 x12 margaret.php 1.20 x101 ksiega_gosci.php normal x202 | 1.30 x91 blue.php normal x104 | 1.00 x12 (interlinia = czcionka!) ryszardy2009.php normal x117 Wartosc 1.4 = `--interlinia-desktop`, zmieniasz w :root na gorze. ⚠️ Mobile ma SWOJA wartosc (1.3) — te dwie sa niezalezne celowo. WYCOFANIE SAMEJ INTERLINII (gdyby rytm nie pasowal): skasuj trzy linie `line-height: var(--interlinia-desktop) !important;` ponizej. Rozmiar zostanie wyrownany, rytm wroci do stanu sprzed 08-04. WYCOFANIE: skasuj caly ten blok @media (od tego komentarza do klamry przed koncem @layer). Mobile jest osobno i nic nie traci. ⚠️ LANCUCH :not() MUSI BYC W JEDNEJ LINII — spacja miedzy :not() to KOMBINATOR POTOMKA i po cichu psuje wykluczenia (jak w bloku mobilnym). */ @media (min-width: 861px){ /* --- TEKST W PANELU --- (wykluczenia: tytuly i ich wnetrza + .zespol-data) .zespol-data = ROCZNIKI obok nazw na `zespoly.php` / `zespoly1.php`. Zgloszone 2026-08-05: „data przebija wielkoscia i gruboscia czcionki". To byla prawda i regres: strona deklaruje dla niej 11px times aqua, a standard podnosil ja do 16px Arial — czyli PONAD nazwe zespolu (15px times), ktora jest wykluczona przez [class*="nazwa"]. Arial ma wyzsza wysokosc x niz Times, wiec przy tej samej wadze 700 data wygladala wyraznie ciezej. Data jest ADNOTACJA przy nazwie, nie trescia — ma byc mniejsza. Wykluczenie TYLKO desktopowe: na mobile obie rzeczy stoja przy 17px i user to zaakceptowal 07-31. WYCOFANIE: skasuj `:not(.zespol-data)` z tej i z blizniaczej reguly nizej. */ :is(.box,.panel,.content-box,.info-box,.sekcja-karta,.tbl-801,.sklad-zespolu,.content-card,.sklad-box,.gallery-box) *:not(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]):not(:is(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]) *):not(.zespol-data){ font-size: var(--tekst-desktop) !important; line-height: var(--interlinia-desktop) !important; font-family: var(--kroj-tekstu) !important; } /* --- TEKST LEZACY WPROST NA TLE (POZA PANELEM) --- ⚠️ MENU I STOPKA WYKLUCZONE JAWNIE — `Prawa1.php` stoi WEWNATRZ `#container` na 177 stronach. Bez tego pasek dostalby 16px, zmienil wysokosc i zaczal skakac przy przejsciu zespoly -> zespol (dokladnie ten sam mechanizm, ktory opisano przy bloku mobilnym). Sterowanie odtwarzacza i male linki ("Klik - powrot") tez zostaja male. `.zespol-data` (roczniki) — wyjasnienie przy blizniaczej regule wyzej. */ :is(#container,#main-wrapper,.main-wrapper,#srodek,.page_fantom,.content-wrapper,.main-container) *:not(.main-nav-wrapper,.nav-wrapper,.nav-container,.nav-grid,.nav-divider,#menu-left,#menu-lewe,#overlay,.footer-section,#volume-slider-nav):not(:is(.main-nav-wrapper,.nav-wrapper,.nav-container,.nav-grid,.nav-divider,#menu-left,#menu-lewe,#overlay,.footer-section,#volume-slider-nav) *):not(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]):not(:is(.tekstZespol,.tekstWielki,.tekst-wielki,h1,h2,h3,h4,h5,h6,[class*="tytul"],[class*="title"],[class*="naglow"],[class*="header"],[class*="nazwa"],[class*="subtitle"],[class*="font"]) *):not(button,input,select,textarea,option,label,[class*="player"],[class*="pa-"],[class*="volume"],[class*="mode-"],[class*="time"],[class*="btn"],[class*="slider"]):not(:is(button,input,select,textarea,label,[class*="player"],[class*="pa-"],[class*="volume"],[class*="mode-"],[class*="time"],[class*="btn"],[class*="slider"]) *):not(.linkmaly,.linkwstecz,[class*="wstecz"],[class*="powrot"],[class*="maly"]):not(:is(.linkmaly,.linkwstecz,[class*="wstecz"],[class*="powrot"],[class*="maly"]) *):not(.zespol-data){ font-size: var(--tekst-desktop) !important; line-height: var(--interlinia-desktop) !important; font-family: var(--kroj-tekstu) !important; } /* --- PODPIS ZDJECIA OPAKOWANY W NAGLOWEK --- Blizniak reguly z bloku mobilnego - pelne wyjasnienie tam. W skrocie: stare strony trzymaja opis zdjecia w
, ktory jako naglowek byl omijany przez standard i zostawal przy 13.3px — a przy okazji, jako naglowek, byl POGRUBIONY. Oba skutki uboczne znacznika sa tu zdejmowane. >>> POWROT DO POGRUBIENIA: skasuj linie `font-weight: normal` (ta i blizniacza w czesci mobilnej — pelny opis przy tamtej). */ :is([class*="opis"],[class*="podpis"],[class*="caption"]) :is(h1,h2,h3,h4,h5,h6), :is([class*="opis"],[class*="podpis"],[class*="caption"]) :is(h1,h2,h3,h4,h5,h6) *{ font-size: var(--tekst-desktop) !important; line-height: var(--interlinia-desktop) !important; font-weight: normal !important; /* patrz POWROT wyzej */ font-family: var(--kroj-tekstu) !important; } /* --- FURTKA AWARYJNA — ta sama co na mobile --- Cofa OBA parametry, bo blok ustawia teraz oba (od 2026-08-04). */ .bez-standardu, .bez-standardu *{ font-size: revert !important; line-height: revert !important; font-family: revert !important; } } }