Eurofotbal lepší diskuze

Vylepšení funkcionality v komentářích na eurofotbal.cz

Napsal: Wayne Chamkah, 06.07.2025 19:34 | Poslední úprava: 08.07.2025 19:26
Co vylepšení umí

Blokování uživatelů
Seznam oblíbených uživatelů
Řazení komentářů - oblíbení uživatelé přednostně
Kompaktní režim pro telefony
Rolovaní vláken
UPOZORNĚNÍ

Na každém zařízení je nutno naklikat zvlášť, ukládá se jen lokálně - žádná synchornizace.
Můžete si kód nechat projet a zkontrolovat skrze svou oblíbenou AI, žádná zadní vrátka tu nejsou.
Omlouvám se uživateli Firkraag, ve videu jsi mi přišel náhodně pod ruku jako demonstrace blokování - žádný záměr.
Na obrázku se za stejné omlouvám: ACSeRw!n a Y.Cabaye
Návod na mobil tady
VIDEO

Ukázka použitelnosti začíná na 0:45, do té doby je postup jak script nainstalovat.
POSTUP

Nainstalujte rozšíření - Violentmonkey
Vytvořte nový script pro stránku eurofotbal.cz
Vložte tento kód:
// ==UserScript==
// @name         Eurofotbal - Blokace, Oblíbení, Řazení, Kompaktní režim
// @namespace    eurofotbal.cz
// @version      4.8
// @description  Blokování a oblíbení uživatelé, řazení komentářů a kompaktním režimem na eurofotbal.cz
// @author       Wayne Chamakh + ChatGPT
// @match        https://www.eurofotbal.cz/*
// @icon         https://www.eurofotbal.cz/res/img/favicon/favicon.ico
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
    'use strict';

    const STORAGE_BLOCKED = 'ef_blockedUsers';
    const STORAGE_FAVORITES = 'ef_favoriteUsers';
    const STORAGE_SORT = 'ef_sortPreference';
    const STORAGE_COMPACT = 'ef_compactMode';

    let blockedUsers = JSON.parse(localStorage.getItem(STORAGE_BLOCKED)) || [];
    let favoriteUsers = JSON.parse(localStorage.getItem(STORAGE_FAVORITES)) || [];
    let sortPreference = localStorage.getItem(STORAGE_SORT) || 'default';
    let compactMode = JSON.parse(localStorage.getItem(STORAGE_COMPACT)) ?? true;

    const blockedCount = {};
    const favoriteCount = {};

    const comments = document.querySelectorAll('.l-comments-comment__inner');

    comments.forEach(comment => {
        const usernameEl = comment.querySelector('.l-comments-comment-header__user-name');
        const contentEl = comment.querySelector('.l-comments-comment__content');
        const buttonBar = comment.querySelector('.l-comments-reply-and-emoji__bar');
        const userWrap = comment.querySelector('.l-comments-comment-header__user-wrap');

        if (!usernameEl || !contentEl || !buttonBar || !userWrap) return;

        const username = usernameEl.textContent.trim();
        const rootComment = comment.closest('.l-comments-comment');
        const depth = rootComment?.dataset.depth;

        // === BLOKOVÁNÍ ===
        const blockBtn = document.createElement('button');
        blockBtn.className = 'ef-block-btn';
        blockBtn.textContent = blockedUsers.includes(username) ? 'Odblokovat' : 'Blokovat';
        blockBtn.style.cssText = 'background:#fff;border:1px solid #ddd;border-radius:4px;color:#007bff;cursor:pointer;font-size:12px;margin-left:10px;padding:2px 6px;';
        blockBtn.addEventListener('mouseenter', () => blockBtn.style.background = '#f8f9fa');
        blockBtn.addEventListener('mouseleave', () => blockBtn.style.background = '#fff');
        blockBtn.addEventListener('click', () => {
            if (blockedUsers.includes(username)) {
                blockedUsers = blockedUsers.filter(u => u !== username);
            } else {
                blockedUsers.push(username);
            }
            localStorage.setItem(STORAGE_BLOCKED, JSON.stringify(blockedUsers));
            location.reload();
        });
        buttonBar.appendChild(blockBtn);

        // === OBLÍBENÍ ===
        const favBtn = document.createElement('span');
        favBtn.className = 'ef-fav-btn';
        favBtn.title = favoriteUsers.includes(username) ? 'Odebrat z oblíbených' : 'Přidat do oblíbených';
        favBtn.innerHTML = favoriteUsers.includes(username) ? '⭐' : '☆';
        favBtn.style.cssText = 'margin-left:-11px;padding-right:4px;cursor:pointer;font-size:14px;opacity:0.6;';
        favBtn.addEventListener('click', () => {
            if (favoriteUsers.includes(username)) {
                favoriteUsers = favoriteUsers.filter(u => u !== username);
            } else {
                favoriteUsers.push(username);
            }
            localStorage.setItem(STORAGE_FAVORITES, JSON.stringify(favoriteUsers));
            location.reload();
        });

        const userWrapParent = userWrap.parentNode;
        if (userWrapParent) {
            userWrapParent.insertBefore(favBtn, userWrap.nextSibling);
        }

        // === BLOKOVÁNÍ STYL ===
        if (blockedUsers.includes(username)) {
            blockedCount[username] = (blockedCount[username] || 0) + 1;
            comment.classList.add('ef-blocked-comment');
            comment.style.opacity = '0.35';
            comment.style.background = 'none';
            comment.addEventListener('mouseenter', () => {
                comment.style.opacity = '1';
                comment.style.background = 'rgba(200,40,45,0.05)';
            });
            comment.addEventListener('mouseleave', () => {
                comment.style.opacity = '0.35';
                comment.style.background = 'none';
            });

            const originalContent = contentEl.innerHTML;
            contentEl.innerHTML = `<p><i>Tento uživatel je morální dno.</i> <small class="ef-toggle" style="color:#007bff;cursor:pointer;opacity:.5">(zobrazit původní hnůj)</small></p>`;
            contentEl.querySelector('.ef-toggle').addEventListener('click', () => {
                contentEl.innerHTML = originalContent;
            });

            if (depth === "0") {
                rootComment?.classList.add('ef-blocked-thread');
                rootComment?.classList.add('ef-collapsed');
            }
        }

        // === OBLÍBENÝ KOMENTÁŘ ===
        if (favoriteUsers.includes(username)) {
            favoriteCount[username] = (favoriteCount[username] || 0) + 1;
            if (depth === "0") {
                rootComment?.classList.add('ef-favorite-thread');
            }
        }

      // === SBALOVÁNÍ VLÁKEN ===
        if (depth === "0") {
            const collapseBtn = document.createElement('div');
            collapseBtn.className = 'ef-collapse-btn';
            collapseBtn.title = 'Sbalit vlákno';
            collapseBtn.innerHTML = '▶'; // trojúhelník ►
            collapseBtn.addEventListener('click', () => {
                const isCollapsed = rootComment.classList.toggle('ef-collapsed');
                collapseBtn.style.transform = isCollapsed ? 'rotate(90deg)' : 'rotate(0deg)';
                let next = rootComment.nextElementSibling;
                while (next && next.matches('.l-comments-comment') && next.dataset.depth !== "0") {
                    next.style.display = isCollapsed ? 'none' : '';
                    next = next.nextElementSibling;
                }
            });
            collapseBtn.style.cssText = `
                position: absolute;
                top: 8px;
                right: 8px;
                cursor: pointer;
                font-size: 14px;
                color: #888;
                transition: transform 0.2s ease;
            `;
            comment.style.position = 'relative';
            comment.appendChild(collapseBtn);
        }
    });

    // === VYLEPŠENÍ - ROZŠÍŘENÍ ===
    const commentsWrapper = document.querySelector('.l-comments-all');
    if (commentsWrapper) {
        const enhancementsWrap = document.createElement('div');
        enhancementsWrap.className = 'ef-enhancements-wrap';

        const toggleButton = document.createElement('div');
        toggleButton.className = 'ef-enhancements-toggle';
        toggleButton.textContent = '🔧 Nastavení lepší diskuze';

        const innerWrap = document.createElement('div');
        innerWrap.className = 'ef-enhancements-inner';
        innerWrap.style.display = 'none';

        // Nastavení řazení
        const settingsBox = document.createElement('div');
        settingsBox.className = 'ef-settings';
        settingsBox.innerHTML = `
            <b style="font-size:12px;">Nastavení zobrazení:</b>
            <div style="margin-top:5px;">
                <button class="ef-sort-btn${sortPreference === 'default' ? ' active' : ''}" data-sort="default">Výchozí řazení</button>
                <button class="ef-sort-btn${sortPreference === 'favorites-first' ? ' active' : ''}" data-sort="favorites-first">Oblíbení nahoře</button>
            </div>
            <div class="ef-compact-container" style="margin-top:10px;">
                <label style="font-size:12px;cursor:pointer;">
                    <input type="checkbox" id="ef-compact-toggle" ${compactMode ? 'checked' : ''} style="margin-right:5px;">
                    Kompaktní režim na malých obrazovkách<br>
                    <small style="color:#666;">Zmenší odsazení vláken, aby se diskuze lépe četla na úzkých displejích (<520px).</small>
                </label>
            </div>
        `;

        settingsBox.querySelector('#ef-compact-toggle').addEventListener('change', (e) => {
            compactMode = e.target.checked;
            localStorage.setItem(STORAGE_COMPACT, JSON.stringify(compactMode));
            location.reload();
        });

        // Výpis uživatelů
        const usersBox = document.createElement('div');
        usersBox.className = 'ef-users-list';
        usersBox.innerHTML = `
            <b style="font-size:12px;">📌 Oblíbení uživatelé:</b><br>
            ${favoriteUsers.length ? `<div class="ef-users-inline">${favoriteUsers.map(u => `<span class="ef-user" data-type="favorite">${u}</span>`).join('')}</div>` : '<i style="color:#888;">Žádní oblíbení uživatelé</i>'}
            <br><br>
            <b style="font-size:12px;">🚫 Blokovaní uživatelé:</b><br>
            ${blockedUsers.length ? `<div class="ef-users-inline">${blockedUsers.map(u => `<span class="ef-user" data-type="blocked">${u}</span>`).join('')}</div>` : '<i style="color:#888;">Žádní blokovaní uživatelé</i>'}
        `;

        // === Odebrání uživatelů s vlastním popup ===
        usersBox.addEventListener('click', (e) => {
            const target = e.target.closest('.ef-user');
            if (target) {
                const username = target.textContent.trim();
                const type = target.dataset.type;

                const modal = document.createElement('div');
                modal.className = 'ef-modal-overlay';
                modal.innerHTML = `
                    <div class="ef-modal-content">
                        <p>Opravdu chcete odebrat uživatele <b>"${username}"</b> z ${type === 'favorite' ? 'oblíbených' : 'blokovaných'}?</p>
                        <div class="ef-modal-buttons">
                            <button class="ef-modal-confirm">Ano, odebrat</button>
                            <button class="ef-modal-cancel">Zrušit</button>
                        </div>
                    </div>
                `;
                document.body.appendChild(modal);

                modal.querySelector('.ef-modal-confirm').addEventListener('click', () => {
                    if (type === 'favorite') {
                        favoriteUsers = favoriteUsers.filter(u => u !== username);
                        localStorage.setItem(STORAGE_FAVORITES, JSON.stringify(favoriteUsers));
                    } else {
                        blockedUsers = blockedUsers.filter(u => u !== username);
                        localStorage.setItem(STORAGE_BLOCKED, JSON.stringify(blockedUsers));
                    }
                    location.reload();
                });
                modal.querySelector('.ef-modal-cancel').addEventListener('click', () => {
                    modal.remove();
                });
            }
        });

        toggleButton.addEventListener('click', () => {
            innerWrap.style.display = innerWrap.style.display === 'none' ? 'block' : 'none';
        });

        innerWrap.appendChild(settingsBox);
        innerWrap.appendChild(usersBox);

        // === Skrytý podpis autora ===
        const authorInfo = document.createElement('div');
        authorInfo.className = 'ef-author-info';
        authorInfo.innerHTML = `<small style="display:block;margin-top:8px;text-align:center;color:#888;">🛠 Vytvořil Wayne Chamakh (2025) | Verze: <b>4.8</b></small>`;
        innerWrap.appendChild(authorInfo);

        enhancementsWrap.appendChild(toggleButton);
        enhancementsWrap.appendChild(innerWrap);

        commentsWrapper.insertBefore(enhancementsWrap, commentsWrapper.firstChild);

        // === Statistické boxy ===
        const statsWrapper = document.createElement('div');
        statsWrapper.className = 'ef-summary-wrap';

        const blockedSummary = document.createElement('div');
        blockedSummary.className = 'ef-blocked-summary';
        blockedSummary.innerHTML = Object.keys(blockedCount).length > 0
            ? `<b>Zablokované komentáře:</b><ul>${Object.entries(blockedCount).map(([u, c]) => `<li>${u}: ${c}</li>`).join('')}</ul>`
            : `<i style="color:#888;">Žádné komentáře nejsou aktuálně blokovány.</i>`;

        const favoriteSummary = document.createElement('div');
        favoriteSummary.className = 'ef-favorite-summary';
        favoriteSummary.innerHTML = Object.keys(favoriteCount).length > 0
            ? `<b>Oblíbení uživatelé – komentáře:</b><ul>${Object.entries(favoriteCount).map(([u, c]) => `<li>${u}: ${c}</li>`).join('')}</ul>`
            : `<i style="color:#888;">Žádné komentáře od oblíbených uživatelů.</i>`;

        statsWrapper.appendChild(blockedSummary);
        statsWrapper.appendChild(favoriteSummary);
        commentsWrapper.insertBefore(statsWrapper, enhancementsWrap.nextSibling);
    }

    // === ŘAZENÍ KOMENTÁŘŮ ===
    const container = document.querySelector('.l-comments-list');
    const threads = [...container.querySelectorAll('.l-comments-comment[data-depth="0"]')];

    if (container && threads.length > 0) {
        const threadGroups = threads.map(thread => {
            const group = [thread];
            let next = thread.nextElementSibling;
            while (next && next.matches('.l-comments-comment') && next.dataset.depth !== "0") {
                group.push(next);
                next = next.nextElementSibling;
            }
            return group;
        });

        threadGroups.flat().forEach(el => container.removeChild(el));

        if (sortPreference === 'favorites-first') {
            threadGroups.sort((a, b) => {
                const aFav = a[0].classList.contains('ef-favorite-thread');
                const bFav = b[0].classList.contains('ef-favorite-thread');
                if (aFav && !bFav) return -1;
                if (!aFav && bFav) return 1;
                return 0;
            });
        }

        const nonBlocked = threadGroups.filter(group => !group[0].classList.contains('ef-blocked-thread'));
        const blocked = threadGroups.filter(group => group[0].classList.contains('ef-blocked-thread'));
        const finalOrder = [...nonBlocked, ...blocked];

        finalOrder.forEach(group => group.forEach(el => container.appendChild(el)));

        if (blocked.length > 0) {
            const separator = document.createElement('div');
            separator.className = 'ef-blocked-separator';
            separator.textContent = 'Komentáře od blokovaných uživatelů';
            container.appendChild(separator);
            blocked.forEach(group => group.forEach(el => container.appendChild(el)));
        }
    }

    // === PŘEPÍNAČE NASTAVENÍ ===
    document.querySelectorAll('.ef-sort-btn').forEach(btn => {
        btn.addEventListener('click', () => {
            localStorage.setItem(STORAGE_SORT, btn.dataset.sort);
            location.reload();
        });
    });

    // === STYLY ===
    const style = document.createElement('style');
    style.textContent = `
        .ef-blocked-comment { font-size: 70% !important; }
        .ef-blocked-comment p { font-size: 70% !important; }
        .ef-collapse-btn { user-select: none; }
        .ef-collapsed > .l-comments-comment__inner {
            opacity: 0.75;
            background: #f5f5f5;
        }
        .l-comments-comment.ef-collapsed .l-comments-comment__replies {display:none;}
        .ef-sort-btn {
            font-size: 12px;
            padding: 3px 7px;
            margin-right: 6px;
            border: 1px solid #ccc;
            background: #fff;
            cursor: pointer;
            border-radius: 3px;
        }
        .ef-sort-btn.active {
            background-color: #007bff;
            color: white;
            border-color: #0056b3;
        }
        .ef-sort-btn {
            font-size: 12px;
            padding: 3px 7px;
            margin-right: 6px;
            border: 1px solid #ccc;
            background: #fff;
            cursor: pointer;
            border-radius: 3px;
        }
        .ef-sort-btn.active {
            background-color: #007bff;
            color: white;
            border-color: #0056b3;
        }
        .ef-enhancements-wrap {
            border: 1px solid #ccc;
            border-radius: 6px;
            margin-bottom: 10px;
            background: #f1f1f1;
        }
        .ef-enhancements-toggle {
            background: linear-gradient(to right, #007bff, #0056b3);
            color: white;
            font-weight: bold;
            padding: 10px;
            font-size: 14px;
            cursor: pointer;
            text-align: center;
        }
        .ef-enhancements-inner {
            padding: 10px;
            background: #fafafa;
        }
        .ef-summary-wrap {
            display: flex;
            gap: 10px;
            margin-bottom: 10px;
        }
        .ef-blocked-summary,
        .ef-favorite-summary {
            flex: 1;
            border: 1px solid #e0e0e0;
            background: #fcfcfc;
            padding: 6px 10px;
            font-size: 11px;
            color: #555;
            border-radius: 4px;
        }
        .ef-users-list {
            margin-top: 10px;
            font-size: 13px;
            color: #333;
        }
        .ef-users-inline {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            margin-top: 4px;
        }
        .ef-user {
            background: #e9ecef;
            border: 1px solid #ccc;
            border-radius: 4px;
            padding: 2px 6px;
            font-size: 12px;
            cursor: pointer;
            transition: background 0.2s ease;
        }
        .ef-user:hover {
            background: #dfe6ea;
        }
        .ef-blocked-separator {
            margin: 20px 0 10px 0;
            padding: 10px;
            background: #fff3f3;
            border: 1px solid #e0b4b4;
            border-radius: 6px;
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            color: #c0392b;
        }
        .ef-modal-overlay {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.4);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }
        .ef-modal-content {
            background: white;
            padding: 20px;
            border-radius: 6px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            text-align: center;
            max-width: 300px;
        }
        .ef-modal-buttons {
            margin-top: 10px;
        }
        .ef-modal-buttons button {
            margin: 0 5px;
            padding: 5px 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        .ef-modal-confirm {
            background: #dc3545;
            color: white;
        }
        .ef-modal-cancel {
            background: #6c757d;
            color: white;
        }

        /* Kompaktní režim */
        ${compactMode ? `
        @media (max-width: 520px) {
            .l-comments-comment[data-depth="2"] .l-comments-comment__inner  {
                      margin-left: 10px !important;
              }
              .l-comments-comment[data-depth="3"] .l-comments-comment__inner {
                      margin-left: 18px !important;
              }
              .l-comments-comment[data-depth="4"] .l-comments-comment__inner {
                      margin-left: 26px !important;
              }
              .l-comments-comment[data-depth="4"] .l-comments-comment__inner {
                      margin-left: 34px !important;
              }
              .l-comments-comment[data-depth="5"] .l-comments-comment__inner {
                      margin-left: 42px !important;
              }
              .l-comments-comment[data-depth="6"] .l-comments-comment__inner {
                      margin-left: 50px !important;
              }
              .l-comments-comment[data-depth="7"] .l-comments-comment__inner {
                      margin-left: 58px !important;
              }
              .l-comments-comment[data-depth="8"] .l-comments-comment__inner {
                      margin-left: 66px !important;
              }
              .l-comments-comment[data-depth="9"] .l-comments-comment__inner {
                      margin-left: 74px !important;
              }
              .l-comments-comment[data-depth="10"] .l-comments-comment__inner {
                      margin-left: 82px !important;
              }

              .l-comments-comment[data-depth="11"] .l-comments-comment__inner {
              margin-left: 90px !important;
              }
              .l-comments-comment[data-depth="12"] .l-comments-comment__inner {
                      margin-left: 98px !important;
              }
              .l-comments-comment[data-depth="13"] .l-comments-comment__inner {
                      margin-left: 106px !important;
              }
              .l-comments-comment[data-depth="14"] .l-comments-comment__inner {
                      margin-left: 114px !important;
              }
              .l-comments-comment[data-depth="15"] .l-comments-comment__inner {
                      margin-left: 122px !important;
              }
              .l-comments-comment[data-depth="16"] .l-comments-comment__inner {
                      margin-left: 130px !important;
              }
              .l-comments-comment[data-depth="17"] .l-comments-comment__inner {
                      margin-left: 138px !important;
              }
              .l-comments-comment[data-depth="18"] .l-comments-comment__inner {
                      margin-left: 146px !important;
              }
              .l-comments-comment[data-depth="19"] .l-comments-comment__inner {
                      margin-left: 154px !important;
              }
              .l-comments-comment[data-depth="20"] .l-comments-comment__inner {
                      margin-left: 162px !important;
              }
              .l-comments-comment[data-depth="21"] .l-comments-comment__inner {
                      margin-left: 170px !important;
              }
              .l-comments-comment[data-depth="22"] .l-comments-comment__inner {
                      margin-left: 178px !important;
              }
              .l-comments-comment[data-depth="23"] .l-comments-comment__inner {
                      margin-left: 186px !important;
              }
              .l-comments-comment[data-depth="24"] .l-comments-comment__inner {
                      margin-left: 194px !important;
              }
              .l-comments-comment[data-depth="25"] .l-comments-comment__inner {
                      margin-left: 202px !important;
              }
              .l-comments-comment[data-depth="26"] .l-comments-comment__inner {
                      margin-left: 210px !important;
              }
              .l-comments-comment[data-depth="27"] .l-comments-comment__inner {
                      margin-left: 218px !important;
              }
              .l-comments-comment[data-depth="28"] .l-comments-comment__inner {
                      margin-left: 226px !important;
              }
              .l-comments-comment[data-depth="29"] .l-comments-comment__inner {
                      margin-left: 234px !important;
              }
              .l-comments-comment[data-depth="30"] .l-comments-comment__inner {
                      margin-left: 242px !important;
              }
              .l-comments-comment[data-depth="31"] .l-comments-comment__inner {
                      margin-left: 250px !important;
              }
              .l-comments-comment[data-depth="32"] .l-comments-comment__inner {
                      margin-left: 258px !important;
              }
              .l-comments-comment[data-depth="33"] .l-comments-comment__inner {
                      margin-left: 266px !important;
              }
              .l-comments-comment[data-depth="34"] .l-comments-comment__inner {
                      margin-left: 274px !important;
              }
              .l-comments-comment[data-depth="35"] .l-comments-comment__inner {
                      margin-left: 282px !important;
              }
              .l-comments-comment[data-depth="36"] .l-comments-comment__inner {
                      margin-left: 290px !important;
              }
              .l-comments-comment[data-depth="37"] .l-comments-comment__inner {
                      margin-left: 298px !important;
              }
              .l-comments-comment[data-depth="38"] .l-comments-comment__inner {
                      margin-left: 306px !important;
              }
              .l-comments-comment[data-depth="39"] .l-comments-comment__inner {
                      margin-left: 314px !important;
              }
              .l-comments-comment[data-depth="40"] .l-comments-comment__inner {
                      margin-left: 322px !important;
              }
              .l-comments-comment[data-depth="41"] .l-comments-comment__inner {
                      margin-left: 330px !important;
              }
              .l-comments-comment[data-depth="42"] .l-comments-comment__inner {
                      margin-left: 338px !important;
              }
              .l-comments-comment[data-depth="43"] .l-comments-comment__inner {
                      margin-left: 346px !important;
              }
              .l-comments-comment[data-depth="44"] .l-comments-comment__inner {
                      margin-left: 354px !important;
              }
              .l-comments-comment[data-depth="45"] .l-comments-comment__inner {
                      margin-left: 362px !important;
              }
              .l-comments-comment[data-depth="46"] .l-comments-comment__inner {
                      margin-left: 370px !important;
              }
              .l-comments-comment[data-depth="47"] .l-comments-comment__inner {
                      margin-left: 378px !important;
              }
              .l-comments-comment[data-depth="48"] .l-comments-comment__inner {
                      margin-left: 386px !important;
              }
              .l-comments-comment[data-depth="49"] .l-comments-comment__inner {
                      margin-left: 394px !important;
              }
              .l-comments-comment[data-depth="50"] .l-comments-comment__inner {
                      margin-left: 402px !important;
              }


              .l-comments-comment[data-depth="2"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 10px !important;
              }
              .l-comments-comment[data-depth="3"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 18px !important;
              }
              .l-comments-comment[data-depth="4"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 26px !important;
              }
              .l-comments-comment[data-depth="5"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 34px !important;
              }
              .l-comments-comment[data-depth="6"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 42px !important;
              }
              .l-comments-comment[data-depth="7"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 50px !important;
              }
              .l-comments-comment[data-depth="8"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 58px !important;
              }
              .l-comments-comment[data-depth="9"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 66px !important;
              }
              .l-comments-comment[data-depth="10"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 74px !important;
              }
              .l-comments-comment[data-depth="11"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 82px !important;
              }
              .l-comments-comment[data-depth="12"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 90px !important;
              }
              .l-comments-comment[data-depth="13"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 98px !important;
              }
              .l-comments-comment[data-depth="14"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 106px !important;
              }
              .l-comments-comment[data-depth="15"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 114px !important;
              }
              .l-comments-comment[data-depth="16"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 122px !important;
              }
              .l-comments-comment[data-depth="17"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 130px !important;
              }
              .l-comments-comment[data-depth="18"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 138px !important;
              }
              .l-comments-comment[data-depth="19"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 146px !important;
              }
              .l-comments-comment[data-depth="20"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 154px !important;
              }
              .l-comments-comment[data-depth="21"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 162px !important;
              }
              .l-comments-comment[data-depth="22"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 170px !important;
              }
              .l-comments-comment[data-depth="23"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 178px !important;
              }
              .l-comments-comment[data-depth="24"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 186px !important;
              }
              .l-comments-comment[data-depth="25"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 194px !important;
              }
              .l-comments-comment[data-depth="26"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 202px !important;
              }
              .l-comments-comment[data-depth="27"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 210px !important;
              }
              .l-comments-comment[data-depth="28"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 218px !important;
              }
              .l-comments-comment[data-depth="29"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 226px !important;
              }
              .l-comments-comment[data-depth="30"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 234px !important;
              }
              .l-comments-comment[data-depth="31"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 242px !important;
              }
              .l-comments-comment[data-depth="32"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 250px !important;
              }
              .l-comments-comment[data-depth="33"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 258px !important;
              }
              .l-comments-comment[data-depth="34"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 266px !important;
              }
              .l-comments-comment[data-depth="35"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 274px !important;
              }
              .l-comments-comment[data-depth="36"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 282px !important;
              }
              .l-comments-comment[data-depth="37"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 290px !important;
              }
              .l-comments-comment[data-depth="38"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 298px !important;
              }
              .l-comments-comment[data-depth="39"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 306px !important;
              }
              .l-comments-comment[data-depth="40"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 314px !important;
              }
              .l-comments-comment[data-depth="41"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 322px !important;
              }
              .l-comments-comment[data-depth="42"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 330px !important;
              }
              .l-comments-comment[data-depth="43"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 338px !important;
              }
              .l-comments-comment[data-depth="44"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 346px !important;
              }
              .l-comments-comment[data-depth="45"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 354px !important;
              }
              .l-comments-comment[data-depth="46"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 362px !important;
              }
              .l-comments-comment[data-depth="47"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 370px !important;
              }
              .l-comments-comment[data-depth="48"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 378px !important;
              }
              .l-comments-comment[data-depth="49"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 386px !important;
              }
              .l-comments-comment[data-depth="50"] .l-comments-comment__replies .l-comments-comment::after {
                  left: 394px !important;
              }


              .l-comments-comment[data-depth="2"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 10px !important;
              }
              .l-comments-comment[data-depth="3"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 18px !important;
              }
              .l-comments-comment[data-depth="4"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 26px !important;
              }
              .l-comments-comment[data-depth="5"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 34px !important;
              }
              .l-comments-comment[data-depth="6"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 42px !important;
              }
              .l-comments-comment[data-depth="7"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 50px !important;
              }
              .l-comments-comment[data-depth="8"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 58px !important;
              }
              .l-comments-comment[data-depth="9"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 66px !important;
              }
              .l-comments-comment[data-depth="10"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 74px !important;
              }
              .l-comments-comment[data-depth="11"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 82px !important;
              }
              .l-comments-comment[data-depth="12"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 90px !important;
              }
              .l-comments-comment[data-depth="13"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 98px !important;
              }
              .l-comments-comment[data-depth="14"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 106px !important;
              }
              .l-comments-comment[data-depth="15"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 114px !important;
              }
              .l-comments-comment[data-depth="16"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 122px !important;
              }
              .l-comments-comment[data-depth="17"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 130px !important;
              }
              .l-comments-comment[data-depth="18"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 138px !important;
              }
              .l-comments-comment[data-depth="19"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 146px !important;
              }
              .l-comments-comment[data-depth="20"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 154px !important;
              }
              .l-comments-comment[data-depth="21"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 162px !important;
              }
              .l-comments-comment[data-depth="22"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 170px !important;
              }
              .l-comments-comment[data-depth="23"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 178px !important;
              }
              .l-comments-comment[data-depth="24"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 186px !important;
              }
              .l-comments-comment[data-depth="25"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 194px !important;
              }
              .l-comments-comment[data-depth="26"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 202px !important;
              }
              .l-comments-comment[data-depth="27"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 210px !important;
              }
              .l-comments-comment[data-depth="28"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 218px !important;
              }
              .l-comments-comment[data-depth="29"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 226px !important;
              }
              .l-comments-comment[data-depth="30"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 234px !important;
              }
              .l-comments-comment[data-depth="31"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 242px !important;
              }
              .l-comments-comment[data-depth="32"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 250px !important;
              }
              .l-comments-comment[data-depth="33"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 258px !important;
              }
              .l-comments-comment[data-depth="34"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 266px !important;
              }
              .l-comments-comment[data-depth="35"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 274px !important;
              }
              .l-comments-comment[data-depth="36"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 282px !important;
              }
              .l-comments-comment[data-depth="37"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 290px !important;
              }
              .l-comments-comment[data-depth="38"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 298px !important;
              }
              .l-comments-comment[data-depth="39"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 306px !important;
              }
              .l-comments-comment[data-depth="40"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 314px !important;
              }
              .l-comments-comment[data-depth="41"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 322px !important;
              }
              .l-comments-comment[data-depth="42"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 330px !important;
              }
              .l-comments-comment[data-depth="43"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 338px !important;
              }
              .l-comments-comment[data-depth="44"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 346px !important;
              }
              .l-comments-comment[data-depth="45"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 354px !important;
              }
              .l-comments-comment[data-depth="46"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 362px !important;
              }
              .l-comments-comment[data-depth="47"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 370px !important;
              }
              .l-comments-comment[data-depth="48"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 378px !important;
              }
              .l-comments-comment[data-depth="49"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 386px !important;
              }
              .l-comments-comment[data-depth="50"] .l-comments-comment__replies .l-comments-comment::before {
                  left: 394px !important;
              }







              .l-comments-comment[data-depth="2"] .l-comments-comment__replies-line {
                  left: 10px !important;
              }
              .l-comments-comment[data-depth="3"] .l-comments-comment__replies-line {
                  left: 18px !important;
              }
              .l-comments-comment[data-depth="4"] .l-comments-comment__replies-line {
                  left: 26px !important;
              }
              .l-comments-comment[data-depth="5"] .l-comments-comment__replies-line {
                  left: 34px !important;
              }
              .l-comments-comment[data-depth="6"] .l-comments-comment__replies-line {
                  left: 42px !important;
              }
              .l-comments-comment[data-depth="7"] .l-comments-comment__replies-line {
                  left: 50px !important;
              }
              .l-comments-comment[data-depth="8"] .l-comments-comment__replies-line {
                  left: 58px !important;
              }
              .l-comments-comment[data-depth="9"] .l-comments-comment__replies-line {
                  left: 66px !important;
              }
              .l-comments-comment[data-depth="10"] .l-comments-comment__replies-line {
                  left: 74px !important;
              }
              .l-comments-comment[data-depth="11"] .l-comments-comment__replies-line {
                  left: 82px !important;
              }
              .l-comments-comment[data-depth="12"] .l-comments-comment__replies-line {
                  left: 90px !important;
              }
              .l-comments-comment[data-depth="13"] .l-comments-comment__replies-line {
                  left: 98px !important;
              }
              .l-comments-comment[data-depth="14"] .l-comments-comment__replies-line {
                  left: 106px !important;
              }
              .l-comments-comment[data-depth="15"] .l-comments-comment__replies-line {
                  left: 114px !important;
              }
              .l-comments-comment[data-depth="16"] .l-comments-comment__replies-line {
                  left: 122px !important;
              }
              .l-comments-comment[data-depth="17"] .l-comments-comment__replies-line {
                  left: 130px !important;
              }
              .l-comments-comment[data-depth="18"] .l-comments-comment__replies-line {
                  left: 138px !important;
              }
              .l-comments-comment[data-depth="19"] .l-comments-comment__replies-line {
                  left: 146px !important;
              }
              .l-comments-comment[data-depth="20"] .l-comments-comment__replies-line {
                  left: 154px !important;
              }
              .l-comments-comment[data-depth="21"] .l-comments-comment__replies-line {
                  left: 162px !important;
              }
              .l-comments-comment[data-depth="22"] .l-comments-comment__replies-line {
                  left: 170px !important;
              }
              .l-comments-comment[data-depth="23"] .l-comments-comment__replies-line {
                  left: 178px !important;
              }
              .l-comments-comment[data-depth="24"] .l-comments-comment__replies-line {
                  left: 186px !important;
              }
              .l-comments-comment[data-depth="25"] .l-comments-comment__replies-line {
                  left: 194px !important;
              }
              .l-comments-comment[data-depth="26"] .l-comments-comment__replies-line {
                  left: 202px !important;
              }
              .l-comments-comment[data-depth="27"] .l-comments-comment__replies-line {
                  left: 210px !important;
              }
              .l-comments-comment[data-depth="28"] .l-comments-comment__replies-line {
                  left: 218px !important;
              }
              .l-comments-comment[data-depth="29"] .l-comments-comment__replies-line {
                  left: 226px !important;
              }
              .l-comments-comment[data-depth="30"] .l-comments-comment__replies-line {
                  left: 234px !important;
              }
              .l-comments-comment[data-depth="31"] .l-comments-comment__replies-line {
                  left: 242px !important;
              }
              .l-comments-comment[data-depth="32"] .l-comments-comment__replies-line {
                  left: 250px !important;
              }
              .l-comments-comment[data-depth="33"] .l-comments-comment__replies-line {
                  left: 258px !important;
              }
              .l-comments-comment[data-depth="34"] .l-comments-comment__replies-line {
                  left: 266px !important;
              }
              .l-comments-comment[data-depth="35"] .l-comments-comment__replies-line {
                  left: 274px !important;
              }
              .l-comments-comment[data-depth="36"] .l-comments-comment__replies-line {
                  left: 282px !important;
              }
              .l-comments-comment[data-depth="37"] .l-comments-comment__replies-line {
                  left: 290px !important;
              }
              .l-comments-comment[data-depth="38"] .l-comments-comment__replies-line {
                  left: 298px !important;
              }
              .l-comments-comment[data-depth="39"] .l-comments-comment__replies-line {
                  left: 306px !important;
              }
              .l-comments-comment[data-depth="40"] .l-comments-comment__replies-line {
                  left: 314px !important;
              }
              .l-comments-comment[data-depth="41"] .l-comments-comment__replies-line {
                  left: 322px !important;
              }
              .l-comments-comment[data-depth="42"] .l-comments-comment__replies-line {
                  left: 330px !important;
              }
              .l-comments-comment[data-depth="43"] .l-comments-comment__replies-line {
                  left: 338px !important;
              }
              .l-comments-comment[data-depth="44"] .l-comments-comment__replies-line {
                  left: 346px !important;
              }
              .l-comments-comment[data-depth="45"] .l-comments-comment__replies-line {
                  left: 354px !important;
              }
              .l-comments-comment[data-depth="46"] .l-comments-comment__replies-line {
                  left: 362px !important;
              }
              .l-comments-comment[data-depth="47"] .l-comments-comment__replies-line {
                  left: 370px !important;
              }
              .l-comments-comment[data-depth="48"] .l-comments-comment__replies-line {
                  left: 378px !important;
              }
              .l-comments-comment[data-depth="49"] .l-comments-comment__replies-line {
                  left: 386px !important;
              }
              .l-comments-comment[data-depth="50"] .l-comments-comment__replies-line {
                  left: 394px !important;
              } left: 10px !important;
            }
        }
        ` : ''}
        /* Zobraz kompaktní přepínač jen na <520px */
        @media (max-width: 520px) {
            .ef-compact-container {
                display: block;
            }
        }
        @media (min-width: 521px) {
            .ef-compact-container {
                display: none;
            }
        }
    `;
    document.head.appendChild(style);

})();
Uložte
Obnovte stránku na eurofotbal.cz
Profitujte z života bez uživatelů na morálním dnu a přidávejte si oblíbené uživatelé.