/* PLIK CSS DLA PROGRAMÓW TeamAdmin i PARY ostatnia poprawka: 29-wrz-2026 - widoczna ramka kart, mniejsze odstępy (między tabelami i wierszami td.e) poprzednio: 24-wrz-2026 - odświeżenie wizualne (nowoczesny styl, konwencja niebieska) WSZYSTKIE oryginalne selektory zostały zachowane 1:1 - zmieniono wyłącznie wartości (kolory, odstępy, typografia) oraz dopisano kilka reguł ogólnych (wyśrodkowanie strony, "karty" dla tabel, nowoczesna typografia). Napisy postaci :XX bedą zmieniane na: BG kolor tła TX kolor tekstu RA kolor ramki RP kolor ramki w parach FO nazwa fontu FS wielkość fontu w punktach - potem FS, FS+1, FS-3 ... HO tło komórki gospodarza VI tło komórki gościa TT tło komórki z tytułem TK tło komórki nagłówkowej */ /* ============================= PALETA / ZMIENNE ============================= */ :root { --navy: #0c3f6e; /* główny, mocny niebieski - banery, akcenty, hover */ --navy-strong: #082a4b; --ink: #1d2b3a; /* tekst podstawowy, cieplejszy niż czysta czerń */ --ink-soft: #4d6076; /* tekst pomocniczy / stopka */ --line: #dbe6f2; /* delikatne linie siatki */ --line-soft: #e7eef7; --panel: #eef5fc; /* tło komórek nagłówkowych / etykiet */ --panel-strong: #dcebfb; /* tło komórek nagłówka tabeli */ --accent-row: #cfe7fb; /* wyróżniony wiersz (dawne 9AC7F8) */ --ns-tint: #ffedd3; /* gospodarz / NS (dawne FFDDAA) */ --ew-tint: #fdf6d9; /* gość / EW (dawne FFF9CA) */ --win-tint: #e3f6ea; /* zwycięzca / awans (dawne #dfd) */ --lose-tint: #fbeaea; /* przegrany / spadek (dawne #fee) */ --repechage-tint: #fff3cf;/* baraż (dawne #ffb) */ --surface: #ffffff; --page-bg-top: #eef3fa; --page-bg-bottom: #e3ebf6; --shadow: 0 1px 2px rgba(12, 40, 70, .06), 0 12px 28px -8px rgba(12, 40, 70, .18); --radius: 14px; --frame: #a9c0d9; /* ramka wokół kart z tabelami */ --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } * { box-sizing: border-box; } html { background: var(--page-bg-bottom); } body.all { background-color: #FFFFFF; background: linear-gradient(180deg, var(--page-bg-top) 0%, var(--page-bg-bottom) 100%) fixed; margin: 0; min-height: 100vh; padding: 28px 16px 48px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Wyśrodkowanie: zwykłe blokowe "margin: auto", NIE flexbox/grid align-items. Dzięki temu bardzo szerokie tabele (np. butler) da się przewinąć w obie strony na wąskich ekranach - flex/grid "align-items: center" potrafi ukryć lewą/górną nadwyżkę poza zasięgiem przewijania. */ body.all > table, body.all > span#logo { display: table; margin-left: auto; margin-right: auto; } /* karta - każda tabela bezpośrednio w body staje się wyśrodkowaną, zaokrągloną kartą */ body.all > table { background: var(--surface); /* wąska, ale widoczna ramka + wewnętrzny margines, żeby granatowy pasek tytułowy nie dotykał krawędzi karty (również u góry) */ border: 1px solid var(--frame); border-collapse: separate; padding: 5px; border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; margin-top: 0; margin-bottom: 22px; } /* dwie karty jedna pod drugą (np. tabela wyników + lista rund) - mniejszy odstęp */ body.all > table:has(+ table), body.all > table:has(+ p.vs), body.all > table:has(+ br) { margin-bottom: 8px; } body.all > table + table { margin-top: 0; } body.all > p.vs { margin: 0; line-height: 0; } body.all > table + br { display: none; } body.all > div { margin-left: auto !important; margin-right: auto !important; margin-bottom: 22px; } body.all > p { text-align: center; color: var(--ink-soft); margin: 6px 0; } body.all > span#logo { text-align: center; margin-bottom: 6px; } #logo { margin-bottom: 6px; } /* nagłówek strony renderowany starym znacznikiem - nadajemy nowoczesny wygląd */ font { font-family: var(--font); } font[size="5"] { font-weight: 700; color: var(--navy-strong); font-size: 1.55rem; letter-spacing: .1px; } font[size="4"] { font-weight: 500; color: var(--ink-soft); font-size: 1.02rem; } /* obrazki normalnie bez ramki, flagi mają ramkę jasnoszarą */ img {border: none} /* mała flaga */ img.fl {border: 1px solid #c9d7e6; border-radius: 2px; height: 18px; width: 16px; vertical-align: middle} /* średnia flaga */ img.flb {border: 1px solid #c9d7e6; border-radius: 2px; height: 20px; width: 28px;vertical-align: middle} /* normalny rozmiar flagi */ img.bfl {border: 1px solid #c9d7e6; border-radius: 3px} /* normalne elementy*/ p,td,ul,ol {font-size: 10pt; font-family: var(--font); font-weight: normal; color: var(--ink)} h1 {font-family: var(--font); color: var(--navy-strong)} h2 {font-family: var(--font); color: var(--navy-strong)} h3 {font-family: var(--font); color: var(--navy-strong)} h4 {font-family: var(--font); color: var(--navy-strong)} h5 {font-family: var(--font); color: var(--navy-strong)} h6 {font-family: var(--font); color: var(--navy-strong)} td {padding: 2px} /* paragrafy specjalne*/ p.f {font-size: 8pt; font-family: var(--font); font-weight: normal; color: var(--ink-soft); border: none; padding-top: 6px} span.wspak {unicode-bidi:bidi-override; direction: rtl} p.vs {font-size: 3pt} /* tablica/rząd stronicowane */ .np {page-break-before: always} /* linki normalny - bez podkreślenia, zmiana kolorów, delikatne przejście */ a:link {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: var(--ink); border-radius: 4px; transition: background-color .12s ease, color .12s ease} a:visited {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none;color: var(--ink)} a:hover {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a:active {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a:focus-visible {outline: 2px solid var(--navy); outline-offset: 2px} /* */ a.ti:link {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none;color: var(--ink)} a.ti:visited {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none;color: var(--ink)} a.ti:hover {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: var(--ink); background-color: #FFFFFF} a.ti:active {font-size: 10pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: var(--ink); background-color: #FFFFFF} /* */ a.m:link {font-size: 8pt; font-family: var(--font); font-weight: normal; text-decoration: underline;color: var(--ink)} a.m:visited {font-size: 8pt; font-family: var(--font); font-weight: normal; text-decoration: none;color: var(--ink)} a.m:hover {font-size: 8pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a.m:active {font-size: 8pt; font-family: var(--font); font-weight: normal; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} /* */ a.z0:link {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: #FFFFFF; background-color: var(--navy); border-radius: 4px} a.z0:visited {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: #FFFFFF; background-color: var(--navy); border-radius: 4px} a.z0:hover {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy-strong)} a.z0:active {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy-strong)} /* */ a.zb:link {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--navy-strong)} a.zb:visited {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--navy-strong)} a.zb:hover {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a.zb:active {font-size: 10pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} /* */ a.b:link {font-size: 14pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--ink)} a.b:visited {font-size: 14pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--ink)} a.b:hover {font-size: 14pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a.b:active {font-size: 14pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} /* */ a.bi:link {font-size: 12pt; font-family: var(--font); text-decoration: none;color: var(--ink)} a.bi:visited {font-size: 12pt; font-family: var(--font); text-decoration: none;color: var(--ink)} a.bi:hover {font-size: 12pt; font-family: var(--font); text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a.bi:active {font-size: 12pt; font-family: var(--font); text-decoration: none; color: #FFFFFF; background-color: var(--navy)} /* */ a.br:link {font-size: 12pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--navy-strong)} a.br:visited {font-size: 12pt; font-family: var(--font); font-weight: bold; text-decoration: none;color: var(--navy-strong)} a.br:hover {font-size: 12pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} a.br:active {font-size: 12pt; font-family: var(--font); font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: var(--navy)} /* komórki wąski odstęp w tabelce */ td.e {font-size: 1px; line-height: 4px; padding: 0} /* z brzegiem dolnym */ td.un {padding: 5px 8px; border-bottom: 1px solid var(--line); text-align: center; white-space: nowrap} /* dalej liczba na końcu nazwy oznacza sposób obramowania: bez = _| normalnie w tabelce _ 1 = |_| początek wiersza 2 = _| środek pierwszego wiersza (góra,dół,prawy) 12 = pełne obramowanie,początek tabelki */ td.s {padding: 3px 6px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 7pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.s1 {padding: 3px 6px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 7pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.s2 {padding: 3px 6px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 7pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.s12 {padding: 3px 6px; border: 1px solid var(--line); text-align: center; font-size: 7pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} /* */ td.b {padding: 4px 9px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 11pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.b1 {padding: 4px 9px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 11pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.b2 {padding: 4px 9px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 11pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} td.b12 {padding: 4px 9px; border: 1px solid var(--line); text-align: center; font-size: 11pt; color: var(--ink); background-color: var(--panel); white-space: nowrap} /* */ td.t {padding: 5px 10px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 14pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} /* t0=tylko prawe */ td.t0 {padding: 2px 4px; border-right: 1px solid var(--line); text-align: center; font-size: 4pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} td.t1 {padding: 5px 10px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 14pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} td.t2 {padding: 5px 10px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 14pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} td.t12 {padding: 5px 10px; border: 1px solid var(--line); text-align: center; font-size: 14pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} /* t3=t z malutkim fontem */ td.t3 {padding: 2px 4px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 4pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} /* tl=|_ */ td.tl {padding: 3px 6px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: center; font-size: 14pt; font-weight: bold; background-color: var(--panel); white-space: nowrap} /* */ td.tr {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.tr1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.tr2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.tr12 {padding: 4px 8px; border: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} /* */ td.ban {font-size: 12pt; font-family: var(--font); font-weight: bold; color: var(--ink)} /* */ td.bda {padding: 4px 8px; border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap} td.bda1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: right; white-space: nowrap} td.bdca {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; font-size: 8pt; white-space: nowrap} td.bdcg {padding: 4px 8px; border-bottom: 1px solid var(--line); text-align: center; white-space: nowrap} /* */ td.bd {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); white-space: nowrap; text-align: left} td.bd1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); white-space: nowrap; text-align: left} td.bd2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); white-space: nowrap; text-align: left} td.bd12 {padding: 4px 8px; border: 1px solid var(--line); white-space: nowrap; text-align: left} /* */ td.bdc {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; white-space: nowrap} td.bdc1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; white-space: nowrap} td.bdcw {padding: 4px 4px 4px 80px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: left; white-space: nowrap} td.bdc2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; white-space: nowrap} td.bdc12 {padding: 4px 8px; border: 1px solid var(--line); text-align: center; white-space: nowrap} td.bdcp {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line)} td.bdcn {padding: 4px 8px; text-align: left; white-space: nowrap} td.bdco {padding: 4px 8px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap} td.bdck {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line)} /* */ td.bdcc {padding: 6px 10px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--panel-strong); color: var(--navy-strong); font-weight: 600; white-space: nowrap} td.bdcc1 {padding: 6px 10px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--panel-strong); color: var(--navy-strong); font-weight: 600; white-space: nowrap} td.bdcc2 {padding: 6px 10px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--panel-strong); color: var(--navy-strong); font-weight: 600; white-space: nowrap} td.bdcc12 {padding: 6px 10px; border: 1px solid var(--line); text-align: center; background-color: var(--panel-strong); color: var(--navy-strong); font-weight: 600; white-space: nowrap} /* */ td.bdcr {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.bdcr1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.bdcr2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} td.bdcr12 {padding: 4px 8px; border: 1px solid var(--line); text-align: right; background-color: var(--panel); white-space: nowrap} /* */ td.bdt {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--navy); color: #FFFFFF; text-align: center; white-space: nowrap} td.bdt1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--navy); color: #FFFFFF; text-align: center; white-space: nowrap} td.bdt2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--navy); color: #FFFFFF; text-align: center; white-space: nowrap} td.bdt12 {padding: 4px 8px; border: 1px solid var(--line); background-color: var(--navy); color: #FFFFFF; text-align: center; white-space: nowrap} /* */ td.bdn {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.bdn1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.bdn2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.bdn12 {padding: 4px 8px; border: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} /* */ td.bde {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.bde1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.bde2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.bde12 {padding: 4px 8px; border: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} /* */ td.zno {padding-left: 8px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: left; white-space: nowrap} td.zno1 {padding-left: 8px; padding-top: 4px; padding-bottom: 4px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: left; white-space: nowrap} td.zno2 {padding-left: 8px; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: left; white-space: nowrap} td.zno12 {padding-left: 8px; padding-top: 4px; padding-bottom: 4px; border: 1px solid var(--line); text-align: left; white-space: nowrap} /* */ td.zeo {padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; white-space: nowrap} td.zeo1 {padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; white-space: nowrap} td.zeo2 {padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: right; white-space: nowrap} td.zeo12 {padding-right: 8px; padding-top: 4px; padding-bottom: 4px; border: 1px solid var(--line); text-align: right; white-space: nowrap} /* */ td.znc {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.znc1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.znc2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} td.znc12 {padding: 4px 8px; border: 1px solid var(--line); text-align: center; background-color: var(--ns-tint); white-space: nowrap} /* */ td.zec {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.zec1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.zec2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} td.zec12 {padding: 4px 8px; border: 1px solid var(--line); text-align: center; background-color: var(--ew-tint); white-space: nowrap} /* */ td.znl {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ns-tint); white-space: nowrap} td.znl1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ns-tint); white-space: nowrap} td.znl2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ns-tint); white-space: nowrap} td.znl12 {padding: 4px 8px; border: 1px solid var(--line); background-color: var(--ns-tint); white-space: nowrap} /* */ td.zel {padding: 4px 8px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ew-tint); white-space: nowrap} td.zel1 {padding: 4px 8px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ew-tint); white-space: nowrap} td.zel2 {padding: 4px 8px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--ew-tint); white-space: nowrap} td.zel12 {padding: 4px 8px; border: 1px solid var(--line); background-color: var(--ew-tint); white-space: nowrap} /* */ td.bdnt {padding: 8px 14px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--navy); color: #FFFFFF; font-weight: bold; font-size: 11pt; letter-spacing: .3px; white-space: nowrap} td.bdnt1 {padding: 8px 14px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--navy); color: #FFFFFF; font-weight: bold; font-size: 11pt; letter-spacing: .3px; white-space: nowrap} td.bdnt2 {padding: 8px 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); text-align: center; background-color: var(--navy); color: #FFFFFF; font-weight: bold; font-size: 11pt; letter-spacing: .3px; white-space: nowrap} td.bdnt12 {padding: 8px 14px; border: 1px solid var(--line); text-align: center; background-color: var(--navy); color: #FFFFFF; font-weight: bold; font-size: 11pt; letter-spacing: .3px; white-space: nowrap} /* linki (np. "RUNDA 10") wewnątrz granatowego paska tytułowego - muszą być białe, inaczej giną na tle */ td.bdnt a:link, td.bdnt1 a:link, td.bdnt2 a:link, td.bdnt12 a:link, td.bdnt a:visited, td.bdnt1 a:visited, td.bdnt2 a:visited, td.bdnt12 a:visited, td.bdt a:link, td.bdt1 a:link, td.bdt2 a:link, td.bdt12 a:link, td.bdt a:visited, td.bdt1 a:visited, td.bdt2 a:visited, td.bdt12 a:visited { color: #FFFFFF; text-decoration: underline; text-underline-offset: 2px; } td.bdnt a:hover, td.bdnt1 a:hover, td.bdnt2 a:hover, td.bdnt12 a:hover, td.bdnt a:active, td.bdnt1 a:active, td.bdnt2 a:active, td.bdnt12 a:active, td.bdt a:hover, td.bdt1 a:hover, td.bdt2 a:hover, td.bdt12 a:hover, td.bdt a:active, td.bdt1 a:active, td.bdt2 a:active, td.bdt12 a:active { color: var(--navy-strong); background-color: #FFFFFF; text-decoration: none; } /* */ td.bdnl {padding: 5px 10px; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--panel); font-weight: normal; font-size: 10pt; white-space: nowrap} td.bdnl1 {padding: 5px 10px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--panel); font-weight: normal; font-size: 10pt; white-space: nowrap} td.bdnl2 {padding: 5px 10px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); background-color: var(--panel); font-weight: normal; font-size: 10pt; white-space: nowrap} td.bdnl12 {padding: 5px 10px; border: 1px solid var(--line); background-color: var(--panel); font-weight: normal; font-size: 10pt; white-space: nowrap} /* rozkład i analiza */ td.w {word-spacing: -2px; white-space: nowrap; text-align: left; font-size: 9pt} td.an1 {text-align: center; font-size: 9pt; width: 20px} td.an2 {text-align: center; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 9pt; width: 20px} td.an3 {text-align: center; border-bottom: 1px solid var(--line); font-size: 9pt; width: 20px} td.an4 {text-align: center; border-right: 1px solid var(--line); font-size: 9pt; width: 20px} /* PARY */ td.c {white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 10pt} td.l {white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: left; font-size: 10pt} td.r {white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: right; font-size: 10pt} td.u {white-space: nowrap; padding: 6px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 14pt} td.uvp {white-space: nowrap; padding: 6px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 12pt} td.nu {white-space: nowrap; padding: 6px; text-align: center; font-size: 14pt} td.ul {white-space: nowrap; padding: 6px 14px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: left; font-size: 14pt} td.ur {white-space: nowrap; padding: 6px 14px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: right; font-size: 14pt} td.nor {word-spacing: -1px; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: right; font-size: 10pt} td.noh {word-spacing: -1px; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: right; font-size: 8pt} td.noc {word-spacing: -1px; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 10pt} td.nol {word-spacing: -1px; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: left; font-size: 10pt} td.nos {word-spacing: -1px; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 8pt} /* PARY RZUTNIK */ #top {width: 1000px} #lewy {float: left; width: 499px} #prawy {float: left; width: 499px} td.xnor {word-spacing: -1px; white-space: nowrap; padding: 4px 12px 4px 6px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: right; font-size: 17pt} td.xnoc {word-spacing: -1px; white-space: nowrap; padding: 4px 12px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: center; font-size: 17pt} td.xnol {word-spacing: -1px; white-space: nowrap; padding: 4px 6px 4px 12px; border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); text-align: left; font-size: 17pt} #xnaz {word-spacing: -1px; white-space: nowrap; font-size: 17ptpt; overflow: hidden} #pro {height:400px; overflow:scroll} /* komórka na początku wiersza, zwykle pusta */ td.n {border-right: 1px solid var(--line-soft); font-size: 7pt; text-align: right} td.n1 {border-right: 1px solid var(--line-soft); font-size: 10pt; text-align: right} /* komórka nad tabelką */ td.o {font-size: 3pt; border-bottom: 1px solid var(--line-soft)} td.o1 {font-size: 16pt; border-bottom: 1px solid var(--line-soft)} a.pa:link {font-size: 10pt; font-family: var(--font); text-decoration: none;color: var(--ink)} a.pa:visited {font-size: 10pt; font-family: var(--font); text-decoration: none;color: var(--ink)} a.pa:hover {font-size: 10pt; font-family: var(--font); text-decoration: none; color: #FFFFF2; background-color: #004600} a.pa:active {font-size: 10pt; font-family: var(--font); text-decoration: none; color: #FFFFF2; background-color: #004600} /* przycisk */ .rssbutton{ background-color: #ff6600; border: 1px #ff6600 outset; padding: 0 2px; color: white; text-decoration: none; font: bold 10px Verdana; } .rssbutton:visited, .rssbutton:hover, .rssbutton:active{ color: white; } .cssbutton{ background-color: #d1ec4c; border: 2px #d1ec4c outset; padding: 1px 4px; color: black; text-decoration: none; font: bold 90% "Calibri", sans-serif; } .cssbutton:visited{ color: black; } .cssbutton:hover{ border-style: inset; background-color: #e3f48e; padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/ } .cssbutton:active{ color: black; } a.button { display:block; margin:2px; padding:4px 8px; width:100px; border:1px solid var(--line); border-radius: 6px; background:var(--panel); color:var(--navy-strong); font-size:1.2em; transition: background-color .12s ease, color .12s ease; } a.button:hover { background:var(--navy); color:white; } tr.winner > td, .promotion td { background: var(--win-tint); } .repechage td { background: var(--repechage-tint); } tr.loser > td, .relegation td { background: var(--lose-tint); } .team-predicted-label { opacity: 0.3 } /* Wąski kontekst (m.in. prawa ramka 325px z rozdaniem - nrr*t*-*.htm/nrr*b-*.html): ta sama zawartość poza ramką (np. otwarta bezpośrednio) korzysta z normalnych, przestronniejszych odstępów zdefiniowanych wyżej. */ @media (max-width: 360px) { body.all { padding: 10px 6px 24px } body.all > table { border-radius: 10px; padding: 3px } td.bdcc, td.bdcc1, td.bdcc2, td.bdcc12, td.bdc, td.bdc1, td.bdc2, td.bdc12, td.bd, td.bd1, td.bd2, td.bd12, td.zno, td.zno1, td.zno2, td.zno12, td.zeo, td.zeo1, td.zeo2, td.zeo12, td.znc, td.znc1, td.znc2, td.znc12, td.zec, td.zec1, td.zec2, td.zec12, td.znl, td.znl1, td.znl2, td.znl12, td.zel, td.zel1, td.zel2, td.zel12, td.tl, td.t0, td.t3, td.bdn, td.bdn1, td.bdn2, td.bdn12, td.bde, td.bde1, td.bde2, td.bde12, td.bdnt, td.bdnt1, td.bdnt2, td.bdnt12, td.bdnl, td.bdnl1, td.bdnl2, td.bdnl12 { padding: 2px 3px; } }