/* ZAPALNIK V4.0.3 — MyBB 1.8.27 — compact mockup match */ :root{--z-bg:#030506;--z-panel:#080d10;--z-panel2:#0b1115;--z-line:#253038;--z-line2:#172127;--z-orange:#f28b00;--z-orange2:#ff5a00;--z-text:#e8ebed;--z-muted:#929da3;--z-green:#7dc400;--z-blue:#1598e8;--z-purple:#8e58d6;--z-red:#e43a25;--z-shell:1340px} *{box-sizing:border-box}html,body{margin:0!important;padding:0!important;background:#020405!important;color:var(--z-text)!important}body{font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-size:14px;line-height:1.35;overflow-x:hidden}a:link,a:visited{color:#d9dde0;text-decoration:none}a:hover,a:active{color:var(--z-orange);text-decoration:none}.smalltext{color:var(--z-muted)!important;font-size:12px!important}.largetext{color:#fff}.clear{clear:both} #container{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;background:radial-gradient(circle at 50% 0,#10171c 0,#05090c 43%,#020405 100%)!important;color:var(--z-text)!important} .wrapper,.zv4-shell{width:calc(100% - 32px)!important;max-width:var(--z-shell)!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important} #content{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 0!important;background:transparent!important;overflow:visible!important}#content>.wrapper{padding:0!important} /* NAV */ .zv4-nav-wrap{position:relative;z-index:30;width:100%;background:#070b0e;border-bottom:1px solid #30210e;box-shadow:0 7px 26px rgba(0,0,0,.78)}.zv4-nav{min-height:70px;display:flex;align-items:stretch;gap:0;border-left:1px solid #242b2f;border-right:1px solid #242b2f;background:linear-gradient(#0d1216,#080c0f);overflow:hidden}.zv4-nav a.zv4-nav-item{flex:0 0 106px;min-width:92px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-right:1px solid #222a2f;color:#d8dcde;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.15px}.zv4-nav a.zv4-nav-item:hover,.zv4-nav a.zv4-nav-item.active{color:var(--z-orange);background:linear-gradient(#151b20,#090d10);box-shadow:inset 0 -2px 0 var(--z-orange),inset 0 0 30px rgba(242,139,0,.035)}.zv4-nav-icon{width:25px;height:25px;object-fit:contain;display:block}.zv4-nav-spacer{flex:1;min-width:6px}.zv4-search{display:flex;align-items:center;padding:0 10px}.zv4-search input{width:150px;height:36px;margin:0!important;padding:0 12px!important;border:1px solid #303a40!important;border-radius:6px!important;background:#06090b!important;color:#ddd!important;outline:0}.zv4-user-links{display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11px;white-space:nowrap}.zv4-user-links strong{color:var(--z-orange)} /* HERO */ .zv4-hero{width:100%;height:clamp(205px,16.4vw,275px);position:relative;overflow:hidden;background:#070a0c url(/images/zapalnik_v4/header/header-runtime.png) center center/cover no-repeat;border-bottom:1px solid #37250e;box-shadow:inset 0 -36px 55px rgba(0,0,0,.28)} /* HEADER MODULES — exact same shell */ .zv4-head-modules{padding-top:0}.zv4-event{width:100%;min-height:62px;margin:0 auto 10px;border:1px solid #5a350c;border-top-color:#7a470f;border-radius:7px;display:flex;align-items:center;padding:0 16px;background:#080c0f url(/images/zapalnik_v4/event/event-bg.png) right center/auto 100% no-repeat;box-shadow:0 8px 24px rgba(0,0,0,.65);overflow:hidden}.zv4-event-xp{flex:0 0 auto;font-size:24px;font-weight:800;color:#ff9b00;border:2px solid #d87500;padding:6px 9px;margin-right:16px;clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%)}.zv4-event-title{min-width:0;flex:1;font-size:22px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-event-title b{color:var(--z-orange)}.zv4-event-meta{flex:0 0 190px;font-size:11px;color:#c3c8cb;line-height:1.65;margin:0 14px}.zv4-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #6c3809;border-radius:4px;background:linear-gradient(#dd610c,#8d2a02);color:#fff!important;padding:9px 16px;text-transform:uppercase;font-weight:800;font-size:11px;box-shadow:inset 0 1px #ff9d4c;white-space:nowrap}.zv4-btn:hover{filter:brightness(1.14)} .zv4-livebar{width:100%;min-height:36px;margin:0 auto 10px;background:linear-gradient(90deg,#080c0f,#06090b);border:1px solid #253036;border-radius:6px;display:flex;align-items:center;gap:16px;padding:7px 13px;font-size:11px;overflow:hidden}.zv4-livebar-title{color:#eee;text-transform:uppercase;font-weight:800;margin-right:4px;white-space:nowrap}.zv4-liveitem{white-space:nowrap}.zv4-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--z-green);box-shadow:0 0 7px rgba(125,196,0,.65)}.zv4-total{margin-left:auto;color:var(--z-orange);font-weight:800;white-space:nowrap}.zv4-server-wrap{width:100%;margin:0 auto 14px;background:linear-gradient(#0d1317,#080c0f);border:1px solid #283238;border-radius:7px;padding:11px}.zv4-server-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;text-transform:uppercase}.zv4-server-head h3{margin:0;font-size:17px;letter-spacing:.2px}.zv4-server-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.zv4-server{min-width:0;min-height:88px;background:linear-gradient(#10171b,#090e11);border:1px solid #29343a;border-radius:5px;padding:9px;position:relative}.zv4-server-num{position:absolute;top:8px;left:8px;color:#ff9a00;border:1px solid #754300;border-radius:3px;padding:2px 6px;font-size:12px}.zv4-server-name{margin-left:35px;font-weight:800;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-server-map{margin:5px 0 8px 35px;color:#aeb8bd;font-size:10px}.zv4-server-bottom{display:flex;align-items:center;gap:7px;font-size:11px}.zv4-occ{display:flex;gap:2px}.zv4-occ i{width:8px;height:5px;background:#293238;display:block}.zv4-occ i.on{background:var(--z-green)}.zv4-connect{margin-left:auto;background:#203800;border:1px solid #557a00;color:#b7e733!important;border-radius:3px;padding:4px 8px;font-size:10px;text-transform:uppercase} /* DEFAULT MYBB surfaces / kill master-theme drift */ .tborder{width:100%!important;background:#080c0f!important;border:1px solid #273037!important;border-radius:7px!important;overflow:hidden!important;padding:0!important;margin:0 0 12px!important}.thead{background:linear-gradient(90deg,#11181c,#0a0e11)!important;border:0!important;border-bottom:1px solid #55320d!important;color:#fff!important;padding:11px 13px!important;text-transform:uppercase}.tcat{background:#0b1013!important;color:#aeb5ba!important;border:0!important;border-bottom:1px solid #20272b!important;padding:8px 11px!important;text-transform:uppercase}.trow1,.trow2{background:#0a0f12!important;color:#ddd!important;border:0!important;border-bottom:1px solid #20272b!important;padding:11px!important}.trow2{background:#0c1215!important}.tfoot{background:#090d10!important;border-top:1px solid #20272b!important;color:#aeb5ba!important;padding:9px!important}.navigation{width:100%!important;background:#080c0f!important;border:1px solid #222a2e!important;border-radius:6px!important;padding:9px 12px!important;margin:0 0 10px!important;color:#abb1b5!important}.navigation .active{color:#fff}.navigation a{color:#bbb}.zv4-index-page .navigation{display:none!important}.pagination a,.pagination .pagination_current{background:#0c1215!important;border:1px solid #343b40!important;color:#ddd!important;border-radius:3px}.pagination .pagination_current,.pagination a:hover{border-color:#9e5700!important;color:#ff9a00!important}.textbox,input.textbox,textarea,select{background:#070a0d!important;color:#e5e5e5!important;border:1px solid #343a3f!important;border-radius:4px!important}.button,input.button,button{background:linear-gradient(#db5d0a,#8d2c03)!important;border:1px solid #7b3d07!important;color:#fff!important;border-radius:4px!important;padding:7px 12px!important} /* INDEX TOOLBAR + FORUM */ .zv4-index-toolbar{width:100%;min-height:43px;margin:0 0 9px;border:1px solid #273037;border-radius:6px;background:linear-gradient(#0c1215,#080c0f);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#9fa8ad;font-size:11px}.zv4-breadcrumb{display:flex;align-items:center;gap:9px;text-transform:uppercase}.zv4-breadcrumb-home{font-size:15px;color:#ddd}.zv4-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:11px}.zv4-unread-dot{width:8px;height:8px;border-radius:50%;background:#f18500;display:inline-block;box-shadow:0 0 7px #f18500;margin-right:5px}.zv4-forum-main{width:100%;margin:0}.zv4-forum-table{width:100%!important;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#080c0f;border:1px solid #273037;border-radius:7px;overflow:hidden;margin:0 0 12px}.zv4-forum-table .zv4-cat-title th{background:#0b1013;color:#aeb5ba;padding:8px 10px;text-transform:uppercase;font-size:11px;border:0;border-bottom:1px solid #263036;font-weight:700}.zv4-forum-table .zv4-cat-title th:first-child{text-align:left}.zv4-forum-table .zv4-cat-title th:nth-child(3),.zv4-forum-table .zv4-cat-title th:nth-child(4){width:100px}.zv4-forum-table .zv4-cat-title th:nth-child(5){width:285px}.zv4-forum-table td{background:#090e11;border:0;border-bottom:1px solid #20272b;padding:12px 10px;vertical-align:middle}.zv4-forum-table tr:last-child td{border-bottom:0}.zv4-status-cell{width:70px!important;text-align:center;padding-right:4px!important}.zv4-forum-status{width:50px;height:50px;object-fit:contain;display:block;margin:auto}.zv4-forum-info{min-width:0}.zv4-forum-title{font-size:16px;text-transform:uppercase;letter-spacing:.15px;margin:0 0 12px;line-height:1.1}.zv4-forum-title a{color:#e9ecee}.zv4-forum-desc{color:#8f999f;font-size:11px;margin:0 0 8px}.zv4-subforums{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr);column-gap:58px;row-gap:6px;margin-top:13px;max-width:570px}.zv4-subforum{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-subforum:before{content:'»';color:#d7dcde;margin-right:6px}.zv4-subforum a{font-size:11px;color:#cfd3d5}.zv4-count{width:100px!important;text-align:center;font-size:19px;color:#eee}.zv4-count small{display:block;font-size:9px;color:#8d969b;text-transform:uppercase;margin-top:2px}.zv4-lastpost{width:285px!important;padding-right:12px!important}.zv4-lastpost-inner{display:flex;align-items:center;gap:9px;min-width:0}.zv4-lastpost-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;border:1px solid #6b4819;background:#080b0d}.zv4-lastpost-body{min-width:0;flex:1}.zv4-lastpost-line{display:flex;align-items:center;gap:6px;min-width:0}.zv4-lastpost a{color:var(--z-orange);font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-lastpost .smalltext{line-height:1.35}.zv4-prefix{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:2px;padding:1px 4px;font-size:9px;line-height:1.2;text-transform:uppercase;color:#f5a000;white-space:nowrap}.zv4-prefix.classic{color:#92c800}.zv4-prefix.help{color:#a879dd}.zv4-prefix.community{color:#32a6e8}.zv4-prefix.bf2{color:#5e8fd4}.forum_status{background-image:none!important;width:auto!important;height:auto!important} /* POST-INDEX widgets */ .zv4-after-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;margin:0 0 12px}.zv4-widget,.zv4-online-card{min-width:0;background:#090e11;border:1px solid #273037;border-radius:7px;overflow:hidden}.zv4-widget-title,.zv4-online-title{min-height:41px;padding:9px 12px;border-bottom:1px solid #273037;color:#eee;text-transform:uppercase;font-weight:800;display:flex;align-items:center;justify-content:space-between}.zv4-widget-title b{color:var(--z-orange)}.zv4-activity-list{padding:6px 10px}.zv4-activity-row{display:grid;grid-template-columns:78px minmax(0,1fr) 105px 48px;gap:7px;align-items:center;padding:5px 0;border-bottom:1px solid #1e2529;font-size:11px}.zv4-activity-row:last-child{border:0}.zv4-activity-row>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-activity-row .author{color:#a7b0b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zv4-activity-more{display:block;margin:4px 10px 9px;border:1px solid #253038;border-radius:4px;padding:7px;text-align:center;text-transform:uppercase;font-size:10px;color:#bcc3c6}.zv4-online-body{padding:11px 12px}.zv4-online-summary{display:flex;gap:14px;color:#9ba4a9;font-size:10px;margin-bottom:10px;text-transform:uppercase}.zv4-avatar-row{display:flex;align-items:center;gap:8px;min-height:48px}.zv4-online-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #6d511e;background:#090d10}.zv4-online-more{width:44px;height:44px;border-radius:50%;border:1px solid #455058;display:flex;align-items:center;justify-content:center;color:#cbd0d2}.zv4-rank-legend{display:flex;gap:18px;margin-top:10px;font-size:10px;color:#b7bfc3}.zv4-rank-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:4px}.zv4-rank-legend .player{background:#78c000}.zv4-rank-legend .vip{background:#f28b00}.zv4-rank-legend .mod{background:#1598e8}.zv4-rank-legend .admin{background:#e42e1b} /* SHOUTBOX skins */ #shoutbox,.dvz_shoutbox,.shoutbox{width:100%!important;background:#080c0f!important;border:1px solid #55320d!important;border-radius:7px!important;color:#ddd!important;margin:0 0 12px!important;overflow:hidden!important}.dvz_shoutbox .head,.shoutbox .head,#shoutbox .head{background:#0b1013!important;border-bottom:1px solid #2a3034!important;color:#fff!important;padding:10px 12px!important;text-transform:uppercase!important}.dvz_shoutbox input,.dvz_shoutbox textarea,.shoutbox input,.shoutbox textarea{background:#06090b!important;color:#fff!important;border:1px solid #30383d!important}.dvz_shoutbox .entry,.shoutbox .entry{border-bottom:1px solid #192126!important;padding:5px 8px!important} /* INDEX STATS / LEGEND */ .zv4-index-stats{width:100%;margin:0 0 12px;background:#080c0f;border:1px solid #273037;border-radius:7px;display:grid;grid-template-columns:repeat(4,minmax(105px,1fr)) minmax(310px,2.1fr);overflow:hidden}.zv4-stat{min-height:67px;padding:9px 12px;border-right:1px solid #20282d;display:flex;flex-direction:column;justify-content:center}.zv4-stat strong{font-size:18px;color:#fff}.zv4-stat span{font-size:9px;color:#929ca2;text-transform:uppercase}.zv4-stat-legend{display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:7px 12px;padding:9px 13px;font-size:9px;color:#aeb6ba}.zv4-stat-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.zv4-stat-legend .new{background:#7ec500}.zv4-stat-legend .old{background:#858b8f}.zv4-stat-legend .closed{background:#de321f}.zv4-stat-legend .server{background:#7ec500}.zv4-stat-legend .full{background:#de321f}.zv4-stat-legend .important{background:#f28b00}.zv4-newest{grid-column:1/-1;padding:0 12px 8px;color:#7f898e;font-size:9px} /* FOOTER */ #footer{width:100%!important;background:#040607!important;margin:0!important;border-top:1px solid #2e1e0a!important}.zv4-footer{width:calc(100% - 32px);max-width:var(--z-shell);margin:auto;padding:12px 0}.zv4-footer-main{display:flex;align-items:center;gap:17px}.zv4-footer-brand{width:185px;max-height:64px;object-fit:contain}.zv4-footer-copy{color:#7d878c;font-size:10px;flex:1}.zv4-footer-links{display:flex;gap:15px;font-size:10px;white-space:nowrap}.zv4-footer-links a{color:#9aa2a6} /* General posts/thread pages inherit dark skin */ .post{background:#0a0f12!important;border:1px solid #242d31!important;color:#ddd!important}.post .post_author,.post .post_content{background:transparent!important}.post .post_controls{border-top:1px solid #232b30!important;background:#080c0f!important}.postbit_buttons a span{background:#11181c!important;border:1px solid #30393e!important;color:#ddd!important}.postbit_buttons a:hover span{border-color:#a75a00!important;color:#ff9800!important}blockquote,.codeblock{background:#06090b!important;border:1px solid #2a3237!important;color:#ddd!important} /* Responsive */ @media(max-width:1180px){.zv4-nav a.zv4-nav-item{flex-basis:88px;font-size:10px}.zv4-search input{width:120px}.zv4-server-grid{grid-template-columns:repeat(3,1fr)}.zv4-event-title{font-size:19px}.zv4-event-meta{flex-basis:160px}.zv4-lastpost{width:245px!important}.zv4-forum-table .zv4-cat-title th:nth-child(5){width:245px}.zv4-subforums{column-gap:32px}.zv4-activity-row{grid-template-columns:72px minmax(0,1fr) 80px 44px}} @media(max-width:860px){.wrapper,.zv4-shell,.zv4-footer{width:calc(100% - 18px)!important}.zv4-nav{overflow-x:auto}.zv4-nav-spacer,.zv4-search,.zv4-user-links{display:none}.zv4-hero{height:210px;background-position:center}.zv4-event{padding:8px 10px;min-height:58px}.zv4-event-title{font-size:16px}.zv4-event-meta{display:none}.zv4-server-grid{grid-template-columns:1fr 1fr}.zv4-livebar{overflow-x:auto}.zv4-total{padding-right:4px}.zv4-forum-table .zv4-count,.zv4-forum-table .zv4-cat-title th:nth-child(3),.zv4-forum-table .zv4-cat-title th:nth-child(4){display:none}.zv4-lastpost{width:38%!important}.zv4-forum-table .zv4-cat-title th:nth-child(5){width:38%}.zv4-subforums{grid-template-columns:1fr;row-gap:4px}.zv4-after-grid{grid-template-columns:1fr}.zv4-index-stats{grid-template-columns:repeat(2,1fr)}.zv4-stat-legend{grid-column:1/-1}.zv4-footer-main{flex-wrap:wrap}} @media(max-width:560px){.zv4-server-grid{grid-template-columns:1fr}.zv4-event-xp{font-size:18px}.zv4-event-title{font-size:14px}.zv4-btn{padding:8px 10px}.zv4-status-cell{width:52px!important}.zv4-forum-status{width:38px;height:38px}.zv4-forum-title{font-size:14px}.zv4-lastpost,.zv4-forum-table .zv4-cat-title th:nth-child(5){display:none}.zv4-index-toolbar{align-items:flex-start;gap:8px;flex-direction:column;padding:8px 10px}.zv4-actions{width:100%;justify-content:space-between}.zv4-activity-row{grid-template-columns:66px minmax(0,1fr) 42px}.zv4-activity-row .author{display:none}.zv4-index-stats{grid-template-columns:1fr 1fr}.zv4-stat-legend{grid-template-columns:1fr 1fr}.zv4-footer-links{flex-wrap:wrap}} /* ===================================================================== ZAPALNIK V4.0.4 — FINAL VISUAL MATCH PASS — MyBB 1.8.27 Cel: proporcje jak zaakceptowana makieta: większa czytelność niż V4.0.3, bez przeskalowania V4.0.2, pełne moduły społeczności i poprawny forum grid. ===================================================================== */ :root{--z-shell:1380px;--z-orange:#f28b00;--z-green:#7fc500} body{font-size:13px!important;line-height:1.32!important;background:#020405!important}.smalltext{font-size:10px!important} .wrapper,.zv4-shell{width:calc(100% - 30px)!important;max-width:var(--z-shell)!important} /* NAV — proporcje makiety */ .zv4-nav{min-height:64px!important}.zv4-nav a.zv4-nav-item{flex:0 0 96px!important;min-width:88px!important;min-height:64px!important;font-size:10px!important;gap:4px!important}.zv4-nav-icon{width:23px!important;height:23px!important}.zv4-search input{width:145px!important;height:34px!important;font-size:11px!important}.zv4-user-links{font-size:10px!important;gap:7px!important} /* HERO — nie gigantyczny, ale czytelny i centralny jak mockup */ .zv4-hero{height:clamp(215px,15vw,260px)!important;background-position:center center!important;background-size:cover!important;border-bottom:1px solid #3c270e!important} /* EVENT / LIVE / SERVER CARDS */ .zv4-event{min-height:64px!important;margin:0 auto 10px!important;padding:0 15px!important;border-radius:6px!important}.zv4-event-xp{font-size:23px!important;padding:6px 9px!important;margin-right:15px!important}.zv4-event-title{font-size:20px!important}.zv4-event-meta{flex-basis:185px!important;font-size:10px!important;line-height:1.55!important;margin:0 13px!important}.zv4-btn{padding:8px 14px!important;font-size:10px!important} .zv4-livebar{min-height:34px!important;margin-bottom:10px!important;gap:15px!important;padding:6px 12px!important;font-size:10px!important}.zv4-livebar-title{font-size:10px!important}.zv4-dot{width:8px!important;height:8px!important}.zv4-total{font-size:10px!important} .zv4-server-wrap{padding:11px!important;margin-bottom:12px!important}.zv4-server-head{margin-bottom:9px!important}.zv4-server-head h3{font-size:16px!important}.zv4-server-grid{gap:7px!important}.zv4-server{min-height:86px!important;padding:9px!important}.zv4-server-num{top:8px!important;left:8px!important;font-size:11px!important}.zv4-server-name{margin-left:34px!important;font-size:11px!important}.zv4-server-map{margin:5px 0 8px 34px!important;font-size:9px!important}.zv4-server-bottom{font-size:10px!important}.zv4-connect{font-size:9px!important;padding:4px 7px!important} /* TOOLBAR */ .zv4-index-toolbar{min-height:40px!important;margin-bottom:8px!important;padding:0 11px!important;font-size:10px!important}.zv4-breadcrumb{gap:8px!important}.zv4-actions{gap:16px!important;font-size:10px!important} /* FORUM GRID — target: ikona | forum | tematy | posty | ostatni post */ .zv4-forum-table{margin-bottom:10px!important;border-radius:6px!important;table-layout:fixed!important}.zv4-forum-table .zv4-cat-title th{padding:8px 9px!important;font-size:10px!important}.zv4-forum-table td{padding:11px 9px!important}.zv4-status-cell{width:66px!important;padding:8px 4px!important}.zv4-forum-status{width:46px!important;height:46px!important}.zv4-forum-title{font-size:15px!important;margin:0 0 11px!important;line-height:1.08!important}.zv4-forum-desc{font-size:10px!important;margin-bottom:7px!important}.zv4-subforums{grid-template-columns:minmax(145px,1fr) minmax(145px,1fr)!important;column-gap:72px!important;row-gap:5px!important;margin-top:11px!important;max-width:610px!important}.zv4-subforum a{font-size:10px!important}.zv4-count{font-size:18px!important}.zv4-count small{font-size:8px!important}.zv4-lastpost{padding-right:11px!important}.zv4-lastpost-inner{gap:9px!important}.zv4-lastpost-avatar{width:40px!important;height:40px!important;flex-basis:40px!important}.zv4-lastpost a{font-size:10px!important}.zv4-lastpost .smalltext{font-size:9px!important}.zv4-prefix{font-size:8px!important;padding:1px 4px!important} .zv4-forum-table .zv4-cat-title th:nth-child(2){width:105px!important;text-align:center!important}.zv4-forum-table .zv4-cat-title th:nth-child(3){width:105px!important;text-align:center!important}.zv4-forum-table .zv4-cat-title th:nth-child(4){width:320px!important;text-align:left!important} /* WIDGETS */ .zv4-after-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:10px!important;margin-bottom:10px!important}.zv4-widget-title,.zv4-online-title{min-height:39px!important;padding:8px 10px!important;font-size:12px!important}.zv4-activity-list{padding:5px 9px!important}.zv4-activity-row{grid-template-columns:72px minmax(0,1fr) 95px 44px!important;gap:6px!important;padding:4px 0!important;font-size:10px!important}.zv4-activity-more{margin:4px 9px 8px!important;padding:6px!important;font-size:9px!important}.zv4-online-body{padding:9px 10px!important}.zv4-avatar-row{gap:7px!important}.zv4-online-avatar,.zv4-online-more{width:40px!important;height:40px!important}.zv4-rank-legend{gap:16px!important;font-size:9px!important;margin-top:9px!important} /* BUILT-IN SHOUTBOX V4 */ .zv4-shoutbox{position:relative;width:100%;margin:0 0 10px;background:linear-gradient(180deg,#090e11,#06090b);border:1px solid #55320d;border-radius:7px;overflow:hidden}.zv4-shout-head{height:39px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid #262f34;text-transform:uppercase;font-size:12px;font-weight:800}.zv4-shout-head .right{margin-left:auto;color:#9ca5aa;font-size:9px;font-weight:400;display:flex;gap:14px}.zv4-shout-list{padding:7px 12px 5px;min-height:118px;background:radial-gradient(circle at 88% 40%,rgba(242,139,0,.055),transparent 28%)}.zv4-shout-row{display:grid;grid-template-columns:48px 105px minmax(0,1fr);gap:8px;align-items:center;min-height:21px;border-bottom:1px solid #171e22;font-size:10px}.zv4-shout-row:last-child{border-bottom:0}.zv4-shout-time{color:#778187}.zv4-shout-user a{font-weight:800;color:#ee8c22}.zv4-shout-message{color:#cbd1d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zv4-shout-form{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:8px;padding:8px 10px;border-top:1px solid #20282d}.zv4-shout-form input[type=text]{height:34px!important;margin:0!important;padding:0 11px!important}.zv4-shout-send{height:34px!important;padding:0!important;font-size:11px!important;text-transform:uppercase;font-weight:800;background:linear-gradient(#e3650d,#9d3004)!important}.zv4-shout-watermark{position:absolute;right:22px;top:48px;width:105px;height:105px;object-fit:contain;opacity:.12;pointer-events:none} /* STATS / FOOTER */ .zv4-index-stats{min-height:68px!important;margin-bottom:10px!important;grid-template-columns:repeat(4,minmax(105px,1fr)) minmax(320px,2.1fr)!important}.zv4-stat{padding:9px 12px!important}.zv4-stat strong{font-size:18px!important}.zv4-stat span,.zv4-stat-legend,.zv4-newest{font-size:9px!important}.zv4-footer{padding:12px 0!important}.zv4-footer-main{min-height:70px!important}.zv4-footer-brand{width:170px!important;max-height:52px!important}.zv4-footer-copy,.zv4-footer-links{font-size:9px!important} /* czytelna szerokość desktopowa */ @media(min-width:1450px){:root{--z-shell:1380px}.zv4-subforums{max-width:640px!important}} @media(min-width:1100px) and (max-width:1449px){:root{--z-shell:calc(100vw - 34px)}.zv4-forum-table .zv4-cat-title th:nth-child(4){width:295px!important}} @media(max-width:1099px){:root{--z-shell:100%}.wrapper,.zv4-shell{width:calc(100% - 18px)!important}.zv4-nav{overflow-x:auto!important}.zv4-nav-spacer,.zv4-search,.zv4-user-links{display:none!important}.zv4-hero{height:205px!important}.zv4-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zv4-event-meta{display:none!important}.zv4-livebar{overflow-x:auto!important}.zv4-subforums{column-gap:30px!important;max-width:100%!important}.zv4-forum-table .zv4-cat-title th:nth-child(4){width:245px!important}} @media(max-width:720px){.zv4-server-grid{grid-template-columns:1fr!important}.zv4-event-title{font-size:14px!important}.zv4-event-xp{font-size:17px!important}.zv4-forum-table col.zv4-col-last,.zv4-forum-table th:last-child,.zv4-forum-table td.zv4-lastpost{display:none!important}.zv4-forum-table col.zv4-col-topics,.zv4-forum-table col.zv4-col-posts{width:58px!important}.zv4-subforums{grid-template-columns:1fr!important}.zv4-after-grid{grid-template-columns:1fr!important}.zv4-shout-form{grid-template-columns:1fr}.zv4-shout-watermark{display:none!important}} .zv4-live-mark,.zv4-title-mark{color:var(--z-orange)!important} /* ===================================================================== ZAPALNIK V4.0.5 — APPROVED MOCKUP 1:1 PROPORTION PASS — MyBB 1.8.27 Wzorzec: zaakceptowany layout ZAPALNIK.PL. Bez globalnego skalowania. ===================================================================== */ :root{--z-shell:1280px;--z-orange:#f28b00;--z-green:#79c900;--z-panel:#081014;--z-line:#243038} html,body{background:#020506!important} body{font-size:14px!important;line-height:1.38!important;color:#d8dde0!important} .wrapper,.zv4-shell{width:calc(100% - 28px)!important;max-width:var(--z-shell)!important;margin-left:auto!important;margin-right:auto!important} /* NAV: ten sam obrys/szerokość co hero i sekcje poniżej */ .zv4-nav-wrap{background:transparent!important;border:0!important;padding-top:8px!important} .zv4-nav{height:64px!important;min-height:64px!important;background:linear-gradient(180deg,#0a0f12,#060a0c)!important;border:1px solid #263038!important;border-bottom-color:#604018!important;border-radius:8px 8px 0 0!important;overflow:hidden!important} .zv4-nav a.zv4-nav-item{flex:0 0 104px!important;min-width:96px!important;height:64px!important;min-height:64px!important;font-size:10.5px!important;line-height:1.05!important;border-right:1px solid #20282d!important;gap:5px!important} .zv4-nav a.zv4-nav-item:hover,.zv4-nav a.zv4-nav-item:first-child{background:linear-gradient(180deg,#11181c,#0a0f12)!important;box-shadow:inset 0 -3px 0 #f28b00!important;color:#fff!important} .zv4-nav-icon{width:24px!important;height:24px!important;object-fit:contain!important} .zv4-search input{width:150px!important;height:34px!important;font-size:11px!important;background:#05090b!important;border-color:#313c42!important} .zv4-user-links{font-size:10px!important;padding-right:10px!important} /* HERO: dokładnie w szerokości layoutu; proporcje z finalnej makiety */ .zv4-hero-outer{background:#020506!important} .zv4-hero-outer .zv4-shell{width:calc(100% - 28px)!important} .zv4-hero{height:auto!important;aspect-ratio:920/194!important;min-height:0!important;max-height:none!important;background:#070a0c url(/images/zapalnik_v4/header/header-layout-v5.png) center center/100% 100% no-repeat!important;border:1px solid #202a2f!important;border-top:0!important;border-bottom-color:#55350f!important;box-shadow:none!important} .zv4-head-modules{margin-top:0!important} /* EVENT */ .zv4-event{min-height:66px!important;height:66px!important;margin:0 auto 10px!important;padding:0 14px!important;background:#070c0f!important;border:1px solid #69400e!important;border-radius:6px!important;box-shadow:inset 0 0 30px rgba(0,0,0,.42)!important} .zv4-event:after{content:"";position:absolute;right:0;top:0;width:47%;height:100%;background:url(/images/zapalnik_v4/event/event-bg.png) right center/cover no-repeat;opacity:.6;pointer-events:none} .zv4-event>*{position:relative;z-index:2} .zv4-event-xp{font-size:25px!important;min-width:58px!important;padding:7px 8px!important;margin-right:17px!important;border-left:2px solid #f28b00!important;border-right:2px solid #f28b00!important} .zv4-event-title{font-size:20px!important;letter-spacing:.2px!important}.zv4-event-title b{color:#ff9900!important} .zv4-event-meta{margin-left:auto!important;flex:0 0 190px!important;font-size:10px!important;line-height:1.6!important;color:#e2e5e7!important}.zv4-btn{font-size:10px!important;padding:9px 16px!important;min-height:32px!important} /* LIVE */ .zv4-livebar{min-height:38px!important;height:38px!important;margin-bottom:10px!important;padding:0 13px!important;gap:18px!important;font-size:10.5px!important;background:#070d10!important;border:1px solid #28343a!important;border-radius:5px!important}.zv4-livebar-title{font-size:10.5px!important}.zv4-liveitem{white-space:nowrap!important}.zv4-dot{width:9px!important;height:9px!important;box-shadow:0 0 8px rgba(121,201,0,.7)!important}.zv4-total{margin-left:auto!important;font-size:11px!important;color:#ff9600!important;font-weight:800!important} /* SERVER BLOCK: więcej oddechu jak w makiecie */ .zv4-server-wrap{padding:13px 14px 14px!important;margin-bottom:12px!important;background:linear-gradient(180deg,#0a1115,#070c0f)!important;border:1px solid #2a353b!important;border-radius:7px!important} .zv4-server-head{min-height:36px!important;margin-bottom:10px!important;align-items:flex-start!important}.zv4-server-head h3{font-size:18px!important;letter-spacing:.2px!important;margin:2px 0 0!important}.zv4-server-grid{gap:9px!important} .zv4-server{height:106px!important;min-height:106px!important;padding:11px 10px!important;background:#091115!important;border:1px solid #2b353b!important;border-radius:6px!important;box-shadow:inset 0 0 18px rgba(0,0,0,.28)!important}.zv4-server-num{top:10px!important;left:10px!important;font-size:12px!important;padding:3px 6px!important}.zv4-server-name{margin-left:39px!important;font-size:11.5px!important;line-height:1.15!important}.zv4-server-map{margin:7px 0 12px 39px!important;font-size:9.5px!important}.zv4-server-bottom{font-size:11px!important}.zv4-occ{gap:2px!important}.zv4-occ i{width:7px!important;height:5px!important}.zv4-connect{font-size:9px!important;padding:5px 8px!important} /* BREADCRUMB */ .zv4-index-toolbar{height:42px!important;min-height:42px!important;margin:0 0 9px!important;padding:0 13px!important;background:#081014!important;border:1px solid #28353b!important;border-radius:6px!important;font-size:10px!important}.zv4-breadcrumb{gap:9px!important}.zv4-breadcrumb-home{font-size:15px!important}.zv4-actions{gap:20px!important} /* FORUM: ciężar i spacing jak na projekcie */ .zv4-forum-table{width:100%!important;margin-bottom:12px!important;background:#071014!important;border:1px solid #28353b!important;border-radius:7px!important;overflow:hidden!important;table-layout:fixed!important}.zv4-forum-table .zv4-cat-title{height:37px!important}.zv4-forum-table .zv4-cat-title th{height:37px!important;padding:0 12px!important;vertical-align:middle!important;font-size:10.5px!important;font-weight:700!important;color:#d8dcde!important;background:#091115!important;border-bottom:1px solid #2b363b!important}.zv4-forum-table td{height:92px!important;padding:12px 11px!important;vertical-align:middle!important;border-bottom:1px solid #1d282d!important}.zv4-forum-row:last-child td{border-bottom:0!important} .zv4-status-cell{width:70px!important;padding:10px 7px!important;text-align:center!important}.zv4-forum-status{width:50px!important;height:50px!important;object-fit:contain!important}.zv4-forum-title{font-size:16px!important;line-height:1.15!important;margin:0 0 12px!important;text-align:left!important}.zv4-forum-title a{color:#e7e9ea!important}.zv4-forum-desc{font-size:10px!important;margin:0 0 7px!important}.zv4-subforums{display:grid!important;grid-template-columns:minmax(155px,1fr) minmax(155px,1fr)!important;column-gap:64px!important;row-gap:6px!important;margin-top:12px!important;max-width:590px!important}.zv4-subforum{display:block!important}.zv4-subforum:before{content:"»";color:#c9ced0;margin-right:7px}.zv4-subforum a{font-size:10.5px!important;color:#cbd1d4!important}.zv4-count{font-size:19px!important;text-align:center!important}.zv4-count small{display:block!important;font-size:8px!important;margin-top:3px!important;color:#8d989e!important}.zv4-lastpost{padding:10px 12px!important}.zv4-lastpost-inner{display:flex!important;align-items:center!important;gap:10px!important}.zv4-lastpost-avatar{width:46px!important;height:46px!important;flex:0 0 46px!important}.zv4-lastpost a{font-size:10.5px!important}.zv4-lastpost .smalltext{font-size:9.5px!important;line-height:1.35!important}.zv4-prefix{font-size:8.5px!important;padding:2px 5px!important;margin-right:4px!important} .zv4-forum-table col.zv4-col-status{width:70px!important}.zv4-forum-table col.zv4-col-topics{width:115px!important}.zv4-forum-table col.zv4-col-posts{width:115px!important}.zv4-forum-table col.zv4-col-last{width:335px!important} /* LOWER MODULES — same hierarchy even when there is little forum content */ .zv4-after-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:12px!important;margin:0 0 12px!important}.zv4-widget,.zv4-online-card{min-height:190px!important;background:#081014!important;border:1px solid #29353b!important;border-radius:7px!important}.zv4-widget-title,.zv4-online-title{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:14px!important}.zv4-activity-list{padding:7px 11px!important}.zv4-activity-row{min-height:26px!important;grid-template-columns:78px minmax(0,1fr) 105px 50px!important;font-size:10.5px!important}.zv4-activity-more{height:30px!important;margin:7px 10px 9px!important;font-size:9.5px!important}.zv4-online-body{padding:13px!important}.zv4-avatar-row{gap:8px!important}.zv4-online-avatar,.zv4-online-more{width:45px!important;height:45px!important}.zv4-rank-legend{font-size:10px!important;gap:22px!important;margin-top:13px!important} /* SHOUTBOX */ .zv4-shoutbox{min-height:210px!important;margin-bottom:12px!important;border-color:#5d380f!important}.zv4-shout-head{height:43px!important;font-size:14px!important}.zv4-shout-list{min-height:123px!important;padding:8px 13px!important}.zv4-shout-row{min-height:23px!important;grid-template-columns:54px 112px minmax(0,1fr)!important;font-size:10.5px!important}.zv4-shout-form{height:52px!important;padding:8px 11px!important;grid-template-columns:minmax(0,1fr) 140px!important}.zv4-shout-form input[type=text],.zv4-shout-send{height:36px!important}.zv4-shout-watermark{width:120px!important;height:120px!important;top:50px!important} /* STATS + FOOTER */ .zv4-index-stats{min-height:78px!important;margin-bottom:12px!important;grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(360px,2fr)!important;background:#081014!important;border:1px solid #29353b!important;border-radius:7px!important}.zv4-stat{padding:11px 14px!important}.zv4-stat strong{font-size:21px!important}.zv4-stat span,.zv4-stat-legend,.zv4-newest{font-size:9.5px!important}.zv4-footer{padding:0 0 14px!important}.zv4-footer-main{min-height:84px!important;padding:12px 14px!important;background:#071014!important;border:1px solid #253137!important;border-radius:7px!important}.zv4-footer-brand{width:190px!important;max-height:58px!important}.zv4-footer-copy,.zv4-footer-links{font-size:9.5px!important} /* fallback frames: pokazują pełną kompozycję nawet przed aktywacją Core Widgets */ .zv4-after-grid:empty{display:grid!important;grid-template-columns:.92fr 1.08fr!important;min-height:190px!important}.zv4-after-grid:empty:before{content:"OSTATNIA AKTYWNOŚĆ — brak danych / aktywuj Zapalnik V4 Core Widgets";display:flex;align-items:flex-start;padding:14px;color:#aeb7bc;background:#081014;border:1px solid #29353b;border-radius:7px;font-size:11px}.zv4-after-grid:empty:after{content:"KTO JEST ONLINE? — aktywuj Zapalnik V4 Core Widgets";display:flex;align-items:flex-start;padding:14px;color:#aeb7bc;background:#081014;border:1px solid #29353b;border-radius:7px;font-size:11px} @media(min-width:1500px){:root{--z-shell:1280px}} @media(min-width:1120px) and (max-width:1499px){:root{--z-shell:calc(100vw - 48px)}} @media(max-width:1119px){:root{--z-shell:100%}.wrapper,.zv4-shell{width:calc(100% - 18px)!important}.zv4-nav{overflow-x:auto!important}.zv4-nav-spacer,.zv4-search,.zv4-user-links{display:none!important}.zv4-hero{aspect-ratio:920/194!important}.zv4-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.zv4-event-meta{display:none!important}.zv4-livebar{overflow-x:auto!important}.zv4-subforums{column-gap:28px!important;max-width:100%!important}.zv4-forum-table col.zv4-col-last{width:270px!important}} @media(max-width:720px){.zv4-server-grid{grid-template-columns:1fr!important}.zv4-forum-table col.zv4-col-last,.zv4-forum-table th:last-child,.zv4-forum-table td.zv4-lastpost{display:none!important}.zv4-forum-table col.zv4-col-topics,.zv4-forum-table col.zv4-col-posts{width:62px!important}.zv4-subforums{grid-template-columns:1fr!important}.zv4-after-grid{grid-template-columns:1fr!important}.zv4-index-stats{grid-template-columns:repeat(2,1fr)!important}.zv4-stat-legend{grid-column:1/-1!important}.zv4-shout-form{grid-template-columns:1fr!important}.zv4-shout-watermark{display:none!important}} /* ===================================================================== ZAPALNIK V4.0.6 — HERO / EVENT OVERLAY HOTFIX — MyBB 1.8.27 Naprawia: ogromny rozlany event-bg po prawej stronie oraz pusty hero. ===================================================================== */ html,body,#container{background-image:none!important;background-color:#020506!important} /* HERO — używamy stabilnego assetu, który działał już w V4.0.4 */ .zv4-hero-outer{position:relative!important;z-index:1!important;background:#020506!important;overflow:hidden!important} .zv4-hero-outer .zv4-shell{position:relative!important;z-index:1!important} .zv4-hero{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:920/194!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background-color:#070a0c!important;background-image:url(/images/zapalnik_v4/header/header-runtime.png)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;border:1px solid #202a2f!important;border-top:0!important;border-bottom-color:#55350f!important;box-shadow:none!important} .zv4-hero:before,.zv4-hero:after{content:none!important;display:none!important} /* EVENT — pseudo-element z V4.0.5 był pozycjonowany poza belką i przykrywał stronę */ .zv4-event{position:relative!important;isolation:isolate!important;z-index:2!important;overflow:hidden!important;background-color:#070c0f!important;background-image:url(/images/zapalnik_v4/event/event-bg.png)!important;background-position:right center!important;background-repeat:no-repeat!important;background-size:auto 100%!important} .zv4-event:before,.zv4-event:after{content:none!important;display:none!important;background:none!important} .zv4-event>*{position:relative!important;z-index:2!important} /* Wszystkie moduły po hero pozostają nad tłem strony */ .zv4-head-modules,#content,.zv4-index-toolbar,.zv4-forum-main,.zv4-after-grid,.zv4-index-stats,.zv4-footer{position:relative!important;z-index:2!important} /* zabezpieczenie przed przypadkowym rozlewaniem grafik poza moduł */ .zv4-server-wrap,.zv4-livebar,.zv4-index-toolbar,.zv4-forum-table,.zv4-widget,.zv4-online-card,.zv4-shoutbox,.zv4-index-stats,.zv4-footer-main{overflow:hidden!important} /* ===================================================================== ZAPALNIK V4.0.7 — IMG FRAME SKIN — MyBB 1.8.27 Ramki, rogi i linie są realnymi PNG z /images/zapalnik_v4/frames/. CSS odpowiada tylko za 9-slice / układ; wizualna krawędź pochodzi z IMG. ===================================================================== */ :root{--zv4-frame-slice:12} /* główne moduły — obrazkowa ramka 9-slice */ .zv4-server-wrap, .zv4-forum-table, .zv4-widget, .zv4-online-card, .zv4-index-stats, .zv4-footer-main, .tborder{ border:7px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-panel.png)!important; border-image-slice:12!important; border-image-width:7px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* delikatne belki / breadcrumb */ .zv4-livebar, .zv4-index-toolbar, .navigation{ border:6px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-toolbar.png)!important; border-image-slice:10!important; border-image-width:6px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* event BF2 — mocniejszy pomarańczowy rant z IMG */ .zv4-event{ border:8px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-event.png)!important; border-image-slice:12!important; border-image-width:8px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* pojedyncze karty serwerów */ .zv4-server{ border:5px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-card.png)!important; border-image-slice:10!important; border-image-width:5px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* shoutbox — osobna rama z mocniejszym górnym akcentem */ .zv4-shoutbox,#shoutbox,.dvz_shoutbox,.shoutbox{ border:8px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-shoutbox.png)!important; border-image-slice:12!important; border-image-width:8px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* stopka */ .zv4-footer-main{ border-image-source:url(/images/zapalnik_v4/frames/frame-footer.png)!important; } /* menu — tylko delikatny IMG rant, bez zmiany wymiarów przycisków */ .zv4-nav{ border:5px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-nav.png)!important; border-image-slice:10!important; border-image-width:5px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } .zv4-nav a.zv4-nav-item{border-top:0!important;border-bottom:0!important} /* prawdziwe linie PNG między wierszami — zamiast płaskich borderów CSS */ .zv4-forum-table .zv4-cat-title th, .zv4-forum-table td, .zv4-activity-row, .zv4-shout-row{ border-bottom:0!important; background-image:url(/images/zapalnik_v4/frames/divider-h.png)!important; background-repeat:repeat-x!important; background-position:left bottom!important; } .zv4-forum-table td.zv4-count, .zv4-forum-table td.zv4-lastpost, .zv4-stat{ border-right:0!important; background-image:url(/images/zapalnik_v4/frames/divider-v.png),url(/images/zapalnik_v4/frames/divider-h.png)!important; background-repeat:repeat-y,repeat-x!important; background-position:left top,left bottom!important; } /* utrzymujemy mockup: subtelnie, bez grubych CSS outline */ .zv4-server-wrap,.zv4-forum-table,.zv4-widget,.zv4-online-card,.zv4-shoutbox,.zv4-index-stats,.zv4-footer-main{box-shadow:0 7px 18px rgba(0,0,0,.26)!important} /* ===================================================================== ZAPALNIK V4.0.8 — SUBTLE IMG FRAME POLISH — MyBB 1.8.27 Mockup match: stalowa ramka 1–3 px, pomarańcz wyłącznie jako akcent rogów. Wszystkie widoczne ranty nadal pochodzą z PNG /images/zapalnik_v4/frames/. ===================================================================== */ /* główne moduły — cieńszy obrazkowy rant, bez ciężkiej pomarańczowej obwódki */ .zv4-server-wrap, .zv4-forum-table, .zv4-widget, .zv4-online-card, .zv4-index-stats, .zv4-footer-main, .tborder{ border:3px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-panel.png)!important; border-image-slice:12!important; border-image-width:3px!important; border-image-repeat:stretch!important; border-radius:0!important; background-clip:padding-box!important; } /* breadcrumb / livebar — prawie niewidoczny stalowy kontur */ .zv4-livebar, .zv4-index-toolbar, .navigation{ border:2px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-toolbar.png)!important; border-image-slice:10!important; border-image-width:2px!important; border-image-repeat:stretch!important; border-radius:0!important; } /* event BF2 — nadal najmocniejszy moduł, lecz bez grubego rantu */ .zv4-event{ border:3px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-event.png)!important; border-image-slice:12!important; border-image-width:3px!important; border-image-repeat:stretch!important; border-radius:0!important; } /* serwery — cienka karta IMG */ .zv4-server{ border:2px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-card.png)!important; border-image-slice:10!important; border-image-width:2px!important; border-image-repeat:stretch!important; border-radius:0!important; } /* shoutbox — subtelne rogi, bez pomarańczowej obwódki na całym obwodzie */ .zv4-shoutbox,#shoutbox,.dvz_shoutbox,.shoutbox{ border:3px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-shoutbox.png)!important; border-image-slice:12!important; border-image-width:3px!important; border-image-repeat:stretch!important; border-radius:0!important; } .zv4-footer-main{ border-image-source:url(/images/zapalnik_v4/frames/frame-footer.png)!important; border-image-width:2px!important; } .zv4-nav{ border:2px solid transparent!important; border-image-source:url(/images/zapalnik_v4/frames/frame-nav.png)!important; border-image-slice:10!important; border-image-width:2px!important; border-image-repeat:stretch!important; border-radius:0!important; } /* separatory z PNG: bardzo cienkie i stalowe */ .zv4-forum-table .zv4-cat-title th, .zv4-forum-table td, .zv4-activity-row, .zv4-shout-row{ background-image:url(/images/zapalnik_v4/frames/divider-h.png)!important; background-repeat:repeat-x!important; background-position:left bottom!important; } .zv4-forum-table td.zv4-count, .zv4-forum-table td.zv4-lastpost, .zv4-stat{ background-image:url(/images/zapalnik_v4/frames/divider-v.png),url(/images/zapalnik_v4/frames/divider-h.png)!important; background-repeat:repeat-y,repeat-x!important; background-position:left top,left bottom!important; } /* mockup: mniej poświaty wokół paneli */ .zv4-server-wrap,.zv4-forum-table,.zv4-widget,.zv4-online-card,.zv4-shoutbox,.zv4-index-stats,.zv4-footer-main{ box-shadow:0 4px 13px rgba(0,0,0,.24)!important; } /* Shoutbox — wymuszenie ciemnego inputa również w MyBB 1.8.27 / Firefox */ .zv4-shout-form input, .zv4-shout-form input[type="text"], .zv4-shoutbox input.textbox, .zv4-shoutbox input[type="text"], #shoutbox input, .dvz_shoutbox input, .shoutbox input{ background:#060a0d!important; background-image:none!important; color:#d9dfe2!important; border:1px solid #283239!important; box-shadow:inset 0 1px 5px rgba(0,0,0,.7)!important; outline:0!important; } .zv4-shout-form input::placeholder, .zv4-shoutbox input::placeholder, #shoutbox input::placeholder{ color:#747f85!important; opacity:1!important; } /* ================================================================ ZAPALNIK V4.1.1 SAFE PNG UI PATCH The approved mockup bars/buttons are real elements. No full-section text is hidden behind CSS background images. ================================================================ */ /* MENU — each button is its own PNG, so it cannot blank the whole nav */ .zv4-nav{min-height:72px!important;height:72px!important;display:flex!important;align-items:stretch!important;overflow:visible!important;background:#070b0e!important;border:1px solid #222b30!important;border-bottom-color:#5c350c!important;border-radius:5px 5px 0 0!important} .zv4-nav a.zv4-nav-item{flex:0 0 auto!important;min-width:0!important;width:auto!important;height:72px!important;min-height:72px!important;padding:0!important;margin:0!important;border:0!important;border-right:1px solid #20282d!important;background:#090e11!important;box-shadow:none!important;display:flex!important;align-items:stretch!important;justify-content:center!important;overflow:hidden!important;font-size:0!important;line-height:0!important;color:transparent!important} .zv4-nav a.zv4-nav-item:hover{filter:brightness(1.12)!important;box-shadow:inset 0 -2px 0 #e98700!important} .zv4-nav-button-img{display:block!important;height:72px!important;width:auto!important;max-width:none!important;object-fit:fill!important;border:0!important} .zv4-nav-icon{display:none!important} .zv4-nav-spacer{flex:1 1 auto!important;min-width:6px!important} .zv4-search{height:72px!important;padding:0 9px!important;display:flex!important;align-items:center!important;background:#090e11!important} .zv4-search input{width:150px!important;height:34px!important;background:#05090b!important;border:1px solid #30383d!important;color:#ddd!important} .zv4-user-links{height:72px!important;padding:0 10px!important;background:#090e11!important;display:flex!important;align-items:center!important;gap:7px!important} /* universal full artwork bar: the image owns all fixed labels */ .zv4-artbar{position:relative!important;width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#070b0e!important;border:0!important;border-radius:5px!important;line-height:0!important} .zv4-artbar>img.zv4-artbar-img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;border:0!important;margin:0!important;padding:0!important} .zv4-art-hotspot{position:absolute!important;display:block!important;z-index:5!important;background:transparent!important;border:0!important;font-size:0!important;color:transparent!important} /* XP weekend bar */ .zv4-event.zv4-artbar{height:64px!important;min-height:64px!important;margin:0 0 10px!important;box-shadow:0 7px 20px rgba(0,0,0,.55)!important} .zv4-event.zv4-artbar .zv4-art-hotspot-details{right:1.5%!important;top:10%!important;width:22%!important;height:80%!important} /* live server strip */ .zv4-livebar.zv4-artbar{height:39px!important;min-height:39px!important;margin:0 0 10px!important} /* server title art inside existing panel */ .zv4-server-wrap{padding:0 11px 11px!important} .zv4-server-head.zv4-artbar{height:49px!important;min-height:49px!important;margin:0 -11px 9px!important;width:calc(100% + 22px)!important;border-radius:5px 5px 0 0!important} .zv4-server-head.zv4-artbar .zv4-art-hotspot-seeall{right:1.2%!important;top:12%!important;width:18%!important;height:76%!important} /* breadcrumb + mark-read action */ .zv4-index-toolbar.zv4-artbar{height:43px!important;min-height:43px!important;margin:0 0 9px!important} .zv4-index-toolbar.zv4-artbar .zv4-art-hotspot-markread{right:1.0%!important;top:0!important;width:37%!important;height:100%!important} /* forum column labels */ .zv4-forum-columns-imgcell{height:38px!important;padding:0!important;border:0!important;background:#080d10!important;line-height:0!important} .zv4-forum-columns-imgcell img{display:block!important;width:100%!important;height:38px!important;object-fit:fill!important;border:0!important;margin:0!important} /* widget title artwork — plugin 1.3.4 emits the IMG explicitly */ .zv4-widget-title.zv4-artbar,.zv4-online-title.zv4-artbar{height:44px!important;min-height:44px!important;padding:0!important;border-bottom:1px solid #202a30!important;border-radius:5px 5px 0 0!important} .zv4-online-title.zv4-artbar .zv4-online-counters{position:absolute!important;right:12px!important;top:0!important;height:44px!important;display:flex!important;align-items:center!important;z-index:4!important;color:#aeb7bc!important;font-size:10px!important;line-height:1!important} .zv4-shout-head.zv4-artbar{height:47px!important;min-height:47px!important;padding:0!important;border-radius:5px 5px 0 0!important} .zv4-shout-head.zv4-artbar .right{position:absolute!important;right:12px!important;top:0!important;height:47px!important;display:flex!important;align-items:center!important;gap:14px!important;z-index:4!important;line-height:1!important;font-size:10px!important} /* Make sure V4.1.0 hiding rules can never survive if an old CSS cache is mixed in */ .zv4-event-xp,.zv4-event-title,.zv4-event-meta,.zv4-livebar-title,.zv4-liveitem,.zv4-total,.zv4-server-head h3,.zv4-breadcrumb,.zv4-actions{visibility:visible!important;opacity:1!important} @media(max-width:1050px){ .zv4-nav{overflow-x:auto!important;overflow-y:hidden!important} .zv4-nav-button-img{height:66px!important}.zv4-nav a.zv4-nav-item{height:66px!important;min-height:66px!important} .zv4-search,.zv4-user-links{height:66px!important} .zv4-event.zv4-artbar{height:58px!important;min-height:58px!important} } /* ================================================================ ZAPALNIK V4.1.2 — NAV + SCALE MATCH Dostraja realne MyBB do zaakceptowanego mockupu bez ruszania backendu. ================================================================ */ /* MENU: pełne, poprawnie wycięte przyciski z mockupu; bez pustej dziury przed wyszukiwarką. */ .zv4-nav{ height:82px!important; min-height:82px!important; overflow:hidden!important; align-items:stretch!important; } .zv4-nav a.zv4-nav-item{ height:82px!important; min-height:82px!important; flex:0 0 auto!important; overflow:hidden!important; } .zv4-nav-button-img{ display:block!important; height:82px!important; width:auto!important; max-width:none!important; object-fit:contain!important; } .zv4-nav-spacer{display:none!important;flex:0 0 0!important;width:0!important;min-width:0!important} .zv4-search{ height:82px!important; flex:0 0 178px!important; padding:0 9px!important; margin:0!important; } .zv4-search input{width:160px!important;height:36px!important} .zv4-user-links{ height:82px!important; flex:1 1 auto!important; min-width:0!important; justify-content:flex-end!important; padding:0 10px!important; font-size:10px!important; overflow:hidden!important; } /* Tytuły dolnych widgetów: zachowujemy ich PNG 1:1 zamiast pomniejszać 900px asset. */ .zv4-widget-title.zv4-artbar, .zv4-online-title.zv4-artbar{ height:44px!important; min-height:44px!important; overflow:hidden!important; } .zv4-widget-title.zv4-artbar>img.zv4-artbar-img, .zv4-online-title.zv4-artbar>img.zv4-artbar-img{ width:100%!important; height:44px!important; object-fit:fill!important; } /* Delikatnie większa hierarchia paneli jak w mockupie. */ .zv4-after-grid{gap:12px!important} .zv4-widget,.zv4-online-card{min-height:205px!important} .zv4-shoutbox{min-height:220px!important} .zv4-server-wrap{margin-bottom:14px!important} .zv4-index-toolbar{margin-bottom:10px!important} /* MyBB przy 1280px shellu — pełne menu nadal mieści się w jednym rzędzie. */ @media(min-width:1120px) and (max-width:1300px){ .zv4-nav{height:76px!important;min-height:76px!important} .zv4-nav a.zv4-nav-item,.zv4-nav-button-img{height:76px!important;min-height:76px!important} .zv4-search,.zv4-user-links{height:76px!important} .zv4-search{flex-basis:165px!important}.zv4-search input{width:147px!important} .zv4-user-links{font-size:9px!important;gap:5px!important} } @media(max-width:1119px){ .zv4-nav{height:70px!important;min-height:70px!important;overflow-x:auto!important;overflow-y:hidden!important} .zv4-nav a.zv4-nav-item,.zv4-nav-button-img{height:70px!important;min-height:70px!important} .zv4-search,.zv4-user-links{display:none!important} } /* ================================================================ ZAPALNIK V4.1.3 — MENU HOVER + ACTIVE 1:1 Każdy kafel zachowuje stały rozmiar; hover/active zmienia wyłącznie grafikę i poświatę, więc menu NIE skacze i NIE rozjeżdża layoutu. ================================================================ */ .zv4-nav a.zv4-nav-item{ position:relative!important; transition:box-shadow .12s ease, background-color .12s ease, filter .12s ease!important; outline:0!important; } .zv4-nav a.zv4-nav-item:hover, .zv4-nav a.zv4-nav-item:focus-visible{ background:#0b1013!important; box-shadow: inset 0 -2px 0 #ff9700, inset 1px 0 0 rgba(255,145,0,.22), inset -1px 0 0 rgba(255,145,0,.22), 0 0 11px rgba(255,126,0,.17)!important; filter:none!important; z-index:3!important; } .zv4-nav a.zv4-nav-item.is-active{ background:#0c1114!important; box-shadow: inset 0 -3px 0 #ff9700, inset 1px 0 0 rgba(255,145,0,.34), inset -1px 0 0 rgba(255,145,0,.34), 0 0 15px rgba(255,126,0,.23)!important; z-index:4!important; } .zv4-nav a.zv4-nav-item.is-active:hover{filter:none!important} .zv4-nav a.zv4-nav-item .zv4-nav-button-img{ transform:none!important; transition:none!important; } /* ================================================================ ZAPALNIK V4.1.4 — SHARP PNG / QUALITY FIX 2x source artwork is always DOWN-SAMPLED by the browser. No raster UI asset is enlarged above its designed CSS size. ================================================================ */ .zv4-nav-button-img,.zv4-artbar-img,.zv4-forum-columns-imgcell img{image-rendering:auto!important;filter:none!important;transform:none!important;backface-visibility:hidden!important;-webkit-font-smoothing:antialiased!important} .zv4-nav a.zv4-nav-item{height:82px!important;min-height:82px!important} .zv4-nav-button-img{height:82px!important;width:auto!important;object-fit:contain!important} .zv4-event.zv4-artbar{height:64px!important;min-height:64px!important} .zv4-livebar.zv4-artbar{height:39px!important;min-height:39px!important} .zv4-server-head.zv4-artbar{height:49px!important;min-height:49px!important} .zv4-index-toolbar.zv4-artbar{height:43px!important;min-height:43px!important} .zv4-forum-columns-imgcell,.zv4-forum-columns-imgcell img{height:38px!important} .zv4-widget-title.zv4-artbar,.zv4-online-title.zv4-artbar{height:44px!important;min-height:44px!important} .zv4-shout-head.zv4-artbar{height:47px!important;min-height:47px!important} .zv4-artbar>img.zv4-artbar-img{width:100%!important;height:100%!important;object-fit:fill!important} @media(min-width:1120px) and (max-width:1300px){.zv4-nav a.zv4-nav-item,.zv4-nav-button-img{height:76px!important;min-height:76px!important}} @media(max-width:1119px){.zv4-nav a.zv4-nav-item,.zv4-nav-button-img{height:70px!important;min-height:70px!important}} /* ================================================================ ZAPALNIK V4.1.5 — MOCKUP STRUCTURE / SERVER CARDS / SHOUTBOX V4.1.4 sharp PNG remains frozen. Only lower content is polished. ================================================================ */ /* Server cards 1:1 direction: blue players glyph, stronger slot count, ONLINE badge. */ .zv4-server{height:112px!important;min-height:112px!important;padding:12px 11px!important} .zv4-server-name{font-size:11.5px!important;margin-left:40px!important} .zv4-server-map{margin:7px 0 13px 40px!important;color:#aab4b9!important} .zv4-server-bottom{min-height:27px!important;display:flex!important;align-items:center!important;gap:7px!important} .zv4-server-player-icon{display:block!important;width:20px!important;height:20px!important;object-fit:contain!important;flex:0 0 20px!important;image-rendering:auto!important} .zv4-server-slots{font-size:12.5px!important;line-height:1!important;color:#dce3e6!important;font-weight:700!important;white-space:nowrap!important} .zv4-occ{margin-left:1px!important;gap:2px!important}.zv4-occ i{width:7px!important;height:6px!important} .zv4-server-status{margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:49px!important;height:23px!important;padding:0 6px!important;border-radius:3px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;text-transform:uppercase!important} .zv4-server-status.online{color:#a7e100!important;background:#152800!important;border:1px solid #4f7400!important;box-shadow:inset 0 0 8px rgba(115,190,0,.08)!important} .zv4-server-status.full{color:#ff8a63!important;background:#2a0d05!important;border:1px solid #8b2c12!important} .zv4-server-status.offline{color:#929b9f!important;background:#101518!important;border:1px solid #394348!important} .zv4-connect{display:none!important} /* Forum rows: more vertical room and visually distinct icon families. */ .zv4-forum-table td{height:96px!important;padding-top:12px!important;padding-bottom:12px!important} .zv4-status-cell{width:74px!important}.zv4-forum-status{width:54px!important;height:54px!important} .zv4-forum-title{font-size:16px!important;margin-bottom:14px!important}.zv4-forum-desc:empty{display:none!important} .zv4-subforums{margin-top:13px!important;row-gap:6px!important;column-gap:76px!important;max-width:610px!important}.zv4-subforum a{font-size:10.5px!important} .zv4-count{font-size:19px!important}.zv4-lastpost{width:320px!important}.zv4-lastpost-avatar{width:46px!important;height:46px!important} /* Activity / online: no artificial empty towers when the forum is still small. */ .zv4-after-grid{align-items:start!important}.zv4-widget,.zv4-online-card{min-height:0!important;height:auto!important} .zv4-activity-list{padding:7px 11px 4px!important}.zv4-activity-row{min-height:25px!important;padding:4px 0!important} .zv4-activity-more{margin:5px 11px 9px!important;padding:6px!important} .zv4-online-body{padding:10px 12px 9px!important}.zv4-avatar-row{min-height:48px!important}.zv4-online-hint{margin-top:10px!important;padding-top:8px!important;border-top:1px solid #1d2529!important;color:#778287!important;font-size:9px!important} /* Shoutbox: compact real avatars + watermark Z, no MyBB redirect interstitial. */ .zv4-shoutbox{min-height:0!important}.zv4-shout-list{min-height:122px!important;padding:7px 12px!important;padding-right:135px!important} .zv4-shout-row{grid-template-columns:42px 22px 92px minmax(0,1fr)!important;gap:7px!important;min-height:22px!important;font-size:10.5px!important} .zv4-shout-avatar{display:block!important;width:19px!important;height:19px!important;border-radius:4px!important;object-fit:cover!important;border:1px solid #374047!important;background:#0b1013!important} .zv4-shout-user{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.zv4-shout-message{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .zv4-shout-watermark{display:block!important;right:24px!important;top:54px!important;width:118px!important;height:118px!important;opacity:.16!important} .zv4-shout-form{grid-template-columns:minmax(0,1fr) 142px!important;padding:8px 11px!important}.zv4-shout-send{font-size:11px!important} /* Stats like mockup: orange IMG icons and values side-by-side. */ .zv4-index-stats{grid-template-columns:repeat(4,minmax(130px,1fr)) minmax(330px,2fr)!important} .zv4-stat{min-height:72px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:9px 13px!important} .zv4-stat-icon{display:block!important;width:30px!important;height:30px!important;object-fit:contain!important;flex:0 0 30px!important;image-rendering:auto!important}.zv4-stat strong{font-size:18px!important}.zv4-stat span{display:block!important;margin-top:2px!important} /* Footer branding slightly stronger without changing the frozen shell. */ .zv4-footer{padding:14px 0!important}.zv4-footer-brand{width:205px!important;max-height:68px!important}.zv4-footer-copy{font-size:10px!important} @media(max-width:900px){.zv4-shout-list{padding-right:12px!important}.zv4-shout-watermark{display:none!important}.zv4-index-stats{grid-template-columns:repeat(2,1fr)!important}.zv4-stat-legend{grid-column:1/-1!important}} /* === ZAPALNIK V4.1.6 — FORUM GRID 2x2 / COLOR ICONS / LEGACY CLEANUP === */ .zv4-forum-table{margin-bottom:12px!important} .zv4-forum-row td{height:92px!important} .zv4-status-cell{position:relative!important;width:74px!important;padding-left:18px!important;padding-right:4px!important} .zv4-status-cell:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-4px;border-radius:50%;background:#f28b00;box-shadow:0 0 8px rgba(242,139,0,.75)} .zv4-forum-status{width:54px!important;height:54px!important;object-fit:contain!important;image-rendering:auto!important} .zv4-forum-info{padding-left:12px!important} .zv4-forum-title{font-size:16px!important;line-height:1.15!important;margin:0 0 14px!important} .zv4-forum-desc:empty{display:none!important} .zv4-subforums{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(170px,1fr)!important;column-gap:56px!important;row-gap:7px!important;margin-top:0!important;max-width:590px!important;align-items:center!important} .zv4-subforum{display:block!important;min-width:0!important;margin:0!important;padding:0!important;color:#cfd3d5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .zv4-subforum:before{content:'»'!important;color:#d9dde0!important;margin-right:7px!important} .zv4-subforum a{font-size:11px!important;color:#d5dadd!important} .zv4-subforum a:hover{color:#f28b00!important} .zv4-subforums>.zv4-subforum:nth-child(n+5){display:none!important} .zv4-forum-table.zv4-legacy-hidden{display:none!important} @media(max-width:820px){.zv4-subforums{grid-template-columns:1fr!important;column-gap:0!important}.zv4-forum-row td{height:auto!important;min-height:84px!important}} /* === ZAPALNIK V4.1.7 — FORUM 1:1 / TYPOGRAPHY / FOOTER SOCIAL POLISH === */ /* Podfora: dokładny układ mockupu: L1 Propozycje / L2 Błędy, P1 Pytania / P2 Dyskusje */ .zv4-subforums{ grid-template-columns:minmax(165px,1fr) minmax(190px,1fr)!important; grid-template-rows:repeat(2,minmax(16px,auto))!important; grid-auto-flow:column!important; column-gap:66px!important; row-gap:6px!important; max-width:610px!important; margin-top:12px!important; } .zv4-forum-title, .zv4-forum-title a, .zv4-subforum, .zv4-subforum a, .zv4-forum-table th{ font-family:"Arial Narrow","Roboto Condensed","Trebuchet MS",Arial,sans-serif!important; } .zv4-forum-title{font-size:17px!important;font-weight:700!important;letter-spacing:.15px!important;margin-bottom:11px!important;text-transform:uppercase!important} .zv4-subforum a{font-size:11px!important;font-weight:600!important;letter-spacing:.05px!important} .zv4-forum-row td{height:96px!important} .zv4-status-cell{width:78px!important;padding-left:18px!important} .zv4-forum-status{width:58px!important;height:58px!important;filter:none!important} .zv4-status-cell:before{left:7px!important;width:7px!important;height:7px!important} .zv4-forum-info{padding-left:10px!important;padding-right:14px!important} .zv4-count{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:21px!important} .zv4-count small{font-size:8px!important;letter-spacing:.25px!important} .zv4-lastpost{padding-left:14px!important;padding-right:14px!important} .zv4-lastpost-avatar{width:48px!important;height:48px!important;flex-basis:48px!important} .zv4-lastpost a{font-size:11px!important}.zv4-lastpost .smalltext{font-size:9.5px!important} .zv4-forum-table col.zv4-col-status{width:78px!important} .zv4-forum-table col.zv4-col-topics{width:108px!important} .zv4-forum-table col.zv4-col-posts{width:108px!important} .zv4-forum-table col.zv4-col-last{width:325px!important} /* Dolne moduły — mniej pustego powietrza przy małej liczbie danych */ .zv4-after-grid{align-items:start!important} .zv4-widget,.zv4-online-card{min-height:0!important;height:auto!important} .zv4-widget-title,.zv4-online-title{height:40px!important;min-height:40px!important} .zv4-activity-list{min-height:0!important} .zv4-online-body{min-height:104px!important} .zv4-activity-row{min-height:24px!important} .zv4-activity-more{margin-top:5px!important} /* Shoutbox bliżej mockupu */ .zv4-shoutbox{min-height:196px!important} .zv4-shout-list{min-height:108px!important;position:relative!important;padding-right:160px!important} .zv4-shout-row{grid-template-columns:52px 28px 96px minmax(0,1fr)!important;gap:7px!important;min-height:24px!important} .zv4-shout-avatar{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:cover!important} .zv4-shout-watermark{width:150px!important;height:150px!important;right:18px!important;top:32px!important;opacity:.22!important;filter:none!important} .zv4-shout-form{height:50px!important} .zv4-shout-send{font-size:13px!important;letter-spacing:.4px!important} /* Statystyki — mocniejsze jak w mockupie */ .zv4-index-stats{min-height:82px!important} .zv4-stat{display:grid!important;grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-content:center!important} .zv4-stat-icon{width:27px!important;height:27px!important;grid-row:1 / span 2!important;align-self:center!important;filter:none!important} .zv4-stat strong{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:23px!important;line-height:1!important} .zv4-stat span{font-size:9px!important;margin-top:3px!important} .zv4-newest{font-size:9px!important} /* Stopka — większy branding i social jak w mockupie */ .zv4-footer-main{display:grid!important;grid-template-columns:210px minmax(260px,1fr) auto auto!important;align-items:center!important;gap:18px!important;min-height:90px!important;padding:11px 16px!important} .zv4-footer-brand{width:205px!important;max-height:62px!important;object-fit:contain!important} .zv4-footer-copy{line-height:1.45!important}.zv4-footer-links{display:flex!important;gap:12px!important;white-space:nowrap!important} .zv4-footer-social{display:flex!important;align-items:center!important;justify-content:flex-end!important}.zv4-footer-social img{width:232px!important;height:58px!important;object-fit:contain!important;image-rendering:auto!important} @media(max-width:1050px){.zv4-footer-main{grid-template-columns:180px 1fr auto!important}.zv4-footer-social{grid-column:1/-1;justify-content:flex-end}.zv4-footer-social img{width:200px!important}} @media(max-width:820px){.zv4-subforums{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-flow:row!important;column-gap:0!important}.zv4-shout-list{padding-right:12px!important}.zv4-shout-watermark{display:none!important}.zv4-footer-main{grid-template-columns:1fr!important}.zv4-footer-social{justify-content:flex-start!important}} /* === ZAPALNIK V4.1.8 — FINAL MOCKUP CLEANUP / FOOTER / WIDGET BALANCE === */ /* Publiczny layout bez technicznego debug panelu MyBB. */ .debugstuff,#debug,.debug_info,.debugstuff_table{display:none!important} /* Forum — mikro-korekta do proporcji mockupu. */ .zv4-forum-table{border-color:#242d32!important;background:#090e11!important} .zv4-forum-table th{height:38px!important} .zv4-forum-row td{height:94px!important;border-color:#1b2429!important} .zv4-forum-title{color:#d8dde0!important;font-size:16px!important;letter-spacing:.05px!important;margin-bottom:10px!important} .zv4-forum-title a{color:#e3e7e9!important;text-shadow:0 1px 0 #000!important} .zv4-subforums{margin-top:9px!important;row-gap:5px!important;column-gap:58px!important} .zv4-subforum a{color:#d1d7da!important;font-size:10.5px!important;font-weight:600!important} .zv4-subforum a:hover{color:#ff9a00!important} .zv4-count{font-size:20px!important;color:#f2f3f4!important} .zv4-lastpost{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(9,14,17,.38))!important} /* Ostatnia aktywność i online — oba panele mają tę samą wysokość jak w makiecie. */ .zv4-after-grid{align-items:stretch!important;gap:12px!important} .zv4-widget,.zv4-online-card{height:156px!important;min-height:156px!important;overflow:hidden!important} .zv4-widget-title,.zv4-online-title{height:42px!important;min-height:42px!important} .zv4-activity-list{padding:5px 10px 0!important;max-height:80px!important;overflow:hidden!important} .zv4-activity-row{min-height:23px!important;height:23px!important} .zv4-activity-more{height:27px!important;line-height:27px!important;margin:3px 10px 7px!important} .zv4-online-body{min-height:0!important;height:113px!important;padding:9px 12px 7px!important;box-sizing:border-box!important} .zv4-avatar-row{min-height:47px!important;height:47px!important;align-items:center!important} .zv4-online-avatar{width:43px!important;height:43px!important} .zv4-rank-legend{margin-top:4px!important;gap:22px!important} .zv4-online-hint{margin-top:7px!important;padding-top:6px!important} /* Shoutbox — wysokość i rytm jak w mockupie. */ .zv4-shoutbox{min-height:205px!important} .zv4-shout-head{height:42px!important;min-height:42px!important} .zv4-shout-list{height:112px!important;min-height:112px!important;padding-top:5px!important;padding-bottom:5px!important} .zv4-shout-row{min-height:23px!important;height:23px!important;line-height:23px!important} .zv4-shout-form{height:50px!important;padding:7px 10px!important} .zv4-shout-form input{height:34px!important;box-sizing:border-box!important} .zv4-shout-send{height:34px!important;min-height:34px!important} .zv4-shout-watermark{width:145px!important;height:145px!important;top:39px!important;right:15px!important;opacity:.20!important} /* Dolne statystyki — większe jak na finalnym mockupie. */ .zv4-index-stats{min-height:88px!important;height:88px!important;align-items:stretch!important} .zv4-stat{padding:10px 14px!important;grid-template-columns:36px 1fr!important;column-gap:9px!important} .zv4-stat-icon{width:30px!important;height:30px!important} .zv4-stat strong{font-size:24px!important;line-height:1!important;color:#f2f3f4!important} .zv4-stat span{font-size:9.5px!important;color:#aeb6ba!important} .zv4-stat-legend{padding:10px 12px!important;align-content:center!important;row-gap:8px!important} /* Stopka 1:1: mocniejszy branding, komplet linków i social, bez linii diagnostycznej nad stopką. */ .zv4-footer{padding:14px 0 18px!important;border-top:1px solid rgba(255,137,0,.20)!important} .zv4-footer-main{grid-template-columns:215px minmax(280px,1fr) auto 245px!important;min-height:96px!important;padding:13px 16px!important;background:#081014!important;border:1px solid #1b272d!important;border-top-color:#4e300e!important} .zv4-footer-brand{width:210px!important;max-height:66px!important} .zv4-footer-copy{font-size:9.5px!important;color:#8f9aa0!important} .zv4-footer-copy strong{font-size:10px!important;color:#aeb6ba!important;font-weight:500!important} .zv4-footer-engine{font-size:8.5px!important;color:#657077!important} .zv4-footer-links{gap:13px!important;font-size:9.5px!important} .zv4-footer-links a{color:#9da5a9!important} .zv4-footer-links a:hover{color:#ff9900!important} .zv4-footer-social img{width:232px!important;height:58px!important} @media(max-width:1050px){ .zv4-footer-main{grid-template-columns:190px 1fr auto!important} .zv4-footer-social{grid-column:1/-1!important;justify-content:flex-end!important} } @media(max-width:820px){ .zv4-widget,.zv4-online-card{height:auto!important;min-height:0!important} .zv4-online-body{height:auto!important} .zv4-shout-list{height:auto!important;min-height:92px!important} .zv4-index-stats{height:auto!important;min-height:0!important} .zv4-footer-main{grid-template-columns:1fr!important} .zv4-footer-social{justify-content:flex-start!important} } /* === ZAPALNIK V4.1.9 — RUNTIME CLEANUP / DEBUG / WIDGET LOCK === */ /* Host/MyBB debug: CSS fallback + JS runtime cleanup. */ #debug,.debugstuff,.debug_info,.debugstuff_table,[id*="debug"],[class*="debugstuff"]{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important} /* Lock the two lower widgets to the same visual geometry. */ .zv4-after-grid{display:grid!important;align-items:stretch!important;grid-auto-rows:156px!important;gap:12px!important;margin-bottom:12px!important} .zv4-after-grid>.zv4-widget,.zv4-after-grid>.zv4-online-card{display:flex!important;flex-direction:column!important;height:156px!important;min-height:156px!important;max-height:156px!important;box-sizing:border-box!important;margin:0!important} .zv4-widget-title,.zv4-online-title{flex:0 0 42px!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important} .zv4-activity-list{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .zv4-activity-more{flex:0 0 27px!important;box-sizing:border-box!important} .zv4-online-body{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important} /* Shoutbox watermark: same character, but no collision with SEND/input. */ .zv4-shoutbox{position:relative!important} .zv4-shout-watermark{width:112px!important;height:112px!important;right:22px!important;top:47px!important;bottom:auto!important;opacity:.17!important;pointer-events:none!important;z-index:1!important} .zv4-shout-list,.zv4-shout-form{position:relative!important;z-index:2!important} .zv4-shout-list{padding-right:145px!important} .zv4-shout-form{padding-right:10px!important} /* Stats -> footer: no technical gap. */ .zv4-index-stats{margin-bottom:12px!important} .zv4-footer{margin-top:0!important;padding-top:0!important} .zv4-footer-main{margin-top:0!important} /* Footer text is deliberately small but crisp, no translation credit line. */ .zv4-footer-copy{line-height:1.5!important} .zv4-footer-copy br+span.zv4-footer-engine{display:inline!important} .zv4-footer-social img{display:block!important;object-fit:contain!important} @media(max-width:820px){ .zv4-after-grid{grid-auto-rows:auto!important} .zv4-after-grid>.zv4-widget,.zv4-after-grid>.zv4-online-card{height:auto!important;min-height:0!important;max-height:none!important} .zv4-shout-list{padding-right:12px!important} .zv4-shout-watermark{display:none!important} } /* ===================================================================== ZAPALNIK V4.2.0 — PANEL BACKGROUND / MOCKUP SURFACE MATCH Cel: dokładne tło paneli jak w zaakceptowanym mockupie: stalowo-czarne, lekko szklane, z subtelnym pomarańczowym akcentem, bez płaskiego boxa. Tekst/dane MyBB pozostają dynamiczne; powierzchnie i oprawki są IMG. ===================================================================== */ :root{ --zv4-panel-surface:url(/images/zapalnik_v4/panels/panel-surface-mockup.png); --zv4-panel-head:url(/images/zapalnik_v4/panels/panel-header-surface-mockup.png); --zv4-card-surface:url(/images/zapalnik_v4/panels/card-surface-mockup.png); --zv4-toolbar-surface:url(/images/zapalnik_v4/panels/toolbar-surface-mockup.png); } /* GŁÓWNE PANELE — mockup: zaokrąglony stalowy kontur + głębokie IMG tło. */ .zv4-server-wrap, .zv4-forum-table, .zv4-widget, .zv4-online-card, .zv4-shoutbox, .zv4-index-stats, .zv4-footer-main{ background-color:#061014!important; background-image:var(--zv4-panel-surface)!important; background-size:100% 100%!important; background-position:center top!important; background-repeat:no-repeat!important; border:1px solid #27343a!important; border-top-color:#38464c!important; border-bottom-color:#172126!important; border-image:none!important; border-radius:8px!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), inset 0 0 30px rgba(0,0,0,.28), 0 5px 16px rgba(0,0,0,.38)!important; overflow:hidden!important; } /* Ciepły akcent tylko u góry panelu — w mockupie pomarańcz nie obrysowuje całości. */ .zv4-server-wrap{border-top-color:#604014!important} .zv4-shoutbox{border-top-color:#704615!important} .zv4-widget,.zv4-online-card{border-top-color:#334047!important} /* NASZE SERWERY — tytuł jest częścią jednego panelu, nie osobnym płaskim prostokątem. */ .zv4-server-wrap{padding:0 10px 10px!important;background-size:100% 100%!important} .zv4-server-head.zv4-artbar{ margin:0 -10px 9px!important; width:calc(100% + 20px)!important; height:50px!important; min-height:50px!important; border:0!important; border-radius:7px 7px 0 0!important; box-shadow:none!important; overflow:hidden!important; background-image:var(--zv4-panel-head)!important; background-size:100% 100%!important; } .zv4-server-head.zv4-artbar>img.zv4-artbar-img{height:50px!important;object-fit:fill!important} /* KARTY SERWERÓW — mockupowy ciemny szklany kafel z delikatnym rantem. */ .zv4-server{ background-color:#061014!important; background-image:var(--zv4-card-surface)!important; background-size:100% 100%!important; background-position:center!important; background-repeat:no-repeat!important; border:1px solid #263238!important; border-top-color:#334047!important; border-bottom-color:#172126!important; border-image:none!important; border-radius:7px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02),inset 0 0 18px rgba(0,0,0,.30)!important; } .zv4-server:hover{border-color:#3a474d!important;border-top-color:#6b480f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 12px rgba(236,133,0,.07)!important} /* BELKI NARZĘDZIOWE / BREADCRUMB — ten sam materiał, cieńsza forma. */ .zv4-index-toolbar, .zv4-livebar{ background-color:#061014!important; background-image:var(--zv4-toolbar-surface)!important; background-size:100% 100%!important; background-repeat:no-repeat!important; border:1px solid #27343a!important; border-image:none!important; border-radius:7px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 4px 11px rgba(0,0,0,.30)!important; } /* Tabela forum: przywracamy głębię tła z mockupu bez zmiany gridu/podforów. */ .zv4-forum-table{background-image:var(--zv4-panel-surface)!important;background-size:100% 100%!important} .zv4-forum-row td{background-color:rgba(2,8,11,.50)!important} .zv4-forum-row:nth-child(even) td{background-color:rgba(5,12,15,.56)!important} .zv4-forum-table .zv4-cat-title th{background-color:rgba(8,17,21,.72)!important} /* Dolne widgety: powierzchnia jak w mockupie, nie jednolity #080d10. */ .zv4-widget-title,.zv4-online-title,.zv4-shout-head{ background-image:var(--zv4-panel-head)!important; background-size:100% 100%!important; background-repeat:no-repeat!important; } .zv4-activity-list,.zv4-online-body,.zv4-shout-list,.zv4-shout-form{background-color:transparent!important} /* Statystyki: wspólna powierzchnia i delikatne pionowe separatory. */ .zv4-index-stats{background-image:var(--zv4-panel-surface)!important;background-size:100% 100%!important} .zv4-stat{background-color:rgba(4,12,15,.18)!important} /* Footer pozostaje czysty, ale materiał panelu ma tę samą temperaturę co mockup. */ .zv4-footer-main{background-image:var(--zv4-panel-surface)!important;background-size:100% 100%!important} @media(max-width:820px){ .zv4-server-wrap,.zv4-forum-table,.zv4-widget,.zv4-online-card,.zv4-shoutbox,.zv4-index-stats,.zv4-footer-main{background-size:auto 100%!important} } /* ===================================================================== ZAPALNIK V4.2.1 — SERVER PANEL / 1:1 MOCKUP MATCH Punktowy patch: tylko panel NASZE SERWERY + karty. Reszta V4.2.0 bez zmian. ===================================================================== */ :root{ --zv4-server-panel-v421:url(/images/zapalnik_v4/panels/server-panel-v421.png); --zv4-server-card-v421:url(/images/zapalnik_v4/panels/server-card-v421.png); --zv4-server-head-v421:url(/images/zapalnik_v4/panels/server-head-v421.png); } /* Zewnętrzny panel: ciemna stal/szkło, tak jak w mockupie. */ .zv4-server-wrap{ position:relative!important; padding:0 10px 10px!important; margin:0 auto 14px!important; background-color:#040b0e!important; background-image:var(--zv4-server-panel-v421)!important; background-size:100% 100%!important; background-position:center!important; background-repeat:no-repeat!important; border:1px solid #26353b!important; border-top-color:#34454c!important; border-bottom-color:#18242a!important; border-radius:8px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 26px rgba(0,0,0,.30),0 7px 18px rgba(0,0,0,.32)!important; overflow:hidden!important; } .zv4-server-wrap:before{ content:"";position:absolute;left:10px;right:10px;top:0;height:1px; background:linear-gradient(90deg,rgba(238,133,0,.00),rgba(238,133,0,.34) 14%,rgba(83,100,107,.20) 52%,rgba(238,133,0,.12) 86%,rgba(238,133,0,0)); pointer-events:none; } /* Nagłówek: tekst HTML = pełna ostrość. */ .zv4-server-head-v421{ height:48px!important;min-height:48px!important; margin:0 -10px 9px!important;width:calc(100% + 20px)!important; padding:0 18px!important;box-sizing:border-box!important; display:flex!important;align-items:center!important;justify-content:space-between!important; background-color:#071014!important;background-image:var(--zv4-server-head-v421)!important; background-size:100% 100%!important;background-repeat:no-repeat!important; border:0!important;border-bottom:1px solid rgba(42,57,64,.72)!important; border-radius:7px 7px 0 0!important;box-shadow:inset 0 -1px 0 rgba(0,0,0,.42)!important; } .zv4-server-head-v421 h3{ margin:0!important;color:#dce1e3!important; font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:18px!important;line-height:1!important;font-weight:700!important;letter-spacing:.35px!important; text-transform:uppercase!important;text-shadow:0 1px 2px rgba(0,0,0,.9)!important; } .zv4-seeall-v421{ display:inline-flex!important;align-items:center!important;justify-content:center!important; height:31px!important;min-width:154px!important;padding:0 16px!important;box-sizing:border-box!important; color:#f2f2f2!important;text-decoration:none!important;text-transform:uppercase!important; font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:11px!important;font-weight:800!important;letter-spacing:.25px!important; background:linear-gradient(180deg,#d45b10 0%,#a83b06 100%)!important; border:1px solid #ed7b21!important;border-bottom-color:#742403!important;border-radius:4px!important; box-shadow:inset 0 1px 0 rgba(255,202,145,.23),0 0 12px rgba(220,86,5,.10)!important; transition:filter .16s ease,box-shadow .16s ease!important; } .zv4-seeall-v421:hover{filter:brightness(1.12)!important;box-shadow:inset 0 1px 0 rgba(255,220,170,.32),0 0 15px rgba(255,118,18,.18)!important} /* Rozstaw kart 1:1: pięć równych, wyraźna przerwa między nimi. */ .zv4-server-grid{gap:8px!important;padding:0!important} .zv4-server{ height:108px!important;min-height:108px!important;box-sizing:border-box!important; padding:10px 9px 9px!important; background-color:#041014!important;background-image:var(--zv4-server-card-v421)!important; background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important; border:1px solid #26353b!important;border-top-color:#31434a!important;border-bottom-color:#17242a!important; border-radius:7px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 18px rgba(0,0,0,.24)!important; overflow:hidden!important; } .zv4-server:hover{border-color:#3a4a50!important;border-top-color:#6b4a12!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 12px rgba(237,134,0,.075)!important} /* Numer / nazwa / mapa jak na mockupie. */ .zv4-server-num{ top:9px!important;left:9px!important;padding:3px 6px!important; color:#ff9b00!important;background:rgba(4,10,12,.62)!important; border:1px solid #865000!important;border-radius:4px!important; font-size:12px!important;line-height:17px!important;box-shadow:inset 0 0 6px rgba(0,0,0,.45)!important; } .zv4-server-name{ margin-left:39px!important;padding-top:1px!important; color:#d7dcde!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:11.5px!important;line-height:18px!important;font-weight:700!important;letter-spacing:.12px!important; } .zv4-server-map{ margin:5px 0 10px 39px!important;color:#a7b1b6!important;font-size:10px!important;line-height:14px!important; } /* Dolny rząd: niebieska ikona + sloty + occupancy + kompaktowy ONLINE. */ .zv4-server-bottom{height:27px!important;min-height:27px!important;gap:6px!important;align-items:center!important} .zv4-server-player-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;opacity:.98!important} .zv4-server-slots{font-size:12px!important;font-weight:700!important;color:#d9e1e4!important;letter-spacing:.1px!important} .zv4-occ{gap:2px!important;margin-left:1px!important} .zv4-occ i{width:7px!important;height:5px!important;border-radius:0!important;background:#263238!important;box-shadow:inset 0 0 1px rgba(255,255,255,.05)!important} .zv4-occ i.on{background:linear-gradient(180deg,#8aca10,#4f8c00)!important} .zv4-server-status{ margin-left:auto!important;min-width:45px!important;height:21px!important;padding:0 6px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; border-radius:3px!important;font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.15px!important; } .zv4-server-status.online{color:#b9ed38!important;background:linear-gradient(180deg,#203c00,#142b00)!important;border:1px solid #4e7600!important;box-shadow:inset 0 1px 0 rgba(187,236,61,.08)!important} /* Na szerokim desktopie utrzymujemy panel w jednym rzędzie. */ @media(min-width:1120px){.zv4-server-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}} @media(max-width:1119px){.zv4-server-head-v421 h3{font-size:16px!important}.zv4-seeall-v421{min-width:140px!important}.zv4-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:720px){.zv4-server-head-v421{padding:0 10px!important}.zv4-seeall-v421{min-width:122px!important;padding:0 10px!important;font-size:9px!important}.zv4-server-grid{grid-template-columns:1fr!important}} /* ===================================================================== ZAPALNIK V4.2.2 — FORUM TABLE + TERAZ NA SERWERACH / 1:1 MOCKUP MATCH Header, XP i panel NASZE SERWERY pozostają z V4.2.1 bez zmian. ===================================================================== */ :root{ --zv4-livebar-v422:url(/images/zapalnik_v4/servers/livebar-v422.png); --zv4-forum-row-v422:url(/images/zapalnik_v4/forum/forum-row-v422.png); --zv4-forum-head-v422:url(/images/zapalnik_v4/forum/forum-head-v422.png); } /* TERAZ NA SERWERACH — odtwarzamy hierarchię mockupu w ostrym HTML, bez rozciągania tekstu PNG. */ .zv4-livebar-v422{ height:42px!important;min-height:42px!important;margin:0 auto 10px!important;padding:0!important; display:flex!important;align-items:stretch!important;gap:0!important;overflow:hidden!important; background-color:#050b0e!important;background-image:var(--zv4-livebar-v422)!important;background-size:100% 100%!important;background-repeat:no-repeat!important; border:1px solid #253238!important;border-top-color:#344249!important;border-bottom-color:#18252a!important;border-radius:7px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 4px 10px rgba(0,0,0,.28)!important; font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; } .zv4-livebar-label-v422,.zv4-liveitem-v422,.zv4-live-total-v422{display:flex!important;align-items:center!important;box-sizing:border-box!important;white-space:nowrap!important} .zv4-livebar-label-v422{min-width:190px!important;padding:0 16px!important;gap:8px!important;color:#d8dddf!important;font-size:11px!important;font-weight:700!important;letter-spacing:.18px!important;border-right:1px solid #243036!important;text-transform:uppercase!important} .zv4-livebar-label-v422 img{width:18px!important;height:22px!important;object-fit:contain!important;filter:none!important} .zv4-liveitem-v422{flex:1 1 0!important;justify-content:center!important;gap:8px!important;padding:0 12px!important;border-right:1px solid #243036!important;color:#bbc4c8!important;font-size:11px!important;letter-spacing:.12px!important} .zv4-liveitem-v422 i{width:9px!important;height:9px!important;flex:0 0 9px!important;border-radius:50%!important;background:linear-gradient(180deg,#8bd70f,#4e9400)!important;box-shadow:0 0 7px rgba(107,196,0,.50)!important} .zv4-liveitem-v422 b{font-weight:600!important;color:#d2d7d9!important} .zv4-liveitem-v422 span{color:#bcc4c7!important;margin-left:3px!important} .zv4-live-total-v422{min-width:164px!important;justify-content:center!important;padding:0 15px!important;color:#ff9700!important;font-size:11px!important;font-weight:800!important;letter-spacing:.15px!important;text-transform:uppercase!important} /* FORUM — nagłówek kolumn jako prawdziwy HTML, więc ostrość 1:1 na każdym DPI. */ .zv4-forum-table{border-color:#243036!important;border-radius:7px!important;background:#050b0e!important;background-image:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 5px 14px rgba(0,0,0,.28)!important} .zv4-forum-columns-v422 th{ height:38px!important;padding:0 12px!important;vertical-align:middle!important; background-color:#071014!important;background-image:var(--zv4-forum-head-v422)!important;background-size:100% 100%!important;background-repeat:no-repeat!important; border:0!important;border-bottom:1px solid #253238!important; color:#aeb8bd!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:10px!important;line-height:38px!important;font-weight:700!important;letter-spacing:.28px!important;text-transform:uppercase!important;text-align:center!important; } .zv4-forum-columns-v422 th:first-child{text-align:left!important;padding-left:88px!important} /* Rzędy mają tę samą grafitową głębię co mockup, bez płaskiego czarnego bloku. */ .zv4-forum-row td{ height:91px!important;padding-top:10px!important;padding-bottom:10px!important; background-color:#040b0e!important;background-image:var(--zv4-forum-row-v422)!important;background-size:100% 100%!important;background-repeat:no-repeat!important; border-bottom:1px solid #1d282d!important; } .zv4-forum-row:nth-child(even) td{background-color:#061014!important;filter:none!important} .zv4-forum-row:last-child td{border-bottom:0!important} /* Kolor akcentu na statusie jest powiązany z działem jak w mockupie. */ .zv4-status-cell{position:relative!important;width:72px!important;padding:9px 5px 9px 17px!important} .zv4-status-cell:before{content:""!important;position:absolute!important;left:7px!important;top:50%!important;width:7px!important;height:7px!important;margin-top:-4px!important;border-radius:50%!important;background:var(--zv4-forum-accent,#f28b00)!important;box-shadow:0 0 8px color-mix(in srgb,var(--zv4-forum-accent,#f28b00) 74%,transparent)!important} .zv4-forum-type-general{--zv4-forum-accent:#f28b00}.zv4-forum-type-community{--zv4-forum-accent:#1f9fea}.zv4-forum-type-servers{--zv4-forum-accent:#86bd00}.zv4-forum-type-gamer{--zv4-forum-accent:#9a5ad6}.zv4-forum-type-help{--zv4-forum-accent:#f28b00} .zv4-forum-status{width:52px!important;height:52px!important;object-fit:contain!important;filter:none!important;image-rendering:auto!important} /* Tytuł i podfora 2x2 — większy oddech od tytułu, kolejność wierszowa jak w referencji. */ .zv4-forum-info{padding-left:10px!important;padding-right:15px!important} .zv4-forum-title,.zv4-forum-title a{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important} .zv4-forum-title{font-size:16px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.10px!important;margin:0 0 10px!important;text-transform:uppercase!important} .zv4-forum-title a{color:#e1e5e7!important;text-shadow:0 1px 1px #000!important} .zv4-subforums{display:grid!important;grid-template-columns:minmax(155px,1fr) minmax(190px,1fr)!important;grid-auto-flow:row!important;column-gap:58px!important;row-gap:6px!important;margin:0!important;max-width:600px!important;align-items:center!important} .zv4-subforum{margin:0!important;padding:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .zv4-subforum:before{content:'»'!important;color:#d1d7da!important;margin-right:7px!important} .zv4-subforum a{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:10.5px!important;line-height:1.1!important;font-weight:600!important;color:#d0d6d9!important;letter-spacing:.03px!important} .zv4-subforum a:hover{color:#ff9700!important} /* Kolumny liczb — nieco węższe, bardziej pionowe, tak jak mockup. */ .zv4-forum-table col.zv4-col-status{width:72px!important}.zv4-forum-table col.zv4-col-topics{width:105px!important}.zv4-forum-table col.zv4-col-posts{width:105px!important}.zv4-forum-table col.zv4-col-last{width:320px!important} .zv4-count{padding-left:6px!important;padding-right:6px!important;text-align:center!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:20px!important;line-height:1!important;color:#e4e7e9!important;border-left:1px solid #202b30!important} .zv4-count small{font-size:8px!important;line-height:1!important;color:#829096!important;margin-top:5px!important;letter-spacing:.25px!important} /* Ostatni post: ring/avatar + prefix + tytuł + autor/data, gotowe kiedy działy dostaną realne tematy. */ .zv4-lastpost{padding:9px 13px!important;border-left:1px solid #202b30!important;background-color:rgba(3,10,13,.64)!important} .zv4-lastpost-inner{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} .zv4-lastpost-avatar{width:45px!important;height:45px!important;flex:0 0 45px!important;border:1px solid var(--zv4-forum-accent,#7b551d)!important;box-shadow:0 0 0 2px rgba(0,0,0,.35),0 0 9px color-mix(in srgb,var(--zv4-forum-accent,#f28b00) 14%,transparent)!important} .zv4-lastpost-line{gap:6px!important;align-items:center!important} .zv4-lastpost a{font-size:10.5px!important;line-height:1.2!important;color:#e38b18!important;font-weight:700!important} .zv4-lastpost .smalltext{font-size:9px!important;line-height:1.32!important;color:#aeb6ba!important} .zv4-prefix{font-size:8px!important;padding:2px 4px!important;line-height:1!important} @media(max-width:1119px){.zv4-livebar-label-v422{min-width:170px!important}.zv4-liveitem-v422{padding:0 8px!important;font-size:10px!important}.zv4-live-total-v422{min-width:145px!important;font-size:10px!important}.zv4-forum-columns-v422 th:first-child{padding-left:74px!important}.zv4-forum-table col.zv4-col-last{width:280px!important}} @media(max-width:820px){.zv4-livebar-v422{overflow-x:auto!important}.zv4-livebar-label-v422,.zv4-liveitem-v422,.zv4-live-total-v422{flex:0 0 auto!important}.zv4-liveitem-v422{min-width:150px!important}.zv4-subforums{grid-template-columns:1fr!important;column-gap:0!important}.zv4-forum-row td{height:auto!important;min-height:84px!important}} @media(max-width:720px){.zv4-forum-table col.zv4-col-last,.zv4-forum-columns-v422 th:last-child,.zv4-forum-table td.zv4-lastpost{display:none!important}.zv4-forum-table col.zv4-col-topics,.zv4-forum-table col.zv4-col-posts{width:62px!important}.zv4-forum-columns-v422 th:first-child{padding-left:58px!important}} /* ===================================================================== ZAPALNIK V4.2.2a — FORUM ICON MAP + LIVEBAR FLAME HOTFIX Tylko ikonka TERAZ NA SERWERACH + pewne mapowanie ikon działów. ===================================================================== */ .zv4-livebar-label-v422{min-width:196px!important;padding:0 17px!important;gap:10px!important} .zv4-livebar-label-v422 img{ width:18px!important;height:22px!important;flex:0 0 18px!important;object-fit:contain!important; filter:drop-shadow(0 0 2px rgba(242,139,0,.16))!important;transform:none!important;image-rendering:auto!important; } .zv4-livebar-label-v422 span{position:relative!important;top:0!important;letter-spacing:.20px!important} /* Ostateczne zabezpieczenie wizualne: kolor kropki i ikonki wynika z typu działu. */ .zv4-forum-type-community .zv4-forum-status{filter:none!important} .zv4-forum-type-general .zv4-forum-status,.zv4-forum-type-community .zv4-forum-status,.zv4-forum-type-servers .zv4-forum-status,.zv4-forum-type-gamer .zv4-forum-status,.zv4-forum-type-help .zv4-forum-status{opacity:1!important} /* ===================================================================== ZAPALNIK V4.2.2b — SOCIAL ICON + FLAME FINAL HOTFIX Finalne wymuszenie ikon działów i płaski płomień LIVEBAR. ===================================================================== */ .zv4-livebar-label-v422{gap:9px!important} .zv4-livebar-label-v422 img{width:18px!important;height:22px!important;flex-basis:18px!important;filter:drop-shadow(0 0 2px rgba(242,139,0,.15))!important} /* CSS fallback: nawet jeśli MyBB/JS zmieni src, typ działu nadal pokazuje właściwą ikonę. */ .zv4-forum-type-general img.zv4-forum-status{content:url(/images/zapalnik_v4/forum/icon-general-read.png?v=422b)!important} .zv4-forum-type-community img.zv4-forum-status{content:url(/images/zapalnik_v4/forum/icon-community-read.png?v=422b)!important} .zv4-forum-type-servers img.zv4-forum-status{content:url(/images/zapalnik_v4/forum/icon-servers-read.png?v=422b)!important} .zv4-forum-type-gamer img.zv4-forum-status{content:url(/images/zapalnik_v4/forum/icon-gamer-read.png?v=422b)!important} .zv4-forum-type-help img.zv4-forum-status{content:url(/images/zapalnik_v4/forum/icon-help-read.png?v=422b)!important} .zv4-forum-type-general img.zv4-forum-status.forum_on,.zv4-forum-type-general img.zv4-forum-status.forum_minion,.zv4-forum-type-general img.zv4-forum-status.forum_new{content:url(/images/zapalnik_v4/forum/icon-general-new.png?v=422b)!important} .zv4-forum-type-community img.zv4-forum-status.forum_on,.zv4-forum-type-community img.zv4-forum-status.forum_minion,.zv4-forum-type-community img.zv4-forum-status.forum_new{content:url(/images/zapalnik_v4/forum/icon-community-new.png?v=422b)!important} .zv4-forum-type-servers img.zv4-forum-status.forum_on,.zv4-forum-type-servers img.zv4-forum-status.forum_minion,.zv4-forum-type-servers img.zv4-forum-status.forum_new{content:url(/images/zapalnik_v4/forum/icon-servers-new.png?v=422b)!important} .zv4-forum-type-gamer img.zv4-forum-status.forum_on,.zv4-forum-type-gamer img.zv4-forum-status.forum_minion,.zv4-forum-type-gamer img.zv4-forum-status.forum_new{content:url(/images/zapalnik_v4/forum/icon-gamer-new.png?v=422b)!important} .zv4-forum-type-help img.zv4-forum-status.forum_on,.zv4-forum-type-help img.zv4-forum-status.forum_minion,.zv4-forum-type-help img.zv4-forum-status.forum_new{content:url(/images/zapalnik_v4/forum/icon-help-new.png?v=422b)!important} /* ===================================================================== ZAPALNIK V4.2.3 — FORUM COLUMN SURFACE / FINAL MICRO POLISH Mikro-polish bez zmian headera, XP, livebara i panelu serwerów. ===================================================================== */ /* Ciemniejsze, spokojniejsze kolumny TEMATY / POSTY / OSTATNI POST — bez jasnego szklanego pasa. */ .zv4-forum-row td.zv4-count, .zv4-forum-row td.zv4-lastpost{ background-color:#071014!important; background-image:linear-gradient(180deg,rgba(18,29,35,.34),rgba(5,12,15,.58))!important; background-size:100% 100%!important; border-left:1px solid #18252b!important; box-shadow:inset 1px 0 0 rgba(255,255,255,.012),inset 0 1px 0 rgba(255,255,255,.010)!important; } .zv4-forum-row:nth-child(even) td.zv4-count, .zv4-forum-row:nth-child(even) td.zv4-lastpost{ background-color:#081116!important; background-image:linear-gradient(180deg,rgba(20,32,38,.29),rgba(5,13,16,.54))!important; } .zv4-count{color:#e2e6e8!important;text-shadow:0 1px 1px #000!important} .zv4-count small{color:#74848b!important} .zv4-lastpost{color:#7c898f!important} .zv4-lastpost .smalltext{color:#9aa6ab!important} .zv4-lastpost a{color:#d98416!important} .zv4-lastpost:has(.zv4-lastpost-inner){background-color:#071014!important} /* Mikro-wyrównanie ikon działów — środek wiersza i identyczny oddech dla wszystkich kolorów. */ .zv4-status-cell{padding-left:16px!important;padding-right:5px!important;vertical-align:middle!important} .zv4-status-cell:before{left:8px!important} .zv4-forum-status{width:50px!important;height:50px!important;margin:0 auto!important;vertical-align:middle!important;transform:none!important} .zv4-forum-info{padding-left:9px!important} /* Shoutbox: dokładnie pięć pełnych wierszy mieści się bez ściskania, gdy są dane. */ .zv4-shout-list{height:125px!important;min-height:125px!important;padding-top:5px!important;padding-bottom:5px!important} .zv4-shout-row{height:23px!important;min-height:23px!important;line-height:23px!important} @media(max-width:820px){ .zv4-shout-list{height:auto!important;min-height:92px!important} } /* ===================================================================== ZAPALNIK V4.3.0 — REAL LAST POST / ACTIVITY 1:1 MATCH Realne dane MyBB: avatar po prawej, prefix + temat + autor + czas. ===================================================================== */ .zv4-forum-table col.zv4-col-last{width:330px!important} .zv4-lastpost{padding:8px 12px 8px 13px!important} .zv4-lastpost-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;min-width:0!important;width:100%!important} .zv4-lastpost-body{order:1!important;flex:1 1 auto!important;min-width:0!important;text-align:left!important} .zv4-lastpost-avatar{order:2!important;width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0 0 0 8px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid var(--zv4-forum-accent,#8c5b16)!important;background:#05090b!important;box-shadow:0 0 0 2px rgba(0,0,0,.52),0 0 8px rgba(242,139,0,.12)!important} .zv4-lastpost-line{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:100%!important} .zv4-lastpost-line>a{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e88a16!important;font-size:10.5px!important;line-height:1.15!important;font-weight:700!important;text-shadow:0 1px 1px #000!important} .zv4-lastpost .zv4-prefix{flex:0 0 auto!important;font-size:7.5px!important;padding:2px 4px!important;line-height:1!important;margin:0!important} .zv4-lastpost .smalltext{margin-top:3px!important;color:#8e9ba1!important;font-size:8.8px!important;line-height:1.3!important} .zv4-lastpost .smalltext a,.zv4-lastpost-author a{color:#c2cbd0!important;font-weight:700!important;font-size:8.8px!important} .zv4-lastpost-date{color:#7d898f!important} /* Ostatnia aktywność: ten sam język wizualny co OSTATNI POST. */ .zv4-activity-list{padding:4px 10px 0!important;max-height:92px!important;overflow:hidden!important} .zv4-activity-row{height:18px!important;min-height:18px!important;padding:1px 0!important;grid-template-columns:67px minmax(0,1fr) 105px 43px!important;gap:7px!important;font-size:9px!important;line-height:1.05!important;border-bottom-color:#182126!important} .zv4-activity-row>a{color:#d7dde0!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .zv4-activity-row .author{color:#89969c!important;font-size:8.6px!important} .zv4-activity-row .author a{color:#b9c3c8!important;font-weight:700!important} .zv4-activity-row .time{color:#8b979d!important;text-align:right!important;font-variant-numeric:tabular-nums!important} .zv4-activity-row .zv4-prefix{font-size:7px!important;padding:1px 3px!important} .zv4-activity-more{height:24px!important;line-height:22px!important;margin:4px 10px 6px!important;padding:0!important;font-size:8px!important} @media(max-width:1119px){.zv4-forum-table col.zv4-col-last{width:290px!important}.zv4-lastpost-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}.zv4-activity-row{grid-template-columns:62px minmax(0,1fr) 88px 40px!important}} /* ========================================================== ZAPALNIK V4.3.0 — ACP CONTENT MANAGER / DYNAMIC UI Widoczny tekst eventu, livebara i panelu serwerów to HTML, a grafiki są wyłącznie tłami/dekoracją. ========================================================== */ .zv4-event-v430{display:flex!important;align-items:center!important;position:relative!important;height:64px!important;min-height:64px!important;padding:0 14px!important;gap:0!important;background-color:#070c0f!important;background-image:url(/images/zapalnik_v4/event/event-bg.png)!important;background-position:right center!important;background-repeat:no-repeat!important;background-size:auto 100%!important;border:1px solid #69400e!important;border-radius:6px!important;overflow:hidden!important} .zv4-event-v430 .zv4-event-xp{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 64px!important;height:48px!important;margin:0 18px 0 0!important;padding:0 8px!important;color:#ff9a00!important;font-size:23px!important;font-weight:800!important;line-height:1!important;border:2px solid #d47800!important;clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%)!important;background:rgba(4,9,12,.78)!important;box-sizing:border-box!important} .zv4-event-v430 .zv4-event-title{display:flex!important;align-items:baseline!important;gap:7px!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;color:#e7ebed!important;font-size:20px!important;font-weight:800!important;letter-spacing:.15px!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .zv4-event-v430 .zv4-event-title span{color:#e9edef!important}.zv4-event-v430 .zv4-event-title b{color:#ff9700!important;font-weight:800!important;white-space:nowrap!important} .zv4-event-v430 .zv4-event-meta{display:flex!important;flex-direction:column!important;justify-content:center!important;flex:0 0 205px!important;height:100%!important;margin:0 14px!important;padding-left:24px!important;border-left:1px solid #313b40!important;color:#c6ced2!important;font-size:9.5px!important;line-height:1.75!important;box-sizing:border-box!important} .zv4-event-v430 .zv4-event-meta span{display:block!important;white-space:nowrap!important}.zv4-event-v430 .zv4-event-meta i{display:inline-block!important;width:10px!important;height:10px!important;margin-right:6px!important;border:1px solid #7d898f!important;border-radius:50%!important;vertical-align:-1px!important} .zv4-event-btn-v430{flex:0 0 auto!important;min-width:155px!important;min-height:34px!important;padding:0 15px!important;margin-left:auto!important;font-size:10px!important;position:relative!important;z-index:2!important}.zv4-event-arrow-v430{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:100%!important;margin-left:5px!important;color:#ff9500!important;font-size:31px!important;font-weight:400!important;text-decoration:none!important;position:relative!important;z-index:2!important} .zv4-livebar-v430{display:flex!important;align-items:stretch!important;padding:0!important;gap:0!important}.zv4-livebar-v430 .zv4-livebar-label-v422{flex:0 0 196px!important}.zv4-livebar-v430 .zv4-liveitem-v422{flex:1 1 0!important;min-width:0!important}.zv4-livebar-v430 .zv4-live-total-v422{flex:0 0 170px!important} .zv4-server-head-v430 h3{font-size:18px!important;font-weight:700!important;color:#edf1f2!important;text-transform:uppercase!important;letter-spacing:.25px!important}.zv4-server-empty{grid-column:1/-1;padding:18px!important;border:1px dashed #334047!important;color:#9aa6ac!important;text-align:center!important;font-size:11px!important} .zv4-serverboard-page{width:var(--z-shell)!important;max-width:100%!important;margin:14px auto 20px!important;padding:12px!important;background:#071014!important;border:1px solid #2b363c!important;border-radius:6px!important;box-sizing:border-box!important}.zv4-serverboard-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:0 0 12px!important;padding:0 2px 10px!important;border-bottom:1px solid #273239!important}.zv4-serverboard-head h1{margin:0!important;color:#f1f3f4!important;font-size:20px!important;text-transform:uppercase!important}.zv4-serverboard-head p{margin:0!important;color:#87939a!important;font-size:10px!important}.zv4-server-grid-all{grid-template-columns:repeat(4,minmax(0,1fr))!important} @media(max-width:1119px){.zv4-event-v430 .zv4-event-meta{display:none!important}.zv4-event-v430 .zv4-event-title{font-size:17px!important}.zv4-livebar-v430 .zv4-liveitem-v422{flex:0 0 165px!important}.zv4-server-grid-all{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:720px){.zv4-event-v430 .zv4-event-title{font-size:14px!important}.zv4-event-v430 .zv4-event-xp{flex-basis:52px!important;height:42px!important;font-size:18px!important;margin-right:10px!important}.zv4-event-btn-v430{min-width:120px!important;padding:0 9px!important;font-size:9px!important}.zv4-event-arrow-v430{display:none!important}.zv4-server-grid-all{grid-template-columns:1fr!important}} /* ========================================================== ZAPALNIK V4.3.1 — DYNAMIC CONTENT / BAKED-ART VISUAL MATCH Treść nadal pochodzi z ACP, ale geometria i typografia wracają do wyglądu zatwierdzonego paska PNG z V4.2.x. ========================================================== */ .zv4-event-v431{ display:block!important;position:relative!important;width:100%!important; height:64px!important;min-height:64px!important;margin:0 0 10px!important;padding:0!important; overflow:hidden!important;border:0!important;border-radius:5px!important;box-shadow:0 7px 20px rgba(0,0,0,.55)!important; background:#070b0e url(/images/zapalnik_v4/event/event-dynamic-base-v431.png) center center/100% 100% no-repeat!important; font-family:"Arial Narrow","Roboto Condensed","Trebuchet MS",Arial,sans-serif!important; } .zv4-event-v431 .zv4-event-xp{ position:absolute!important;left:2.75%!important;top:0!important;width:5.45%!important;height:64px!important; display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important; border:0!important;clip-path:none!important;background:transparent!important;color:#ff9700!important; font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:25px!important;line-height:1!important; font-weight:800!important;letter-spacing:.15px!important;text-shadow:0 1px 2px #000!important; } .zv4-event-v431 .zv4-event-title{ position:absolute!important;left:10.35%!important;top:0!important;width:39.8%!important;height:64px!important; display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important; min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important; font-family:"Arial Narrow","Roboto Condensed","Trebuchet MS",Arial,sans-serif!important; font-size:20px!important;line-height:1!important;font-weight:700!important;letter-spacing:.15px!important;text-transform:uppercase!important; text-shadow:0 1px 2px rgba(0,0,0,.95)!important; } .zv4-event-v431 .zv4-event-title span{color:#d4d9dc!important;font-weight:700!important} .zv4-event-v431 .zv4-event-title b{color:#ff9500!important;font-size:21px!important;font-weight:800!important;letter-spacing:.12px!important} .zv4-event-v431 .zv4-event-meta{ position:absolute!important;left:54.2%!important;top:0!important;width:22.5%!important;height:64px!important; display:flex!important;flex-direction:column!important;justify-content:center!important;gap:1px!important; margin:0!important;padding:0 0 0 24px!important;border:0!important;box-sizing:border-box!important; color:#aeb6ba!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:10.5px!important;line-height:1.45!important;font-weight:600!important;letter-spacing:.05px!important;text-transform:uppercase!important; text-shadow:0 1px 1px #000!important; } .zv4-event-v431 .zv4-event-meta span{display:block!important;white-space:nowrap!important} .zv4-event-v431 .zv4-event-meta i{display:none!important} .zv4-event-v431 .zv4-event-btn-v430{ position:absolute!important;right:4.0%!important;top:13px!important;width:13.1%!important;min-width:0!important;height:38px!important;min-height:38px!important; display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 8px!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; color:#f0f0f0!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important; font-size:12px!important;line-height:1!important;font-weight:800!important;letter-spacing:.18px!important;text-transform:uppercase!important; text-shadow:0 1px 2px rgba(0,0,0,.9)!important;z-index:3!important; } .zv4-event-v431 .zv4-event-btn-v430:hover{filter:brightness(1.18)!important;color:#fff!important} .zv4-event-v431 .zv4-event-arrow-v430{ position:absolute!important;right:.65%!important;top:0!important;width:2.3%!important;height:64px!important;margin:0!important; display:block!important;font-size:0!important;line-height:0!important;color:transparent!important;background:transparent!important;z-index:3!important; } /* Livebar: ten sam układ co V4.2.x; HTML ma wyglądać jak wcześniejsza grafika. */ .zv4-livebar-v430{height:39px!important;min-height:39px!important;margin:0 0 10px!important;padding:0!important;background:linear-gradient(180deg,#081014 0%,#050a0d 100%)!important;border:1px solid #26343a!important;border-radius:5px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 4px 10px rgba(0,0,0,.30)!important} .zv4-livebar-v430 .zv4-livebar-label-v422{flex:0 0 200px!important;min-width:200px!important;padding:0 16px!important;gap:9px!important;color:#cbd2d5!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.1px!important} .zv4-livebar-v430 .zv4-livebar-label-v422 img{display:block!important;width:16px!important;height:16px!important;object-fit:contain!important;flex:0 0 16px!important} .zv4-livebar-v430 .zv4-liveitem-v422{min-width:0!important;padding:0 18px!important;justify-content:center!important;gap:8px!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important} .zv4-livebar-v430 .zv4-liveitem-v422 b{color:#d8dddf!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.05px!important} .zv4-livebar-v430 .zv4-liveitem-v422 span{color:#aeb8bc!important;font-size:10px!important} .zv4-livebar-v430 .zv4-live-total-v422{flex:0 0 170px!important;justify-content:center!important;color:#ff9700!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08px!important} /* Dynamiczny nagłówek i karty serwerów — wygląd V4.2.1, dane z ACP. */ .zv4-server-head-v430{height:49px!important;min-height:49px!important;margin:0 -11px 9px!important;padding:0 13px!important;width:calc(100% + 22px)!important;background:var(--zv4-server-head-v421)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;border:0!important;border-radius:5px 5px 0 0!important} .zv4-server-head-v430 h3{margin:0!important;color:#c6cdd0!important;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-size:17px!important;line-height:1!important;font-weight:700!important;letter-spacing:.42px!important;text-transform:uppercase!important;text-shadow:0 1px 2px rgba(0,0,0,.92)!important} .zv4-server-head-v430 .zv4-seeall-v421{height:31px!important;min-width:154px!important;font-size:10.5px!important} .zv4-server-player-icon{display:block!important;width:18px!important;height:18px!important;object-fit:contain!important;flex:0 0 18px!important} @media(max-width:1119px){ .zv4-event-v431 .zv4-event-title{left:10.5%!important;width:45%!important;font-size:18px!important}.zv4-event-v431 .zv4-event-title b{font-size:19px!important} .zv4-event-v431 .zv4-event-meta{display:none!important}.zv4-event-v431 .zv4-event-btn-v430{right:4.2%!important;width:16%!important} .zv4-livebar-v430 .zv4-liveitem-v422{padding:0 12px!important} } @media(max-width:720px){ .zv4-event-v431{height:58px!important;min-height:58px!important;background-size:auto 100%!important;background-position:center!important} .zv4-event-v431 .zv4-event-xp{height:58px!important;font-size:20px!important} .zv4-event-v431 .zv4-event-title{height:58px!important;left:10.8%!important;width:55%!important;font-size:14px!important;gap:5px!important}.zv4-event-v431 .zv4-event-title b{font-size:15px!important} .zv4-event-v431 .zv4-event-btn-v430{right:3.5%!important;top:12px!important;width:24%!important;height:34px!important;min-height:34px!important;font-size:9px!important} .zv4-event-v431 .zv4-event-arrow-v430{height:58px!important} } /* ===================================================================== ZAPALNIK V4.3.2 — ACP DYNAMIC / MOCKUP 1:1 VISUAL MATCH Tylko: Weekend/XP + TERAZ NA SERWERACH + NASZE SERWERY. Teksty i dane pozostają dynamiczne z ACP. Bez tekstu wypalonego w PNG. ===================================================================== */ /* EVENT — proporcje, typografia i kontrast jak w zaakceptowanym mockupie. */ .zv4-event-v431{ height:68px!important;min-height:68px!important;margin-bottom:10px!important; border-radius:7px!important; box-shadow:inset 0 1px 0 rgba(255,166,34,.08),0 7px 20px rgba(0,0,0,.58)!important; background-size:100% 100%!important; } .zv4-event-v431 .zv4-event-xp{ left:2.62%!important;width:5.7%!important;height:68px!important; font-size:27px!important;font-weight:800!important;letter-spacing:.05px!important; color:#ff9a00!important;text-shadow:0 1px 2px #000,0 0 7px rgba(255,139,0,.14)!important; } .zv4-event-v431 .zv4-event-title{ left:10.55%!important;top:0!important;width:39.5%!important;height:68px!important; gap:9px!important;font-size:22px!important;font-weight:700!important;letter-spacing:.08px!important; text-shadow:0 1px 2px rgba(0,0,0,.98)!important; } .zv4-event-v431 .zv4-event-title span{ color:#d4d7d9!important;font-size:22px!important;font-weight:700!important; } .zv4-event-v431 .zv4-event-title b{ color:#f49500!important;font-size:22px!important;font-weight:800!important;letter-spacing:.1px!important; } .zv4-event-v431 .zv4-event-meta{ left:54.15%!important;width:22.1%!important;height:68px!important;padding-left:25px!important; color:#aeb5b9!important;font-size:11px!important;line-height:1.48!important;font-weight:600!important; } .zv4-event-v431 .zv4-event-meta span:first-child{margin-bottom:1px!important} .zv4-event-v431 .zv4-event-btn-v430{ right:4.12%!important;top:14px!important;width:13.15%!important;height:40px!important;min-height:40px!important; font-size:12.5px!important;font-weight:800!important;letter-spacing:.1px!important; } .zv4-event-v431 .zv4-event-arrow-v430{right:.55%!important;height:68px!important} /* LIVEBAR — używamy czystej grafiki bazowej V4.2.2, ale cały tekst/dane są HTML. */ .zv4-livebar-v430{ height:42px!important;min-height:42px!important;margin-bottom:11px!important; background-color:#060b0e!important; background-image:url(/images/zapalnik_v4/servers/livebar-v422.png)!important; background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important; border:1px solid #27343a!important;border-radius:6px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 4px 12px rgba(0,0,0,.34)!important; } .zv4-livebar-v430 .zv4-livebar-label-v422{ flex:0 0 205px!important;min-width:205px!important;padding:0 15px!important;gap:10px!important; border-right:1px solid rgba(48,62,69,.72)!important; color:#c8ced1!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08px!important; } .zv4-livebar-v430 .zv4-livebar-label-v422 img{width:17px!important;height:17px!important;flex-basis:17px!important} .zv4-livebar-v430 .zv4-liveitem-v422{ position:relative!important;min-width:0!important;padding:0 18px!important;gap:9px!important; border-right:1px solid rgba(45,57,63,.62)!important; } .zv4-livebar-v430 .zv4-liveitem-v422 i{ width:9px!important;height:9px!important;flex:0 0 9px!important;border-radius:50%!important; background:#7dc900!important;box-shadow:0 0 8px rgba(113,210,0,.68)!important; } .zv4-livebar-v430 .zv4-liveitem-v422 b{font-size:11px!important;color:#d4dadd!important;font-weight:700!important} .zv4-livebar-v430 .zv4-liveitem-v422 span{font-size:10.5px!important;color:#adb6ba!important} .zv4-livebar-v430 .zv4-live-total-v422{ flex:0 0 172px!important;min-width:172px!important;color:#ff9700!important;font-size:11.5px!important;font-weight:800!important; } /* SERVER PANEL — dynamiczne dane, wizualnie wracamy do proporcji kart z mockupu. */ .zv4-server-wrap{ margin-bottom:14px!important;padding:0 10px 11px!important;border-radius:8px!important; border-color:#29373d!important;border-top-color:#36474d!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.024),inset 0 0 28px rgba(0,0,0,.31),0 7px 18px rgba(0,0,0,.32)!important; } .zv4-server-head-v430{ height:51px!important;min-height:51px!important;margin:0 -10px 10px!important;width:calc(100% + 20px)!important; padding:0 17px!important;border-radius:7px 7px 0 0!important; } .zv4-server-head-v430 h3{ color:#c9ced0!important;font-size:18.5px!important;font-weight:700!important;letter-spacing:.35px!important; } .zv4-server-head-v430 .zv4-seeall-v421{ height:33px!important;min-width:160px!important;padding:0 17px!important;font-size:11px!important; } .zv4-server-grid{gap:8px!important} .zv4-server{ height:114px!important;min-height:114px!important;padding:10px 9px 10px!important; border-radius:7px!important; } .zv4-server-num{top:10px!important;left:9px!important;padding:3px 6px!important;font-size:12px!important} .zv4-server-name{margin-left:39px!important;padding-top:1px!important;font-size:11.5px!important;line-height:18px!important} .zv4-server-map{margin:6px 0 11px 39px!important;font-size:10.5px!important;color:#a9b2b6!important} .zv4-server-bottom{height:29px!important;min-height:29px!important;gap:7px!important} .zv4-server-player-icon{width:20px!important;height:20px!important;flex:0 0 20px!important} .zv4-server-slots{font-size:12.5px!important;font-weight:700!important} .zv4-occ{gap:2px!important;margin-left:2px!important} .zv4-occ i{width:8px!important;height:5px!important} .zv4-server-status{min-width:47px!important;height:22px!important;padding:0 6px!important;font-size:9.5px!important} @media(max-width:1119px){ .zv4-event-v431 .zv4-event-title{font-size:19px!important}.zv4-event-v431 .zv4-event-title span,.zv4-event-v431 .zv4-event-title b{font-size:19px!important} .zv4-livebar-v430 .zv4-livebar-label-v422{flex-basis:190px!important;min-width:190px!important} .zv4-livebar-v430 .zv4-liveitem-v422{padding:0 12px!important} .zv4-server{height:110px!important;min-height:110px!important} } @media(max-width:720px){ .zv4-event-v431{height:58px!important;min-height:58px!important} .zv4-event-v431 .zv4-event-xp{height:58px!important;font-size:20px!important} .zv4-event-v431 .zv4-event-title{height:58px!important;font-size:14px!important}.zv4-event-v431 .zv4-event-title span,.zv4-event-v431 .zv4-event-title b{font-size:14px!important} .zv4-event-v431 .zv4-event-arrow-v430{height:58px!important} .zv4-livebar-v430{overflow-x:auto!important} } /* === ZAPALNIK V4.3.3 — STATIC CONTENT AUDIT / NO FAKE PNG CONTENT === */ /* NAV: icon PNG only; every label remains selectable HTML and every item is a real link. */ .zv4-nav a.zv4-nav-item{position:relative!important;height:82px!important;min-height:82px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:linear-gradient(180deg,#0d1317 0%,#080c0f 100%)!important;border-right:1px solid #273138!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;overflow:hidden!important} .zv4-nav a.zv4-nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%);opacity:.75;pointer-events:none} .zv4-nav a.zv4-nav-item:hover,.zv4-nav a.zv4-nav-item:focus-visible,.zv4-nav a.zv4-nav-item.is-active,.zv4-nav a.zv4-nav-item.active{background:linear-gradient(180deg,#12191e 0%,#090d10 100%)!important;color:#f69a00!important;box-shadow:inset 0 -2px 0 #d97e00,inset 0 0 26px rgba(242,139,0,.06)!important;border-color:#4a3518!important} .zv4-nav-icon{width:28px!important;height:28px!important;object-fit:contain!important;position:relative;z-index:2;transition:filter .15s ease,transform .15s ease!important} .zv4-nav-label{position:relative;z-index:2;color:#dce0e2;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap;letter-spacing:.05px;text-shadow:0 1px 1px #000} .zv4-nav a:hover .zv4-nav-label,.zv4-nav a:focus-visible .zv4-nav-label,.zv4-nav a.is-active .zv4-nav-label,.zv4-nav a.active .zv4-nav-label{color:#f69a00!important} .zv4-nav a:hover .zv4-nav-icon,.zv4-nav a:focus-visible .zv4-nav-icon,.zv4-nav a.is-active .zv4-nav-icon,.zv4-nav a.active .zv4-nav-icon{filter:sepia(1) saturate(6) hue-rotate(350deg) brightness(1.18)!important;transform:translateY(-1px)!important} .zv4-nav-button-img{display:none!important} /* BREADCRUMB: no breadcrumb-actions-full.png. Everything below is live MyBB/HTML. */ .zv4-index-toolbar{height:43px!important;min-height:43px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(180deg,#0c1317,#080d10)!important;border:1px solid #29343a!important;border-radius:6px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;overflow:hidden!important} .zv4-breadcrumb{display:flex!important;align-items:center!important;gap:9px!important;min-width:0;color:#8f999f!important;text-transform:uppercase!important;font-size:10px!important;font-weight:700!important} .zv4-breadcrumb-icon{width:22px!important;height:22px!important;object-fit:contain!important;filter:grayscale(1) brightness(1.65)!important;opacity:.9} .zv4-breadcrumb a,.zv4-breadcrumb strong{color:#aeb6ba!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}.zv4-breadcrumb a:hover{color:#f28b00!important}.zv4-breadcrumb-sep{color:#667077!important} .zv4-actions{display:flex!important;align-items:center!important;gap:28px!important;font-size:10px!important;white-space:nowrap!important}.zv4-actions a{display:inline-flex!important;align-items:center!important;color:#aeb5b9!important}.zv4-actions a:hover{color:#fff!important}.zv4-unread-dot{width:9px!important;height:9px!important;margin-right:8px!important;background:#f28b00!important;box-shadow:0 0 8px rgba(242,139,0,.75)!important}.zv4-checkmark{font-size:19px!important;line-height:1!important;margin-right:8px!important;color:#dfe4e6!important;font-weight:400!important} /* Dynamic widget bars: clean surface + separate icon + live text/counters. */ .zv4-widget-title.zv4-dynbar,.zv4-online-title.zv4-dynbar,.zv4-shout-head.zv4-dynbar{position:relative!important;padding:0 12px!important;background:linear-gradient(180deg,#0e1519,#090e11)!important;border-bottom:1px solid #29343a!important;display:flex!important;align-items:center!important;justify-content:space-between!important;overflow:hidden!important} .zv4-widget-title.zv4-dynbar,.zv4-online-title.zv4-dynbar{height:42px!important;min-height:42px!important}.zv4-shout-head.zv4-dynbar{height:44px!important;min-height:44px!important} .zv4-dynbar-label{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;position:relative;z-index:2}.zv4-dynbar-icon{width:27px!important;height:30px!important;object-fit:cover!important;object-position:left center!important;display:block!important}.zv4-dynbar-label strong{font-size:15px!important;line-height:1!important;color:#e7eaeb!important;font-weight:800!important;text-transform:uppercase!important;white-space:nowrap!important} .zv4-online-title.zv4-dynbar .zv4-online-counters{position:static!important;height:auto!important;display:flex!important;align-items:center!important;color:#c1c7ca!important;font-size:9px!important;line-height:1!important;z-index:2!important}.zv4-shout-head.zv4-dynbar .right{position:static!important;height:auto!important;display:flex!important;align-items:center!important;gap:14px!important;font-size:9px!important;line-height:1!important;z-index:2!important}.zv4-shout-head.zv4-dynbar .right a{color:#1598e8!important} /* Footer social icons remain graphic, but are four independent functional elements. */ .zv4-footer-social{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:220px!important}.zv4-social{display:block!important;width:48px!important;height:48px!important;border-radius:50%!important;opacity:.92!important;transition:transform .15s ease,filter .15s ease,opacity .15s ease!important}.zv4-social img{display:block!important;width:48px!important;height:48px!important;object-fit:contain!important}.zv4-social:not(.is-disabled):hover{transform:translateY(-2px)!important;filter:brightness(1.18)!important;opacity:1!important}.zv4-social.is-disabled{opacity:.45!important;cursor:default!important;filter:grayscale(.65)!important} /* Ensure legacy artbar hotspots can never cover real controls after upgrade. */ .zv4-index-toolbar>.zv4-artbar-img,.zv4-widget-title>.zv4-artbar-img,.zv4-online-title>.zv4-artbar-img,.zv4-shout-head>.zv4-artbar-img,.zv4-art-hotspot{display:none!important;pointer-events:none!important} @media(max-width:900px){.zv4-nav a.zv4-nav-item{min-width:74px!important;flex-basis:82px!important}.zv4-nav-label{font-size:9px!important}.zv4-actions{gap:12px!important}.zv4-footer-social{justify-content:flex-start!important}.zv4-social,.zv4-social img{width:44px!important;height:44px!important}} @media(max-width:650px){.zv4-index-toolbar{height:auto!important;min-height:43px!important;padding:8px 10px!important;align-items:flex-start!important;gap:7px!important;flex-direction:column!important}.zv4-actions{width:100%!important;justify-content:space-between!important;font-size:9px!important}.zv4-dynbar-label strong{font-size:13px!important}.zv4-online-title.zv4-dynbar .zv4-online-counters{font-size:8px!important}} /* === ZAPALNIK V4.3.4 — DYNAMIC NAV ICONS / WIDTH REGRESSION FIX === V4.3.3 removed the legacy full-button PNGs correctly, but old !important rules still collapsed dynamic nav items and hid .zv4-nav-icon. This block explicitly restores the live HTML label + separate icon layout. */ .zv4-nav a.zv4-nav-item{ flex:0 0 92px!important; width:92px!important; min-width:92px!important; height:82px!important; min-height:82px!important; padding:0 6px!important; margin:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:7px!important; font-size:10px!important; line-height:1!important; color:#dce0e2!important; text-align:center!important; overflow:visible!important; } .zv4-nav a.zv4-nav-item[data-nav-key="home"]{flex-basis:104px!important;width:104px!important;min-width:104px!important} .zv4-nav a.zv4-nav-item[data-nav-key="vip"]{flex-basis:110px!important;width:110px!important;min-width:110px!important} .zv4-nav a.zv4-nav-item[data-nav-key="users"]{flex-basis:104px!important;width:104px!important;min-width:104px!important} .zv4-nav-icon{ display:block!important; visibility:visible!important; opacity:1!important; width:29px!important; height:29px!important; flex:0 0 29px!important; object-fit:contain!important; } .zv4-nav-label{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; color:#dce0e2!important; font-size:10px!important; font-weight:800!important; line-height:1.05!important; white-space:nowrap!important; text-align:center!important; } .zv4-nav a.zv4-nav-item:hover .zv4-nav-label, .zv4-nav a.zv4-nav-item:focus-visible .zv4-nav-label, .zv4-nav a.zv4-nav-item.is-active .zv4-nav-label, .zv4-nav a.zv4-nav-item.active .zv4-nav-label{color:#f69a00!important} .zv4-nav a.zv4-nav-item:hover .zv4-nav-icon, .zv4-nav a.zv4-nav-item:focus-visible .zv4-nav-icon, .zv4-nav a.zv4-nav-item.is-active .zv4-nav-icon, .zv4-nav a.zv4-nav-item.active .zv4-nav-icon{filter:sepia(1) saturate(5) hue-rotate(350deg) brightness(1.15)!important} .zv4-nav-button-img{display:none!important} @media(min-width:1120px) and (max-width:1300px){ .zv4-nav a.zv4-nav-item{flex-basis:82px!important;width:82px!important;min-width:82px!important;height:76px!important;min-height:76px!important;padding:0 4px!important} .zv4-nav a.zv4-nav-item[data-nav-key="home"]{flex-basis:94px!important;width:94px!important;min-width:94px!important} .zv4-nav a.zv4-nav-item[data-nav-key="vip"]{flex-basis:98px!important;width:98px!important;min-width:98px!important} .zv4-nav a.zv4-nav-item[data-nav-key="users"]{flex-basis:92px!important;width:92px!important;min-width:92px!important} .zv4-nav-icon{width:27px!important;height:27px!important;flex-basis:27px!important} .zv4-nav-label{font-size:9px!important} } @media(max-width:1119px){ .zv4-nav a.zv4-nav-item{flex:0 0 78px!important;width:78px!important;min-width:78px!important;height:70px!important;min-height:70px!important} .zv4-nav a.zv4-nav-item[data-nav-key="home"],.zv4-nav a.zv4-nav-item[data-nav-key="vip"],.zv4-nav a.zv4-nav-item[data-nav-key="users"]{flex-basis:88px!important;width:88px!important;min-width:88px!important} .zv4-nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important} .zv4-nav-label{font-size:8.5px!important} } /* V4.3.5 — REAL CATEGORY NAME FROM MYBB ACP */ .zv4-category-title-dynamic{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe4e7!important;font-weight:800!important;letter-spacing:.25px!important;text-transform:uppercase!important} /* ========================================================================== */ /* ZAPALNIK V4.4.0 — INTERNAL FORUM CORE / FULL MYBB PAGES */ /* Cel: doprowadzenie wewnetrznych ekranow MyBB do tej samej jakosci co index. */ /* Bez fake-PNG: wszystkie tytuly, liczniki, formularze i akcje pozostaja HTML. */ /* ========================================================================== */ /* --- wspolna powierzchnia stron wewnetrznych --- */ #content>.zv4-shell{padding-top:12px!important;padding-bottom:18px!important} #content .navigation{ min-height:42px!important;display:flex!important;align-items:center!important;gap:7px!important; background:linear-gradient(180deg,rgba(13,20,24,.98),rgba(6,10,12,.98))!important; border:1px solid #27343a!important;border-bottom-color:#4c2d0d!important;border-radius:6px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 1px 0 #000!important; padding:9px 13px!important;margin:0 0 12px!important;color:#87949a!important;font-size:12px!important; } #content .navigation:before{content:"⌂";display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #38454b;border-radius:4px;color:#d9e0e3;font-size:16px;line-height:1;background:#0b1114;flex:0 0 24px} #content .navigation a{color:#9ea8ad!important;font-weight:700!important} #content .navigation a:hover,#content .navigation .active{color:#f28b00!important} /* --- standardowe kontenery MyBB --- */ #content .tborder{ width:100%!important;background:#070c0f!important;border:1px solid #27343a!important; border-bottom-color:#4b2d0d!important;border-radius:6px!important;overflow:hidden!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 1px 0 rgba(0,0,0,.8)!important; margin:0 0 14px!important;padding:0!important; } #content .thead{ min-height:38px!important;background:linear-gradient(180deg,#10171b 0%,#0a0f12 100%)!important; border:0!important;border-bottom:1px solid #50300e!important;color:#f0f2f3!important; padding:10px 13px!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important; letter-spacing:.25px!important;text-shadow:0 1px 0 #000!important; } #content .thead a{color:#f0f2f3!important} #content .thead a:hover{color:#f28b00!important} #content .tcat{ background:linear-gradient(180deg,#0c1316,#080d10)!important;border:0!important; border-bottom:1px solid #202b30!important;color:#aab4b9!important;padding:8px 11px!important; font-size:11px!important;font-weight:800!important;letter-spacing:.4px!important;text-transform:uppercase!important; } #content .trow1,#content .trow2{ background:#080d10!important;color:#dce1e3!important;border-color:#1d282d!important; padding:10px 12px!important; } #content .trow2{background:#0a1013!important} #content tr:hover>.trow1,#content tr:hover>.trow2{background:#0b1216!important} #content .tfoot{ background:#080d10!important;border-top:1px solid #253036!important;color:#919da3!important; padding:9px 12px!important; } #content hr{border:0!important;border-top:1px solid #202b30!important} /* --- typografia i linki wewnatrz tresci --- */ #content .largetext{color:#fff!important;font-weight:800!important} #content .smalltext{color:#849198!important} #content strong{font-weight:800} #content a:link,#content a:visited{color:#dce2e5} #content a:hover,#content a:active{color:#f28b00} /* --- przyciski / akcje --- */ #content input.button,#content button,#content .button, #content a.button,#content .postbit_buttons a span{ display:inline-flex!important;align-items:center!important;justify-content:center!important; min-height:30px!important;background:linear-gradient(180deg,#db5b08 0%,#a43803 100%)!important; color:#fff!important;border:1px solid #8f4807!important;border-radius:4px!important; box-shadow:inset 0 1px 0 rgba(255,188,92,.25),0 1px 2px #000!important; padding:6px 12px!important;font-weight:800!important;font-size:11px!important;text-transform:none!important; text-shadow:0 1px 0 #6f2500!important;transition:border-color .15s,filter .15s,transform .15s!important; } #content input.button:hover,#content button:hover,#content .button:hover,#content a.button:hover, #content .postbit_buttons a:hover span{filter:brightness(1.14)!important;border-color:#f08a18!important;color:#fff!important} #content .postbit_buttons a span{background:linear-gradient(180deg,#131b1f,#0a0f12)!important;border-color:#354148!important;text-shadow:none!important} #content .postbit_buttons a:hover span{background:linear-gradient(180deg,#1c1d19,#11100c)!important;color:#ff9a18!important} /* --- formularze / edytor / selecty --- */ #content input.textbox,#content input[type="text"],#content input[type="password"],#content input[type="email"], #content textarea,#content select{ background:#05090b!important;color:#e8edef!important;border:1px solid #303c42!important; border-radius:4px!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.75)!important; outline:none!important;padding:7px 9px!important; } #content input.textbox:focus,#content input[type="text"]:focus,#content input[type="password"]:focus, #content textarea:focus,#content select:focus{border-color:#9a5a12!important;box-shadow:0 0 0 2px rgba(242,139,0,.08),inset 0 1px 3px #000!important} #content textarea{min-height:110px;resize:vertical} #content .editor_control_bar,#content .toolbar,#content .editor_toolbar{ background:#0b1114!important;border-color:#2c373d!important;color:#d7dcdf!important } #content .editor_control_bar iframe,#content iframe{background:#080c0f!important} #content label{color:#c7ced2!important} /* --- komunikaty --- */ #content .error,#content .error_message{background:#21100d!important;border:1px solid #7d2d1d!important;color:#ffb6a3!important;border-radius:4px!important} #content .success_message{background:#0f2110!important;border:1px solid #346f27!important;color:#bfe9a7!important;border-radius:4px!important} #content .pm_alert,#content .red_alert{background:#21150b!important;border:1px solid #7a4a10!important;color:#ffd08a!important} /* ========================================================================== */ /* SHOWTHREAD / POSTBIT */ /* ========================================================================== */ #content .post{ position:relative!important;background:#080d10!important;border:1px solid #28343a!important; border-bottom-color:#55310d!important;border-radius:6px!important;overflow:hidden!important; box-shadow:0 2px 8px rgba(0,0,0,.28)!important;margin:0 0 14px!important;color:#dfe4e6!important; } #content .post .post_head{ min-height:37px!important;background:linear-gradient(180deg,#0e1519,#090e11)!important; border-bottom:1px solid #28343a!important;padding:9px 12px!important;color:#8f9aa0!important; } #content .post .post_head a{color:#d9dfe2!important} #content .post .post_head .post_date{color:#7e8b91!important} #content .post .post_author{ min-height:92px!important;background:linear-gradient(90deg,#0b1114 0%,#090e11 75%,#080d10 100%)!important; border-bottom:1px solid #202b30!important;padding:11px 13px!important;display:grid!important; grid-template-columns:64px minmax(150px,1fr) auto!important;grid-template-areas:"avatar info stats"!important; gap:12px!important;align-items:center!important; } #content .post .author_avatar{grid-area:avatar!important;margin:0!important;text-align:center!important} #content .post .author_avatar img{ width:54px!important;height:54px!important;object-fit:cover!important;border-radius:50%!important; border:2px solid #8b510d!important;box-shadow:0 0 0 2px #10171a,0 0 15px rgba(242,139,0,.08)!important; background:#050809!important;padding:1px!important; } #content .post .author_information{grid-area:info!important;line-height:1.42!important} #content .post .author_information .largetext,#content .post .author_information strong{font-size:16px!important;color:#fff!important} #content .post .author_statistics{grid-area:stats!important;text-align:right!important;color:#7f8d93!important;font-size:11px!important;line-height:1.55!important;min-width:140px!important} #content .post .post_content{background:#080d10!important;padding:14px 14px 16px!important;min-height:105px!important} #content .post .post_body{color:#e3e7e9!important;font-size:13px!important;line-height:1.62!important;padding:3px 0 8px!important;overflow-wrap:anywhere!important} #content .post .signature{border-top:1px dashed #2a3439!important;color:#7e8b91!important;margin-top:18px!important;padding-top:10px!important} #content .post .post_meta{border-top:1px solid #182126!important;color:#647279!important;padding-top:8px!important;margin-top:9px!important} #content .post .post_controls{ min-height:42px!important;background:#070b0d!important;border-top:1px solid #253036!important; padding:6px 9px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important; } #content .post .post_controls .postbit_buttons{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important} #content .post .post_controls .postbit_buttons a{margin:0!important} #content .post .post_controls .postbit_buttons a span{min-height:27px!important;padding:4px 9px!important} #content .post_body img{max-width:100%!important;height:auto!important} #content blockquote,#content .codeblock{ background:#05090b!important;border:1px solid #27333a!important;border-left:3px solid #b6670a!important; border-radius:4px!important;color:#d6dde0!important;margin:10px 0!important;padding:10px 12px!important; } #content blockquote cite,#content .codeblock .title{color:#f28b00!important;font-weight:800!important} #content .codeblock code{color:#c9d2d6!important} /* klasyczny postbit w formie tabeli — jesli wlaczony w ACP */ #content table.tborder[id^="post_"] td.trow1:first-child, #content table.tborder[id^="post_"] td.trow2:first-child{background:#0a1013!important;border-right:1px solid #263137!important} /* temat / pasek nad postami */ #content .thread_tools,#content .thread_tools a{color:#8f9da3!important} #content .thread_tools a:hover{color:#f28b00!important} #content .float_right .pagination{margin:0!important} #content .pagination{display:flex!important;gap:3px!important;align-items:center!important;flex-wrap:wrap!important} #content .pagination a,#content .pagination .pagination_current{ min-width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; background:#0a1013!important;border:1px solid #313d43!important;border-radius:4px!important;color:#d8dee1!important;padding:0 8px!important; } #content .pagination .pagination_current,#content .pagination a:hover{background:#17130d!important;border-color:#9b5b0f!important;color:#ff9812!important} /* szybka odpowiedz */ #content #quick_reply_form .tborder,#content form[name="input"] .tborder{margin-top:16px!important} #content #quick_reply_form textarea,#content textarea#message{width:100%!important;min-height:150px!important;background:#05090b!important} #content #quick_reply_form .thead:before{content:"✎";color:#f28b00;margin-right:8px} /* akcje moderatora / skok do forum */ #content .moderation,#content .thread_jump{background:transparent!important;color:#8c989e!important} #content select[name="action"],#content select[name="fid"]{min-height:30px!important} /* ========================================================================== */ /* FORUMDISPLAY / LISTY WATKOW */ /* ========================================================================== */ #content .forumdisplay_regular,#content .forumdisplay_sticky{border-radius:6px!important;overflow:hidden!important} #content .thread_status{opacity:.9!important} #content .subject_new,#content .subject_old{font-weight:800!important;color:#e3e8ea!important} #content .subject_new:hover,#content .subject_old:hover{color:#f28b00!important} #content .author{color:#869399!important} #content .thread_legend,#content .forum_legend{background:#070b0d!important;border:1px solid #273137!important;border-radius:5px!important;padding:10px!important} #content .inline_row{background:#14100a!important} /* ========================================================================== */ /* NOWY WATEK / ODPOWIEDZ / EDYCJA / ANKIETA */ /* ========================================================================== */ #content form[action*="newthread.php"] .tborder, #content form[action*="newreply.php"] .tborder, #content form[action*="editpost.php"] .tborder, #content form[action*="polls.php"] .tborder{max-width:100%!important} #content .posticons_label,#content .smilie_pointer{color:#8e9aa0!important} #content .smilie{background:#0b1013!important;border-color:#29343a!important;border-radius:4px!important} #content .attachtypes{background:#071014!important;border-color:#26343a!important} #content .attached_file{background:#0a1013!important;border:1px solid #28343a!important;border-radius:4px!important;padding:8px!important} /* ========================================================================== */ /* USERCP / MODCP / PM */ /* ========================================================================== */ #content .usercp_nav,#content .modcp_nav{ background:#080d10!important;border:1px solid #28343a!important;border-bottom-color:#52300d!important; border-radius:6px!important;overflow:hidden!important;padding:0!important; } #content .usercp_nav_item,#content .modcp_nav_item,#content .usercp_nav a,#content .modcp_nav a{ display:block!important;background:#090f12!important;border-bottom:1px solid #1c272c!important;color:#aeb8bd!important; padding:8px 10px!important;font-weight:700!important; } #content .usercp_nav_item:hover,#content .modcp_nav_item:hover,#content .usercp_nav a:hover,#content .modcp_nav a:hover{ background:#11120e!important;color:#f28b00!important;padding-left:13px!important; } #content .usercp_nav .thead,#content .modcp_nav .thead{border-radius:0!important} #content .pm_status{background:#0a1013!important;border:1px solid #27343a!important;border-radius:4px!important} #content .pm_status .pm_status_percent{background:#7dc400!important} /* ========================================================================== */ /* PROFILE / MEMBERLIST / REPUTACJA */ /* ========================================================================== */ #content .profile_fields,#content .profile_field{color:#aeb8bd!important} #content .profile_fields .field_name{color:#7e8c92!important;font-weight:800!important} #content .profile_fields .field_value{color:#e0e5e7!important} #content .memberlist_avatar img,#content .profile_avatar img{ border-radius:50%!important;border:2px solid #75460e!important;background:#050809!important;object-fit:cover!important; } #content .reputation_positive{color:#7dc400!important}.reputation_negative{color:#ef4935!important}.reputation_neutral{color:#a4afb4!important} #content .reputation_vote{background:#080d10!important;border:1px solid #27343a!important;border-radius:5px!important} /* ========================================================================== */ /* SEARCH / HELP / CALENDAR / MISC */ /* ========================================================================== */ #content .search_results .trow1,#content .search_results .trow2{vertical-align:middle!important} #content .help_section,#content .helpdoc{background:#080d10!important;border-color:#28343a!important} #content .calendar_weekrow td,#content .calendar_main td{border-color:#202b30!important;background:#080d10!important} #content .calendar_main .today{background:#18130d!important;border-color:#8b510d!important} /* popupy / dropdowny */ .popup_menu,.popup_menu_content,.modal{ background:#080d10!important;border:1px solid #344048!important;color:#dce2e5!important; border-radius:5px!important;box-shadow:0 8px 30px rgba(0,0,0,.7)!important; } .popup_menu .popup_item{color:#cbd2d5!important;border-bottom:1px solid #1c272c!important} .popup_menu .popup_item:hover{background:#15140f!important;color:#ff9913!important} /* --- tabelki statystyk / detali: bardziej czytelne proporcje --- */ #content table{border-collapse:separate;border-spacing:0} #content td[width="20%"],#content td[width="25%"]{color:#99a5aa} /* --- checkbox/radio zachowuja natywna funkcje, tylko akcent --- */ #content input[type="checkbox"],#content input[type="radio"]{accent-color:#e17b05!important} /* ========================================================================== */ /* RESPONSIVE */ /* ========================================================================== */ @media(max-width:900px){ #content .post .post_author{grid-template-columns:52px 1fr!important;grid-template-areas:"avatar info" "stats stats"!important} #content .post .author_avatar img{width:46px!important;height:46px!important} #content .post .author_statistics{text-align:left!important;min-width:0!important;border-top:1px solid #1e292e!important;padding-top:7px!important} #content .post .post_controls{justify-content:flex-start!important} #content .post .post_controls .postbit_buttons{justify-content:flex-start!important} } @media(max-width:640px){ #content>.zv4-shell{padding-top:8px!important} #content .navigation{font-size:10px!important;padding:7px 8px!important;overflow-x:auto!important;white-space:nowrap!important} #content .trow1,#content .trow2{padding:8px!important} #content .post .post_author{grid-template-columns:44px 1fr!important;gap:8px!important;padding:9px!important} #content .post .author_avatar img{width:40px!important;height:40px!important} #content .post .post_content{padding:11px!important} #content .post .post_body{font-size:12px!important} }