* { margin:0; padding:0; box-sizing:border-box; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html { height:100%; } /* СВЕТЛА ТЕМА - обръща цветовете на цялата страница; изображенията, iframe-ите и фоновите картинки получават обратен филтър, за да не изглеждат "обърнати" визуално */ html.light-theme { filter: invert(1) hue-rotate(180deg); } html.light-theme img, html.light-theme iframe, html.light-theme .portal, html.light-theme video { filter: invert(1) hue-rotate(180deg); } .theme-toggle-btn { background: none; border: 1px solid #ff7a00; color: #ff7a00; border-radius: 6px; width: 32px; height: 32px; font-size: 16px; line-height: 1; cursor: pointer; transition: background .2s ease, transform .2s ease; display: inline-flex; align-items: center; justify-content: center; padding: 0; appearance: none; -webkit-appearance: none; margin: 0; } .theme-toggle-btn:hover { background: #ff7a00; color: #000; transform: translateY(-1px); } .theme-toggle-btn:active { transform: translateY(0) scale(.95); } /* ЛАФЧЕ.ORG - еднократна pulse подсказка на theme бутона при първо посещение (discoverability - бутонът се вижда, но не е очевиден, особено на мобилно, където tooltip title="" не работи). Същия scale+glow стил като .stat-dot (lafchePulse), за визуална консистентност */ @keyframes themeHintPulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 6px rgba(255,122,0,.4); } 50% { transform: scale(1.15); box-shadow: 0 0 16px rgba(255,122,0,.9), 0 0 28px rgba(255,122,0,.5); } } .theme-toggle-btn.theme-hint-pulse { animation: themeHintPulse 2s ease-in-out infinite; } body { background:#000; color:#ededed; font-family:Arial,sans-serif; min-height:100vh; height:100%; overflow-x:hidden; animation: pageFadeIn .45s ease; } @keyframes pageFadeIn { from { opacity: 0; } to { opacity: 1; } } /* HEADER */ .topbar { width:100%; min-height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 45px; background: linear-gradient( 90deg, rgba(10,10,10,0.92) 0%, rgba(255,122,0,0.22) 15%, rgba(10,10,10,0.92) 30%, rgba(255,122,0,0.22) 50%, rgba(10,10,10,0.92) 65%, rgba(255,122,0,0.22) 85%, rgba(10,10,10,0.92) 100% ); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom:2px solid #ff7a00; position:relative; z-index:100; } /* ЛАФЧЕ.ORG - светлата тема идва от filter:invert(1) hue-rotate(180deg) на целия , затова СЪЩИТЕ стойности изглеждат различно интензивно на двете теми. Отделно правило за светла тема, пазещо по-силната стойност, докато основната (тъмна) стана по-мека по-горе */ html.light-theme .topbar { background: linear-gradient( 90deg, rgba(10,10,10,0.92) 0%, rgba(255,122,0,0.4) 15%, rgba(10,10,10,0.92) 30%, rgba(255,122,0,0.4) 50%, rgba(10,10,10,0.92) 65%, rgba(255,122,0,0.4) 85%, rgba(10,10,10,0.92) 100% ); } nav { display:flex; gap:28px; align-items: center; } .topbar nav { position:absolute; left:50%; transform:translateX(-50%); } nav a { color:#ddd; text-decoration:none; font-size:15px; position: relative; transition: color .2s ease; } nav a::after { content: ""; position: absolute; left: 50%; bottom: -4px; width: 0; height: 2px; background: #ff7a00; transition: width .25s ease, left .25s ease; } nav a:hover { color:#ff7a00; } nav a:hover::after { width: 100%; left: 0; } .online-box { color:#00d26a; font-weight:bold; } /* MAIN */ .portal { width:100%; min-height:calc(100vh - 70px); padding:45px 20px 45px 40px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:25px; align-items:center; position:relative; overflow:hidden; background:url("../img/lafche-center.png") center center no-repeat; background-size: contain; } .portal::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.75); z-index:0; pointer-events:none; } /* LEFT */ .welcome { text-align:center; min-height:520px; padding-top:50px; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; z-index:2; } .welcome h1 { font-size:64px; color:#ff7a00; margin-bottom:15px; } .welcome h2 { font-size:30px; margin-bottom:20px; } .welcome p { color:#aaa; font-size:20px; max-width:550px; line-height:1.5; margin-bottom:70px; } #enter-chat { width:320px; height:70px; border:0; border-radius:15px; background: linear-gradient(135deg, #ff9224, #ff7a00); color:#fff; font-size:24px; font-weight:bold; cursor:pointer; transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, filter .2s ease; margin-bottom: 25px; } #enter-chat:hover { transform:translateY(-4px); box-shadow:0 0 30px rgba(255,122,0,.6); filter: brightness(1.08); } #enter-chat:active { transform: translateY(-1px) scale(.97); filter: brightness(.95); } /* CHANNEL PANEL */ .channel-panel { width:280px; max-width:100%; background:#151515; border:1px solid #333; border-radius:15px; padding:16px; position:relative; z-index:2; } .channel-panel > h2 { text-align:center; color:#ff7a00; margin-bottom:15px; font-size:21px; } .channel-group { margin-bottom:12px; border-radius:10px; overflow:hidden; } .channel-group h3 { background:#202020; padding:11px; font-size:16px; cursor:pointer; border:1px solid #333; transition: border-color .2s ease, background .2s ease; } .channel-group h3 span { display: inline-block; transition: transform .25s ease; } .channel-group.open h3 span { transform: rotate(180deg); } .channel-group h3:hover { border-color:#ff7a00; background:#252525; } .fixed-channel { padding:9px 10px; background:#181818; color:#ffb066; border-left:3px solid #ff7a00; font-size:16px; } .channel-list { max-height: 0; overflow: hidden; background:#101010; padding: 0 7px; transition: max-height .35s ease, padding .35s ease; } .channel-group.open .channel-list { max-height: 600px; padding:7px; } .channel-list label { display:flex; align-items:center; gap:8px; padding:8px; margin:5px 0; background:#202020; border:1px solid #333; border-radius:8px; cursor:pointer; font-size:16px; } .channel-list label:hover { border-color:#ff7a00; } .channel-list input { width:18px; height:18px; } /* CHAT FRAME */ .chat-page { display: flex; flex-direction: column; height: 100vh; height: 100dvh; height: calc(var(--vh, 1vh) * 100); } .chat-page > .topbar { flex: 0 0 auto; } .chat-container { flex: 1 1 auto; min-height: 0; width:100%; position:relative; } .chat-loading-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; z-index: 10; color: #aaa; font-size: 16px; transition: opacity .3s ease, visibility .3s; } .chat-loading-screen.hidden { opacity: 0; visibility: hidden; pointer-events: none; } .chat-loading-spinner { width: 48px; height: 48px; border: 4px solid #333; border-top-color: #ff7a00; border-radius: 50%; animation: chatLoadingSpin .8s linear infinite; } @keyframes chatLoadingSpin { to { transform: rotate(360deg); } } #chat-frame { width:100%; height:100%; border:0; } /* COMMANDS OVERLAY - показва страница от /commands/ върху активния чат, без да напуска /chat/ (важно за мобилно, за да не се къса връзката) */ .commands-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 99999; } .commands-overlay.open { display: block; } #commands-overlay-frame { width: 100%; height: 100%; border: 0; } /* FOOTER */ footer { text-align:center; padding:30px; color:#777; background:#000; position:relative; z-index:2; } /* ЛАФЧЕ.ORG: BGtop иконата седи вдясно на copyright текста на десктоп (не разширява footer-а по височина), но flex-wrap я оставя естествено да "падне" на нов ред сама на тесни/мобилни екрани, вместо да се кара да се събира насила на един ред */ .footer-row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 14px; } .footer-badge-group { display: flex; align-items: center; gap: 14px; } .footer-badge-link img { border-radius: 6px; display: block; } .footer-social-link { display: flex; align-items: center; color: #777; transition: color 0.2s; } .footer-social-link:hover { color: #ff7a00; } .footer-contact-label { color: #555; letter-spacing: 1px; } .footer-dot { color: #ff7a00; font-weight: bold; font-size: 20px; } footer a { color: #ff7a00; } footer a:hover { color: #ffb066; } /* CHAT LOGIN MODAL */ .modal { display:flex; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.75); justify-content:center; align-items:center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s; } .modal.open { opacity: 1; visibility: visible; pointer-events: auto; } .modal-box { width:380px; max-width:90%; background:#151515; border:1px solid #333; border-radius:18px; padding:30px; text-align:center; box-shadow:0 0 40px rgba(255,122,0,.25); transform: scale(.92) translateY(10px); transition: transform .3s cubic-bezier(.34,1.56,.64,1); } .modal.open .modal-box { transform: scale(1) translateY(0); } .modal-box h2 { color:#ff7a00; margin-bottom:25px; } .modal-box h3 { margin:20px 0 15px; color:#aaa; font-size:16px; } #nickname { width:100%; padding:15px; background:#0d0d0d; border:1px solid #333; border-radius:10px; color:#fff; font-size:18px; text-align:center; } .hidden { display: none !important; } .nickserv-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 12px 0; font-size: 13px; color: #aaa; cursor: pointer; } .nickserv-password-field { width: 100%; padding: 12px; background: #0d0d0d; border: 1px solid #333; border-radius: 10px; color: #fff; font-size: 15px; text-align: center; margin-bottom: 12px; } .nickserv-password-wrapper { position: relative; } .nickserv-password-wrapper .nickserv-password-field { padding-right: 45px; } .password-eye-toggle { position: absolute; right: 10px; top: 50%; transform: translateY(-72%); background: none; border: none; cursor: pointer; font-size: 22px; padding: 0; line-height: 1; opacity: 0.6; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .password-eye-toggle:hover { opacity: 1; } .mirc-connect-box { background: #0d0d0d; border: 1px solid #333; border-radius: 12px; padding: 16px 20px; margin: 16px 0; text-align: center; } .mirc-connect-button { display: inline-block; background: linear-gradient(135deg, #ff7a00, #ff9500); color: #000 !important; padding: 14px 28px; border-radius: 12px; font-weight: bold; font-size: 16px; text-decoration: none; margin-top: 10px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 15px rgba(255, 122, 0, 0.3); } .mirc-connect-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 122, 0, 0.5); } #nickname:focus { outline:none; border-color:#ff7a00; } #selected-channels { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:25px; } .selected-channel { padding:7px 12px; background:#202020; border:1px solid #00d26a; border-radius:20px; font-size:14px; } /* AGE CONFIRM */ .age-confirm { display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:20px; font-size:13px; color:#aaa; cursor:pointer; text-align:left; } .age-confirm input { width:16px; height:16px; flex-shrink:0; cursor:pointer; } #continue-chat { width:100%; height:55px; border:0; border-radius:12px; background: linear-gradient(135deg, #ff9224, #ff7a00); color:white; font-size:20px; font-weight:bold; cursor:pointer; margin-bottom:12px; transition: transform .2s ease, box-shadow .25s ease, filter .2s ease; } #continue-chat:hover { box-shadow:0 0 25px rgba(255,122,0,.5); transform: translateY(-2px); filter: brightness(1.08); } #continue-chat:active { transform: translateY(0) scale(.98); filter: brightness(.95); } #close-modal { width:100%; height:45px; border:1px solid #444; border-radius:10px; background:#202020; color:#aaa; font-size:16px; cursor:pointer; transition: border-color .2s ease, color .2s ease, transform .2s ease; } #close-modal:hover { border-color:#ff7a00; color:white; transform: translateY(-1px); } #close-modal:active { transform: translateY(0) scale(.98); } /* HERO STATS */ .hero-stats { display:grid; grid-template-columns:auto auto; gap:8px 20px; text-align:left; margin-left:auto; align-items:center; } .stat-item { display: flex; align-items: center; gap: 8px; color: #dcdcdc; font-size: 10px; font-weight: 600; white-space: nowrap; } .hero-social-link { text-decoration: none; transition: color 0.2s; } .hero-social-link:hover { color: #ff7a00; } .stat-value { color: #ffb347; font-weight: 700; text-shadow: 0 0 6px #ff7a00, 0 0 12px rgba(255,122,0,.8), 0 0 18px rgba(255,122,0,.5); } .stat-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff7a00; box-shadow: 0 0 5px #ff7a00, 0 0 10px #ff7a00, 0 0 20px #ff7a00, 0 0 30px rgba(255,122,0,.8); animation: lafchePulse 2s infinite ease-in-out; } @keyframes lafchePulse { 0% { transform: scale(1); opacity: .7; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: .7; } } /* LOGO */ .logo { display: flex; align-items: center; margin-left: -40px; } .logo a { display: flex; align-items: center; text-decoration: none; } .logo img { display: block; height: 75px; width: auto; pointer-events:none; transition: filter .25s ease; } .logo a:hover img { filter: drop-shadow(0 0 10px rgba(255,122,0,.6)); } /* PRIVACY NOTICE */ .privacy-notice { margin-top: 15px; margin-bottom: 20px; max-width: 650px; margin-left: auto; margin-right: auto; text-align: center; font-size: 13px; line-height: 1.5; color: #aaa; } .privacy-notice a { color: #ff7a00; text-decoration: underline; cursor: pointer; } .privacy-notice a:hover { color: #ffb000; } /* PRIVACY MODAL */ .privacy-modal { display: flex; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); align-items: center; justify-content: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s; } .privacy-modal.open { opacity: 1; visibility: visible; pointer-events: auto; } .privacy-box { width: 90%; max-width: 750px; max-height: 80vh; overflow-y: auto; background: #151515; border: 2px solid #ff7a00; border-radius: 12px; padding: 25px; color: #ddd; box-shadow: 0 0 25px rgba(255,122,0,.35); transform: scale(.92) translateY(10px); transition: transform .3s cubic-bezier(.34,1.56,.64,1); } .privacy-modal.open .privacy-box { transform: scale(1) translateY(0); } .privacy-box h2 { color: #ff7a00; text-align: center; font-size: 18px; line-height: 1.4; margin-bottom: 25px; } .privacy-box p { font-size: 14px; line-height: 1.7; margin-bottom: 18px; } .privacy-box b { color: #ff7a00; } #privacy-accept { display: block; margin: 30px auto 5px; padding: 11px 50px; background: linear-gradient(135deg, #ff9224, #ff7a00); color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: bold; cursor: pointer; letter-spacing: 0.5px; box-shadow: 0 0 12px rgba(255,122,0,.45); transition: .3s ease; } #privacy-accept:hover { background: #ff9800; box-shadow: 0 0 20px rgba(255,122,0,.7); transform: translateY(-1px); } #privacy-accept:active { transform: scale(0.97); } /* MOBILE HEADER BUTTONS */ .mobile-header-buttons { display: none; position: relative; } /* MOBILE (<=950px) - вижте /assets/css/mobile.css */ /* DESKTOP (>=951px) - бутонът и панелът с канали се качват под хедъра, вместо да са вертикално центрирани в цялата височина на екрана */ @media (min-width:951px) { .portal { align-items: start; } .welcome { padding-top: 150px; } .privacy-notice { max-width: 550px; transform: translateX(152.5px); } .welcome h1, .welcome h2, .welcome p { transform: translateX(152.5px); } .welcome h1 { max-width: 800px; font-size: 52px; } #enter-chat { position: absolute; top: 40px; left: calc(50% + 152.5px); transform: translateX(-50%); z-index: 3; } #enter-chat:hover { transform: translateX(-50%) translateY(-4px); } #enter-chat:active { transform: translateX(-50%) translateY(-1px) scale(.97); } } /* КОМАНДИ PAGE */ .commands-page { min-height: 100vh; } .commands-main { max-width: 900px; margin: 0 auto; padding: 50px 20px 80px; position: relative; z-index: 2; } .commands-main > h1 { color: #ff7a00; font-size: 42px; text-align: center; margin-bottom: 10px; } .commands-intro { color: #aaa; text-align: center; font-size: 16px; max-width: 650px; margin: 0 auto 45px; line-height: 1.6; } .services-summary { text-align: center; font-size: 20px; font-weight: bold; margin: -25px auto 40px; } .services-summary-label { color: #ff7a00; } .service-block { margin-bottom: 14px; border-radius: 12px; overflow: hidden; border: 1px solid #333; } .service-block > h2 { background: #151515; color: #ff7a00; padding: 16px 20px; font-size: 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background .2s ease; } .service-block > h2:hover { background: #1c1c1c; } .service-block > h2 span { transition: transform .2s; font-size: 16px; } .service-block.open > h2 span { transform: rotate(180deg); } .service-body { max-height: 0; overflow: hidden; background: #0d0d0d; padding: 0 25px; transition: max-height .4s ease, padding .4s ease; } .service-block.open .service-body { max-height: 3000px; padding: 25px; border-top: 1px solid #333; } .service-intro { color: #ccc; margin-bottom: 25px; line-height: 1.6; } .cmd-group { margin-bottom: 28px; } .cmd-group:last-child { margin-bottom: 0; } .cmd-group h3 { color: #ffb066; font-size: 17px; margin-bottom: 10px; border-left: 3px solid #ff7a00; padding-left: 10px; } .cmd-group a, .cmd-group a:visited { color: #ff7a00; text-decoration: underline; transition: color .2s ease; } .cmd-group a:hover { color: #ffb066; } .hero-inline-link, .hero-inline-link:visited, .hero-inline-link:active { color: #ff7a00; text-decoration: underline; } .hero-inline-link:hover { color: #ffb066; } .cmd-group p { color: #bbb; font-size: 14px; line-height: 1.6; margin-bottom: 10px; } .cmd-line { display: block; background: #181818; border-left: 3px solid #ff7a00; border-radius: 6px; padding: 8px 14px; margin-bottom: 6px; font-family: "Courier New", monospace; font-size: 13px; color: #ffb066; overflow-x: auto; white-space: pre; } .server-row { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; } .server-row .cmd-line { margin-bottom: 0; flex: 1; } .server-status { font-size: 13px; font-weight: bold; white-space: nowrap; color: #888; } .server-online { color: #2ecc71; } .server-offline { color: #ff4d4d; } .cmd-note { color: #888; font-size: 13px; font-style: italic; margin-top: 8px; } /* ЛАФЧЕ.ORG - центрирана версия на .cmd-note, за да съвпада визуално с .commands-intro (channels.html) */ .cmd-note-centered { text-align: center; max-width: 650px; margin: 0 auto 20px; } .cmd-group ul { margin: 10px 0 0 20px; color: #bbb; font-size: 14px; line-height: 1.7; } .cmd-group ul li b { color: #ff7a00; } .cmd-group table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 14px; } .cmd-group th, .cmd-group td { border: 1px solid #333; padding: 10px 14px; text-align: left; } .cmd-group th { background: #202020; color: #ff7a00; } .cmd-group td { color: #ccc; background: #101010; transition: background .15s ease; } .cmd-group tr:hover td { background: #181818; } .table-wrap { overflow-x: auto; } /* Медали за топ 3 канала */ #channels-table-body td:first-child { text-align: center; width: 60px; } .channels-table th:first-child { text-align: center; width: 60px; } #channels-table-body tr.rank-1 td:first-child, #channels-table-body tr.rank-2 td:first-child, #channels-table-body tr.rank-3 td:first-child { font-size: 28px; } #channels-updated { text-align: center; margin: 0 0 20px; } /* NAV DROPDOWN (КОМАНДИ подменю) */ .nav-dropdown { position: relative; display: inline-flex; align-items: center; } .nav-dropdown-toggle { background: none; border: none; color: #ddd; font-size: 15px; font-family: inherit; cursor: pointer; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; transition: color .2s ease; } .nav-dropdown-toggle:hover { color: #ff7a00; } .nav-dropdown-menu { display: flex; position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(-6px); background: #151515; border: 1px solid #ff7a00; border-radius: 10px; padding: 18px 8px 8px 8px; min-width: 160px; flex-direction: column; gap: 2px; z-index: 500; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s; } .nav-dropdown-menu.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); } @media (min-width:951px) { .nav-dropdown:hover .nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); } } .nav-dropdown-menu a { color: #ddd; text-decoration: none; font-size: 14px; padding: 8px 10px; border-radius: 6px; white-space: nowrap; transition: background .2s ease, color .2s ease, transform .2s ease; } .nav-dropdown-menu a.nav-dropdown-highlight { font-weight: bold; } .nav-dropdown-menu a:hover { background: #202020; color: #ff7a00; transform: translateX(3px); } /* BACK BUTTON */ .back-button { display: inline-block; color: #ff7a00; text-decoration: none; font-weight: bold; padding: 10px 18px; border: 1px solid #ff7a00; border-radius: 8px; margin: 10px 0 25px; transition: background .25s ease, color .25s ease, transform .2s ease, box-shadow .25s ease; } .back-button:hover { background: #ff7a00; color: #000; transform: translateX(-3px); box-shadow: 0 0 18px rgba(255,122,0,.4); } .back-button:active { transform: translateX(-1px) scale(.97); } .back-button-bottom { margin-top: 30px; } /* BIG BUTTON - изпъкващ бутон за важни линкове (напр. логове), в стила на ВЛЕЗ В ЧАТА */ .big-button { display: block; width: fit-content; max-width: 100%; margin: 0 auto 30px; padding: 18px 40px; background: linear-gradient(135deg, #ff9224, #ff7a00); color: #fff; font-size: 20px; font-weight: bold; text-align: center; text-decoration: none; border-radius: 15px; transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease, filter .2s ease; } .big-button:hover { transform: translateY(-4px); box-shadow: 0 0 30px rgba(255,122,0,.6); filter: brightness(1.08); } /* ЛАФЧЕ.ORG - "Основни команди" (commands.html) специфични стилове. Глобалният * {margin:0} reset беше занулил browser default h2 margin-а, затова заглавията стояха долепени до съдържанието под тях. */ .commands-main h2 { color: #ff7a00; font-size: 28px; margin: 40px 0 20px; } /* По-малки "Пълен хелп за X" бутони, САМО вътре в commands-main - .big-button класът се ползва и другаде на сайта, не го пипаме глобално */ .commands-main .big-button { padding: 10px 24px; font-size: 15px; border-radius: 10px; margin: 10px auto 24px; } .big-button:active { transform: translateY(-1px) scale(.97); filter: brightness(.95); } /* ЛАФЧЕ.ORG - клик на канал в топ 30 таблицата (channels.html) влиза директно в чата, вместо да е просто текст */ .channel-join-link { background: none; border: none; color: var(--link-color, #ff7a00); cursor: pointer; font: inherit; font-weight: bold; padding: 0; text-align: left; } .channel-join-link:hover { text-decoration: underline; }