{"id":365,"date":"2026-10-29T20:44:10","date_gmt":"2026-10-29T19:44:10","guid":{"rendered":"https:\/\/matimag.com.pl\/?page_id=365"},"modified":"2026-10-30T22:21:44","modified_gmt":"2026-10-30T21:21:44","slug":"sesje-handlowe","status":"publish","type":"page","link":"https:\/\/matimag.com.pl\/?page_id=365","title":{"rendered":"Sesje handlowe"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"f-widget\" style=\"background:#000000 !important; color:#ffffff !important; padding:15px; border-radius:8px; font-family:Arial, sans-serif; max-width:100% !important; box-sizing:border-box !important; overflow:hidden !important;\">\n    \n    <!-- Prze\u0142\u0105cznik stref czasowych -->\n    <div style=\"margin-bottom:12px; font-size:14px; width:100%;\">\n        <label style=\"color:#fff;\">Wybierz stref\u0119 bazow\u0105: <\/label>\n        <select id=\"f-tz\" onchange=\"runForex()\" style=\"background:#111; color:#fff; border:1px solid #ff4d4d; padding:6px 12px; border-radius:4px; cursor:pointer;\">\n            <option value=\"Europe\/Warsaw\" selected=\"\">Warszawa (G\u0142\u00f3wna)<\/option>\n            <option value=\"America\/New_York\">Nowy Jork<\/option>\n            <option value=\"Europe\/London\">Londyn<\/option>\n            <option value=\"Asia\/Tokyo\">Tokio<\/option>\n            <option value=\"Australia\/Sydney\">Sydney<\/option>\n        <\/select>\n    <\/div>\n\n    <!-- PODZIA\u0141KA GODZINOWA - Elastyczna tabela dopasowana do szeroko\u015bci okna -->\n    <div style=\"display:table !important; width:100% !important; height:25px; table-layout:fixed !important; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:5px; box-sizing:border-box;\">\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">00:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">01:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">02:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">03:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">04:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">05:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">06:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">07:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">08:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">09:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">10:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">11:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">12:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">13:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">14:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">15:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">16:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">17:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">18:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">19:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">20:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">21:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">22:00<\/div>\n        <div style=\"display:table-cell; text-align:center; font-size:9px; font-weight:bold; color:#aaa;\">23:00<\/div>\n    <\/div>\n\n    <!-- KONTENER MAPY (Wysoko\u015b\u0107 dopasowuje si\u0119 naturalnie do fizycznego obrazu) -->\n    <div style=\"position:relative !important; width:100% !important; display:block !important; border:1px solid #222 !important; box-sizing:border-box !important; overflow:hidden !important; background:#000 !important; margin:0 !important; padding:0 !important;\">\n        \n        <!-- Twoja oryginalna mapa gie\u0142dowa wymuszaj\u0105ca wysoko\u015b\u0107 ca\u0142ego kontenera -->\n        <img decoding=\"async\" src=\"https:\/\/matimag.com.pl\/wp-content\/uploads\/2026\/10\/world-1.jpg\" style=\"width:100% !important; height:auto !important; display:block !important; margin:0 !important; padding:0 !important; border:none !important;\">\n\n        <!-- WARSTWA PAS\u00d3W: Pokrywa dok\u0142adnie obszar wyznaczony przez obrazek powy\u017cej -->\n        <div style=\"position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; z-index:2 !important; display:flex !important; flex-direction:column !important; justify-content:stretch !important; margin:0 !important; padding:0 !important; pointer-events:none;\">\n            \n            <!-- Wiersz 1: Sydney (Dok\u0142adnie 25% wysoko\u015bci mapy) -->\n            <div style=\"position:relative !important; flex:1 !important; width:100% !important; margin:0 !important; padding:0 !important;\">\n                <span style=\"position:absolute; left:12px; top:50%; transform:translateY(-50%); z-index:10; font-weight:bold; font-size:11px; color:#ffffff; text-shadow:1px 1px 2px #000;\">Sydney<\/span>\n                <div id=\"syd-p1\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(52,152,219,0.3) !important; border-top:1px solid rgba(52,152,219,0.4); border-bottom:1px solid rgba(52,152,219,0.4);\"><\/div>\n                <div id=\"syd-p2\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(52,152,219,0.3) !important; border-top:1px solid rgba(52,152,219,0.4); border-bottom:1px solid rgba(52,152,219,0.4);\"><\/div>\n            <\/div>\n\n            <!-- Wiersz 2: Tokio (Dok\u0142adnie 25% wysoko\u015bci mapy) -->\n            <div style=\"position:relative !important; flex:1 !important; width:100% !important; margin:0 !important; padding:0 !important;\">\n                <span style=\"position:absolute; left:12px; top:50%; transform:translateY(-50%); z-index:10; font-weight:bold; font-size:11px; color:#ffffff; text-shadow:1px 1px 2px #000;\">Tokio<\/span>\n                <div id=\"tok-p1\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(155,89,182,0.3) !important; border-top:1px solid rgba(155,89,182,0.4); border-bottom:1px solid rgba(155,89,182,0.4);\"><\/div>\n                <div id=\"tok-p2\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(155,89,182,0.3) !important; border-top:1px solid rgba(155,89,182,0.4); border-bottom:1px solid rgba(155,89,182,0.4);\"><\/div>\n            <\/div>\n\n            <!-- Wiersz 3: Londyn (Dok\u0142adnie 25% wysoko\u015bci mapy) -->\n            <div style=\"position:relative !important; flex:1 !important; width:100% !important; margin:0 !important; padding:0 !important;\">\n                <span style=\"position:absolute; left:12px; top:50%; transform:translateY(-50%); z-index:10; font-weight:bold; font-size:11px; color:#ffffff; text-shadow:1px 1px 2px #000;\">Londyn<\/span>\n                <div id=\"lon-p1\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(230,126,34,0.3) !important; border-top:1px solid rgba(230,126,34,0.4); border-bottom:1px solid rgba(230,126,34,0.4);\"><\/div>\n                <div id=\"lon-p2\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(230,126,34,0.3) !important; border-top:1px solid rgba(230,126,34,0.4); border-bottom:1px solid rgba(230,126,34,0.4);\"><\/div>\n            <\/div>\n\n            <!-- Wiersz 4: Nowy Jork (Dok\u0142adnie 25% wysoko\u015bci mapy) -->\n            <div style=\"position:relative !important; flex:1 !important; width:100% !important; margin:0 !important; padding:0 !important;\">\n                <span style=\"position:absolute; left:12px; top:50%; transform:translateY(-50%); z-index:10; font-weight:bold; font-size:11px; color:#ffffff; text-shadow:1px 1px 2px #000;\">Nowy Jork<\/span>\n                <div id=\"ny-p1\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(46,204,113,0.3) !important; border-top:1px solid rgba(46,204,113,0.4); border-bottom:1px solid rgba(46,204,113,0.4);\"><\/div>\n                <div id=\"ny-p2\" style=\"position:absolute !important; top:0; bottom:0; background:rgba(46,204,113,0.3) !important; border-top:1px solid rgba(46,204,113,0.4); border-bottom:1px solid rgba(46,204,113,0.4);\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- CZERWONA LINIA AKTUALNEGO CZASU -->\n        <div id=\"f-line\" style=\"position:absolute !important; top:0 !important; bottom:0 !important; width:2px !important; height:100% !important; background:#ff0000 !important; box-shadow:0 0 8px #ff0000 !important; z-index:99 !important; pointer-events:none !important; left:0%;\"><\/div>\n    <\/div>\n\n    <!-- PANEL STATUSU (OTWARTA \/ ZAMKNI\u0118TA) -->\n    <div style=\"margin-top:15px; display:flex; flex-wrap:wrap; gap:12px; width:100%;\">\n        <div style=\"background:#0a0a0a; border:1px solid #222; padding:8px 12px; border-radius:4px; display:flex; gap:10px; align-items:center; font-size:13px;\">\n            <span>Sydney:<\/span><span id=\"st-sydney\" style=\"padding:2px 6px; border-radius:3px; font-size:11px; font-weight:bold; text-transform:uppercase;\">&#8211;<\/span>\n        <\/div>\n        <div style=\"background:#0a0a0a; border:1px solid #222; padding:8px 12px; border-radius:4px; display:flex; gap:10px; align-items:center; font-size:13px;\">\n            <span>Tokio:<\/span><span id=\"st-tokio\" style=\"padding:2px 6px; border-radius:3px; font-size:11px; font-weight:bold; text-transform:uppercase;\">&#8211;<\/span>\n        <\/div>\n        <div style=\"background:#0a0a0a; border:1px solid #222; padding:8px 12px; border-radius:4px; display:flex; gap:10px; align-items:center; font-size:13px;\">\n            <span>Londyn:<\/span><span id=\"st-london\" style=\"padding:2px 6px; border-radius:3px; font-size:11px; font-weight:bold; text-transform:uppercase;\">&#8211;<\/span>\n        <\/div>\n        <div style=\"background:#0a0a0a; border:1px solid #222; padding:8px 12px; border-radius:4px; display:flex; gap:10px; align-items:center; font-size:13px;\">\n            <span>Nowy Jork:<\/span><span id=\"st-newyork\" style=\"padding:2px 6px; border-radius:3px; font-size:11px; font-weight:bold; text-transform:uppercase;\">&#8211;<\/span>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction runForex() {\n    var tz = document.getElementById('f-tz').value;\n    var now = new Date();\n    \n    var lStr = now.toLocaleString(\"en-US\", {timeZone: tz});\n    var lDate = new Date(lStr);\n    var hour = lDate.getHours();\n    var min = lDate.getMinutes();\n    var decHour = hour + (min \/ 60);\n\n    var uStr = now.toLocaleString(\"en-US\", {timeZone: \"UTC\"});\n    var uDate = new Date(uStr);\n    var diff = Math.round((lDate - uDate) \/ 3600000);\n\n    \/\/ Pozycja czerwonej osi czasu\n    document.getElementById('f-line').style.left = ((decHour \/ 24) * 100) + '%';\n\n    var sessions = [\n        { name: 'sydney', start: 22, end: 7, p1: 'syd-p1', p2: 'syd-p2', txt: 'st-sydney' },\n        { name: 'tokio', start: 0, end: 9, p1: 'tok-p1', p2: 'tok-p2', txt: 'st-tokio' },\n        { name: 'london', start: 7, end: 16, p1: 'lon-p1', p2: 'lon-p2', txt: 'st-london' },\n        { name: 'newyork', start: 12, end: 21, p1: 'ny-p1', p2: 'ny-p2', txt: 'st-newyork' }\n    ];\n\n    sessions.forEach(function(s) {\n        var startLocal = (s.start + diff + 24) % 24;\n        var endLocal = (s.end + diff + 24) % 24;\n        \n        var isOpen = false;\n        if (startLocal < endLocal) {\n            isOpen = decHour >= startLocal && decHour < endLocal;\n        } else {\n            isOpen = decHour >= startLocal || decHour < endLocal;\n        }\n\n        var tEl = document.getElementById(s.txt);\n        if (isOpen) {\n            tEl.innerText = \"Otwarta\";\n            tEl.style.background = \"rgba(0,255,0,0.2)\";\n            tEl.style.color = \"#00ff00\";\n            tEl.style.border = \"1px solid #00ff00\";\n        } else {\n            tEl.innerText = \"Zamkni\u0119ta\";\n            tEl.style.background = \"rgba(255,0,0,0.2)\";\n            tEl.style.color = \"#ff0000\";\n            tEl.style.border = \"1px solid #ff0000\";\n        }\n\n        var el1 = document.getElementById(s.p1);\n        var el2 = document.getElementById(s.p2);\n\n        if (startLocal < endLocal) {\n            el1.style.left = ((startLocal \/ 24) * 100) + '%';\n            el1.style.width = (((endLocal - startLocal) \/ 24) * 100) + '%';\n            el1.style.display = 'block';\n            el2.style.display = 'none';\n        } else {\n            el1.style.left = ((startLocal \/ 24) * 100) + '%';\n            el1.style.width = (((24 - startLocal) \/ 24) * 100) + '%';\n            el1.style.display = 'block';\n\n            el2.style.left = '0%';\n            el2.style.width = ((endLocal \/ 24) * 100) + '%';\n            el2.style.display = 'block';\n        }\n    });\n}\n\nsetTimeout(runForex, 150);\nsetInterval(runForex, 30000);\n<\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"fx-w\">\n\n  <!-- =============================== -->\n  <!-- SEKCJA 1: GODZINY SESJI (LETNI) -->\n  <!-- =============================== -->\n  <div class=\"fx-t\">\n    Godziny Sesji - Czas Letni\n  <\/div>\n  <table class=\"fx-tbl\">\n    <thead>\n      <tr>\n        <th>Sesja<\/th>\n        <th>Nowy Jork<\/th>\n        <th>Warszawa<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td class=\"f-syd\">Sydney<\/td>\n        <td>18:00-03:00<\/td>\n        <td>00:00-09:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-tok\">Tokio<\/td>\n        <td>20:00-05:00<\/td>\n        <td>02:00-11:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-lon\">Londyn<\/td>\n        <td>03:00-12:00<\/td>\n        <td>09:00-18:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-ny\">N. Jork<\/td>\n        <td>08:00-17:00<\/td>\n        <td>14:00-23:00<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <!-- =============================== -->\n  <!-- SEKCJA 2: GODZINY SESJI (ZIMOWY) -->\n  <!-- =============================== -->\n  <div class=\"fx-t\" style=\"margin-top:25px;\">\n    Godziny Sesji - Czas Zimowy\n  <\/div>\n  <table class=\"fx-tbl\">\n    <thead>\n      <tr>\n        <th>Sesja<\/th>\n        <th>Nowy Jork<\/th>\n        <th>Warszawa<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td class=\"f-syd\">Sydney<\/td>\n        <td>17:00-02:00<\/td>\n        <td>23:00-08:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-tok\">Tokio<\/td>\n        <td>19:00-04:00<\/td>\n        <td>01:00-10:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-lon\">Londyn<\/td>\n        <td>03:00-12:00<\/td>\n        <td>09:00-18:00<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-ny\">N. Jork<\/td>\n        <td>08:00-17:00<\/td>\n        <td>14:00-23:00<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <!-- =============================== -->\n  <!-- SEKCJA 3: NAJLEPSZE GODZINY FX  -->\n  <!-- =============================== -->\n  <div class=\"fx-t\" style=\"margin-top:25px;\">\n    Najlepsze Godziny: Forex\n  <\/div>\n  <table class=\"fx-tbl\">\n    <thead>\n      <tr>\n        <th>Przedzia\u0142 (PL)<\/th>\n        <th>Dlaczego warto?<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td class=\"f-best\">10:00-11:00<\/td>\n        <td>Szczyt sesji Londyn.<\/td>\n      <\/tr>\n      <tr>\n        <td class=\"f-best\">14:00-17:00<\/td>\n        <td>Overlap LON + NY. Max p\u0142ynno\u015b\u0107.<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <!-- =============================== -->\n  <!-- SEKCJA 4: NAJLEPSZE SUROWCE     -->\n  <!-- =============================== -->\n  <div class=\"fx-t\" style=\"margin-top:25px;\">\n    Najlepsze Godziny: Surowce\n  <\/div>\n  <table class=\"fx-tbl\">\n    <thead>\n      <tr>\n        <th>Surowiec<\/th>\n        <th>Godziny (PL)<\/th>\n        <th>Opis<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody>\n      <tr>\n        <td style=\"color:#f1c40f;\n          font-weight:bold;\">Z\u0142oto<\/td>\n        <td>14:20-17:30<\/td>\n        <td>Otwarcie gie\u0142dy COMEX.<\/td>\n      <\/tr>\n      <tr>\n        <td style=\"color:#e67e22;\n          font-weight:bold;\">Ropa<\/td>\n        <td>15:00-18:30<\/td>\n        <td>Najwy\u017cszy wolumen NYMEX.<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n<\/div>\n\n<style>\n.fx-w {\n  background: #000;\n  color: #fff;\n  padding: 15px;\n  border-radius: 8px;\n  font-family: Arial;\n  max-width: 100%;\n  box-sizing: border-box;\n  border: 1px solid #222;\n}\n.fx-t {\n  font-size: 15px;\n  font-weight: bold;\n  color: #fff;\n  border-left: 3px solid #2ecc71;\n  padding-left: 8px;\n  margin-bottom: 10px;\n}\n.fx-tbl {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 12px;\n  margin-bottom: 5px;\n}\n.fx-tbl th {\n  background: #111;\n  color: #aaa;\n  text-align: left;\n  padding: 6px;\n  font-weight: bold;\n  border-bottom: 1px solid #333;\n}\n.fx-tbl td {\n  padding: 8px 6px;\n  border-bottom: 1px solid #111;\n  color: #ddd;\n}\n.f-syd { color: #3498db; font-weight: bold; }\n.f-tok { color: #9b59b6; font-weight: bold; }\n.f-lon { color: #e67e22; font-weight: bold; }\n.f-ny  { color: #2ecc71; font-weight: bold; }\n.f-best { color: #2ecc71; font-weight: bold; }\n<\/style>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"fx-w\">\n  <!-- Nazwa wykresu na samej gorze -->\n  <div class=\"fx-title\">\n    Nat\u0119\u017cenie handlu i p\u0142ynno\u015b\u0107 (24h)\n  <\/div>\n  \n  <!-- Przelacznik typu wykresu -->\n  <div class=\"fx-tgl\">\n    <input type=\"radio\" id=\"t-b\" \n      name=\"tg\" checked>\n    <input type=\"radio\" id=\"t-l\" \n      name=\"tg\">\n    <label for=\"t-b\" class=\"lbl-b\">\n      S\u0142upki\n    <\/label>\n    <label for=\"t-l\" class=\"lbl-l\">\n      Linia\n    <\/label>\n\n    <!-- Kontener glowny wykresu -->\n    <div class=\"fx-box\">\n      <!-- Linie t\u0142a -->\n      <div class=\"grid g1\"><\/div>\n      <div class=\"grid g2\"><\/div>\n\n      <!-- Slupki 24h (Ujednolicone kolory) -->\n      <div class=\"fx-canvas\">\n        <div class=\"b h25 c1\"><span class=\"h-lbl\">00<\/span><\/div>\n        <div class=\"b h30 c1\"><span class=\"h-lbl\">01<\/span><\/div>\n        <div class=\"b h35 c1\"><span class=\"h-lbl\">02<\/span><\/div>\n        <div class=\"b h35 c1\"><span class=\"h-lbl\">03<\/span><\/div>\n        <div class=\"b h30 c1\"><span class=\"h-lbl\">04<\/span><\/div>\n        <div class=\"b h25 c1\"><span class=\"h-lbl\">05<\/span><\/div>\n        <div class=\"b h20 c1\"><span class=\"h-lbl\">06<\/span><\/div>\n        <div class=\"b h40 c2\"><span class=\"h-lbl\">07<\/span><\/div>\n        <div class=\"b h65 c-lon\"><span class=\"h-lbl\">08<\/span><\/div>\n        <div class=\"b h75 c-lon\"><span class=\"h-lbl\">09<\/span><\/div>\n        <div class=\"b h70 c-lon\"><span class=\"h-lbl\">10<\/span><\/div>\n        <div class=\"b h65 c-lon\"><span class=\"h-lbl\">11<\/span><\/div>\n        <div class=\"b h60 c-lon\"><span class=\"h-lbl\">12<\/span><\/div>\n        <div class=\"b h55 c-lon\"><span class=\"h-lbl\">13<\/span><\/div>\n        <div class=\"b h85 c3\"><span class=\"h-lbl\">14<\/span><\/div>\n        <div class=\"b h100 c3 sz\"><span class=\"h-lbl\">15<\/span><\/div>\n        <div class=\"b h95 c3 sz\"><span class=\"h-lbl\">16<\/span><\/div>\n        <div class=\"b h80 c3\"><span class=\"h-lbl\">17<\/span><\/div>\n        <div class=\"b h65 c3\"><span class=\"h-lbl\">18<\/span><\/div>\n        <div class=\"b h55 c2\"><span class=\"h-lbl\">19<\/span><\/div>\n        <div class=\"b h50 c2\"><span class=\"h-lbl\">20<\/span><\/div>\n        <div class=\"b h45 c1\"><span class=\"h-lbl\">21<\/span><\/div>\n        <div class=\"b h20 c1\"><span class=\"h-lbl\">22<\/span><\/div>\n        <div class=\"b h15 c1\"><span class=\"h-lbl\">23<\/span><\/div>\n      <\/div>\n\n      <!-- Wykres liniowy 4 linii sesji SVG -->\n      <svg class=\"fx-line-svg\" \n        viewBox=\"0 0 240 100\" \n        preserveAspectRatio=\"none\">\n        <!-- Sydney (Kolor Niebieski) -->\n        <path d=\"M 5 75 L 15 70 L 25 65 \n          L 35 65 L 45 70 L 55 75 L 65 80\" \n          fill=\"none\" stroke=\"#3498db\" \n          stroke-width=\"3\" \/>\n        <!-- Tokio (Kolor Fioletowy) -->\n        <path d=\"M 65 80 L 75 60 L 85 35\" \n          fill=\"none\" stroke=\"#9b59b6\" \n          stroke-width=\"3\" \/>\n        <!-- Londyn (Kolor Pomaranczowy) -->\n        <path d=\"M 85 35 L 95 25 L 105 30 \n          L 115 35 L 125 40 L 135 45 L 145 15 \n          L 155 0 L 165 5\" \n          fill=\"none\" stroke=\"#e67e22\" \n          stroke-width=\"3\" \/>\n        <!-- Nowy Jork (Kolor Zielony) -->\n        <path d=\"M 165 5 L 175 20 L 185 35 \n          L 195 45 L 205 50 L 215 55 L 225 80 \n          L 235 85\" fill=\"none\" \n          stroke=\"#2ecc71\" stroke-width=\"3\" \/>\n      <\/svg>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.fx-w {\n  background: #000;\n  color: #fff;\n  padding: 15px;\n  border-radius: 8px;\n  font-family: Arial;\n  max-width: 100%;\n  box-sizing: border-box;\n  border: 1px solid #222;\n}\n.fx-title {\n  text-align: center;\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 15px;\n  color: #fff;\n}\n.fx-tgl input {\n  display: none;\n}\n.lbl-b, .lbl-l {\n  display: inline-block;\n  padding: 6px 12px;\n  font-size: 11px;\n  font-weight: bold;\n  background: #222;\n  border: 1px solid #444;\n  border-radius: 4px;\n  cursor: pointer;\n  margin-right: 5px;\n  color: #fff;\n}\n.fx-box {\n  position: relative;\n  height: 180px;\n  width: 100%;\n  border-bottom: 2px solid #2ecc71;\n  margin-top: 15px;\n}\n.grid {\n  position: absolute;\n  left: 0; right: 0;\n  height: 1px;\n  background: rgba(255,255,255,0.05);\n}\n.g1 { top: 0; }\n.g2 { top: 50%; }\n.fx-canvas {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  height: 100%;\n  width: 100%;\n}\n.b {\n  flex: 1;\n  margin: 0 1px;\n  border-radius: 2px 2px 0 0;\n  position: relative;\n  z-index: 2;\n}\n.h-lbl {\n  position: absolute;\n  bottom: -16px;\n  left: 50%;\n  transform: translateX(-50%);\n  font-size: 8px;\n  color: #aaa;\n}\n.fx-line-svg {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  display: none;\n  z-index: 1;\n}\n\/* Logika przelaczania CSS *\/\n#t-b:checked ~ .lbl-b {\n  background: #2ecc71; color: #fff;\n}\n#t-l:checked ~ .lbl-l {\n  background: #2ecc71; color: #fff;\n}\n#t-l:checked ~ .fx-box .fx-line-svg {\n  display: block;\n}\n#t-l:checked ~ .fx-box .b {\n  border-top: none !important;\n  background: transparent !important;\n  box-shadow: none !important;\n}\n\/* Wysokosci slupkow *\/\n.h15 { height: 15%; } .h20 { height: 20%; }\n.h25 { height: 25%; } .h30 { height: 30%; }\n.h35 { height: 35%; } .h40 { height: 40%; }\n.h45 { height: 45%; } .h50 { height: 50%; }\n.h55 { height: 55%; } .h60 { height: 60%; }\n.h65 { height: 65%; } .h70 { height: 70%; }\n.h75 { height: 75%; } .h80 { height: 80%; }\n.h85 { height: 85%; } .h95 { height: 95%; }\n.h100 { height: 100%; }\n\/* Kolory slupkow sesji *\/\n.c1 {\n  background: rgba(52,152,219,0.4);\n  border-top: 2px solid #3498db;\n}\n.c2 {\n  background: rgba(155,89,182,0.5);\n  border-top: 2px solid #9b59b6;\n}\n.c-lon {\n  background: rgba(230,126,34,0.45);\n  border-top: 2px solid #e67e22;\n}\n.c3 {\n  background: rgba(46,204,113,0.6);\n  border-top: 2px solid #2ecc71;\n}\n.sz { box-shadow: 0 0 6px #2ecc71; }\n<\/style>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Wybierz stref\u0119 bazow\u0105: Warszawa (G\u0142\u00f3wna)Nowy JorkLondynTokioSydney 00:00 01:00 02:00 03:00 04:00 05:00 06:00 07:00 08:00 09:00 10:00 11:00 12:00 13:00 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-365","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matimag.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=365"}],"version-history":[{"count":29,"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/365\/revisions"}],"predecessor-version":[{"id":408,"href":"https:\/\/matimag.com.pl\/index.php?rest_route=\/wp\/v2\/pages\/365\/revisions\/408"}],"wp:attachment":[{"href":"https:\/\/matimag.com.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}