/*================================== ~> Name Template : Yalla Shoot Pro Premium ~> Version : V 5.0 STABLE ~> Last Updated : 20 - 05 - 2025 : -> 02:00 AM +2 GMT ~> Developer By : STING WEB - Facebook Page : -> https://www.facebook.com/stingweb.eg ~> Desgin URL : sting-web.com =========== [ STING WEB ] ==========*/ /* ~> VIRTUAL */ @font-face { font-family: "NeoSansArabic"; font-style: normal; font-weight: 400; font-display: swap; src: local("NeoSansArabic"), url("../font/NeoSansArabic.woff2") format("woff2"); } * { margin: 0; text-decoration: none; list-style: none; list-style-type: none; font-family: var(--ysp-font-family, Changa, "Segoe UI", sans-serif);padding: 0; font-weight: 500; } a { color:#000000; } body { background: #eceef2; color: #000; font-size: 16px; line-height: 25px; }.STING-web-Max-Size { max-width: 1000px; width:95%; margin: 12px auto; padding: 0 12px; } /* ~> SVG ICON */ .STING-web-Icon-x { background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23fff' viewBox='0 0 50 50'%3E%3Cpath d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z'%3E%3C/path%3E%3C/svg%3E"); background-color: #000; } .STING-web-Icon-facebook { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; background-color: #1877f2; } .STING-web-Icon-youtube { background: url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' cclass=''%3E%3C/path%3E%3C/svg%3E") center no-repeat; background-color: #cd201f; } .STING-web-Icon-telegram { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'%3E%3C/path%3E%3C/svg%3E") center no-repeat; background-color: #389ce9; } .STING-web-Open-Menu-SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 30px !important; height: 30px !important; } .STING-web-Open-Dark-SVG { background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241.072 241.072' %3E%3Cpath fill='%23ffffff' d='M202.167,156.857c-44.236,0-80.085-35.842-80.085-80.078c0-29.923,16.43-55.951,40.733-69.707 C150.088,2.498,136.373,0,122.082,0C55.506,0,1.535,53.971,1.535,120.528c0,66.584,53.971,120.544,120.547,120.544 c57.269,0,105.18-39.937,117.454-93.485C228.374,153.484,215.665,156.857,202.167,156.857L202.167,156.857z' class=''%3E%3C/path%3E%3C/svg%3E"); width: 22px !important; height: 22px !important; } /* ~> HEADER */ header { position: relative; overflow: hidden; width: 100%; margin: 0 auto; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .STING-web-Header { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; border-radius: 8px; padding: 8px 12px; } .STING-web-Header-Right { display: flex; align-items: center; gap: 20px; } .STING-web-Header-Logo { width: initial; padding: 5px 15px; background: var(--ysp-primary); border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 33px; height: 70px; } .STING-web-Header-Logo > a { display: flex; flex-direction: column; justify-content: center; color: #fff; } .STING-web-Header-Logo > a > .STING-WEB-SiteName { font-size: 27px; font-weight: 500; } .STING-web-Header-Logo > a > .STING-WEB-SiteUrl { font-size: 16px; } .STING-web-Menu { display: flex; } .STING-web-Menu > li { float: right; position: relative; } .STING-web-Menu > li > a { color: #222; padding: 0 8px; height: 80px; display: flex; justify-content: center; align-items: center; border-bottom: 2px solid transparent; font-size: 16px; } .STING-web-Menu > li > a:hover { color: var(--ysp-primary); border-bottom: 2px solid var(--ysp-primary); } .STING-web-Social-Media { display: flex; align-items: center; gap: 8px; } .STING-WEB-Screen-Reader { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; } .STING-web-Social-Media.i { display: flex; gap: 5px; margin-top: 10px; } .STING-web-Social-Media.i > li { display: inline-block; } .STING-web-Social-Media.i > li > a > span[class*=Icon] { width: 35px; height: 35px; border-radius: 8px; color: #fff; display: inline-block; background-size: 100% 62%; } .STING-web-Header-Left { display: flex; gap: 8px; margin-top: 3px; } .STING-web-ICO { width: 20px; height: 20px; border-radius: 50px; display: block; } .STING-web-Open-Menu, .STING-web-Open-Dark { height: 35px; width: 35px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #273340; } .STING-web-Close-Menu, .STING-web-Open-Menu { display: none; } .STING-web-Ads:before { content: "مادة إعلانية"; display: block; font-size: 12px; padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: max-content; font-weight: 600; margin: 8px 12px; } .STING-WEB-Message-Box > p { color: #2c7635; background-color: #dff0d4; border: #d6e9c4 solid 1px; padding: 4px 15px; border-radius: 8px; margin: 0 auto 10px; font-size: 14px; width: 100%; } @media screen and (max-width: 1000px) { .STING-web-Header { padding: 0px 12px; } .STING-web-Header-Logo { margin: 8px auto; display: table; float: none; width: initial; padding: 2px 10px; } .STING-web-Header-Menu { right: -300px; } .STING-web-Header-Menu { float: none; z-index: 99; height: 100%; width: 245px; position: fixed; top: 0; margin: auto; background: #fff; transition: all .3s ease 0s; padding: 15px; overflow-x: hidden; box-shadow: 0 1px 6px rgba(32,33,36,.4); padding-top: 70px; } .STING-web-Menu { display: grid; margin-top: 8%; } .STING-web-Menu > li { margin-bottom: 15px; } .STING-web-Menu > li > a, .STING-web-Close-Menu { background: #273340; color: #fff; display: flex; justify-content: space-between; padding: 5px 10px; border-radius: 8px; height: max-content; } .STING-web-Header-Center { display: none; position: absolute; top: 0; right: 0; z-index: 99; transition: all .7s ease 0s; width: 250px; justify-content: center; } .STING-web-Open-Menu, .STING-web-Open-Dark { padding: 2px; display: flex !important; }} /* ~> MATCHES */ .STING-web-Container-Matches { margin: 20px auto; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); border-radius: 8px; padding: 0; position: relative; } .STING-web-Container-Matches-Top { padding: 12px; overflow: hidden; border-radius: 8px 8px 0 0; background: #eceef2; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .STING-web-Time { position: absolute; left: 8px; top: -26px; z-index: 9; font-size: 11px; padding: 0 12px 0 12px; border-radius: 8px 8px 0 0; box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); display:none; } .STING-web-Title-Box, .STING-web-Matches-Toggle > li > a { margin: 0; line-height: 25px; font-size: 15px; background: var(--ysp-primary); color: #fff; padding: 4px 10px; display: block; border-radius: 8px; } .STING-web-Title-Box { float: right; display: flex; align-items: center; } .STING-web-Matches-Toggle > .Today-Matches > a, .STING-web-Title-Box { background: var(--ysp-primary) !important; } .STING-web-Matches-Toggle { float: left; display: flex; align-items: center; gap: 5px; } .STING-web-Matches-Toggle > .Yesterday-Matches > a { background: #104783; } .STING-web-Matches-Toggle > .Tomorrow-Matches > a { background: #caa107; } .STING-web-Matches { display: flex !important; flex-direction: column !important; padding: 8px; box-sizing: border-box; gap: 8px; } .STING-web-Match { overflow: hidden; text-align: center; background: #eceef2; position: relative; border-radius: 8px; } .STING-web-Match a { color: #222; } .STING-web-Match-Info { font-size: 12px; text-align: center; line-height: 1.4; margin-top: 10px; max-width: 130px; align-items: center; justify-self: center; } .STING-web-Left-Team, .STING-web-Match-Center, .STING-web-Right-Team { width: 33.33333333%; float: right; } .STING-web-Team-Logo { float: right; width: 50%; }@keyframes blinker { 50% { opacity: 0; } } .STING-web-Team-Logo img { margin: 12px auto !important; display: flex !important; border-radius: 4px; object-fit: contain; width: 50px; height: 50px; } .STING-web-Team-NAME { margin: 0 auto; display: table; font-size: 15px; } .STING-web-Match-Timing { margin: 10px auto; }.STING-web-Match-Time { margin-bottom: 5px; }.STING-web-Match-Result { font-size: 21px; letter-spacing: 5px; margin-right: -5px; } .STING-web-Match-Timing .STING-web-Data, .STING-web-Match-Timing .live:before { color: #fff; background: #273340; border-radius: 8px; font-size: 14px; padding: 0 10px; line-height: 1.9; display: table; margin: auto; margin-top: 6px; position: relative; } /* .STING-web-Match-Info:before { content: "🏆"; margin-left: 7px; } */ .STING-web-Overlay { position: absolute; height: 100%; width: 100%; opacity: 0; cursor: pointer; background: rgb(0 0 0 / 60%); z-index: 9; } .STING-web-Overlay, .STING-web-SVG-Play { bottom: 0; right: 0; left: 0; top: 0; } .STING-web-SVG-Play { position: absolute; height: 45px; margin: auto; width: 45px; background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80 c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176 c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57 S349.156,266.641,344.48,269.57z' class=''%3E%3C/path%3E%3C/svg%3E"); } .STING-web-Left-Team { direction: ltr; display: flex; } .STING-web-Match.LIVE .STING-web-Match-Time, .STING-web-Match.NOT .STING-web-Match-Result { display: none !important; } .STING-web-Match:hover .STING-web-Overlay { opacity: 1; } .STING-web-Right-Team,.STING-web-Left-Team { display: grid; align-items: center; justify-items: center; } .STING-web-Match.SOON { order: 1; } .STING-web-Match.LIVE { order: 2; } .STING-web-Match.NOT { order: 3; } .STING-web-Match.END { order: 4; } .STING-web-Match-Timing .LIVE::before { content: "جارية الآن"; } .STING-web-Match-Timing .LIVE::before { position: absolute; animation: .5s ease-in-out infinite blinker; background: #d00000; left: 0; right: 0; border-radius: 8px; } .STING-web-Match-Timing .SOON { background: #0f6f37; } .STING-web-Match-Timing .END { background: #222; } .STING-web-Match.PAUSED { order: 2; } .STING-web-Match-Timing .PAUSED { background: #b26a00; } .STING-web-Match.LIVE.YSP-SPECIAL .STING-web-Match-Time { display: table !important; margin: 0 auto 5px; } .STING-web-Match.LIVE.YSP-SPECIAL .STING-web-Data { display: none !important; } .STING-web-Match.YSP-NO-SCORE .STING-web-Match-Result { display: none !important; } .STING-web-Match img { opacity: 0; transition: opacity 400ms ease; } .STING-web-Match img.show { opacity: 1; } .STING-web-Matching-None { min-height: 200px; display: flex; align-items: center; justify-content: center; color: #666; border-radius: 8px; background: #eceef2; } @media screen and (max-width: 500px){ .STING-web-Title-Box { font-size: 16px; padding: 5px 0 !important; } .STING-web-Team-Logo { width: 100%; } .STING-web-Team-Logo img { margin: 7px auto; margin-bottom: 0; width: 45px; height: 45px; } .STING-web-Team-NAME { margin: 7px auto; margin-top: 0; } .STING-web-Left-Team { display: table; } .STING-web-Match-Info { margin-top: 6px; }} @media screen and (max-width: 500px) { .STING-web-Title-Box { display: block; width: 100%; text-align: center; margin-bottom: 6px; } .STING-web-Title-Box, .STING-web-Matches-Toggle > li > a { margin: 0; line-height: 25px; padding: 4px 0; } .STING-web-Matches-Toggle { float: right; width: 100%; } .STING-web-Matches-Toggle > li { margin: 0; flex: 1; } .STING-web-Matches-Toggle > li > a { text-align: center; }} /* ~> MAIN */ .STING-web-Main { border-radius: 8px; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); padding: 0; display: grid; margin-bottom: 20px; } .STING-web-Main-Top { background: #eceef2; border-radius: 8px 8px 0 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .STING-web-Main .STING-web-WebSite-Title { font-size: 15px; background: #273340; color: #fff; padding: 4px 10px; display: inline-block; border-radius: 6px; margin: 12px; } .STING-web-Main-Bottom-Posts { padding: 12px 12px 0; padding-bottom: 0; overflow: hidden; } .STING-web-Main-All-Post { position: relative; display: grid; grid-gap: 12px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); padding-bottom: 12px; } .STING-web-Main-Post { float: right; width: 24%; background: #eceef2; margin: 5px 2px 15px 2px; overflow: hidden; position: relative; border-radius: 8px; } .STING-web-Main-Posted a { background: #eceef2; overflow: hidden; position: relative; height: 100%; display: flex; align-items: center; color: #222; border-radius: 8px; } .STING-web-Main-Posted-IMG { height: 90px; min-width: 125px; width: 125px; display: block; position: relative; overflow: hidden; background-position: center; background-size: cover; } .STING-web-Main-Posted-IMG img { object-fit: cover; height: 100%; width: 100%; display: grid; opacity: 0; transition: opacity 400ms ease; border-radius: 0 8px 8px 0; } .STING-web-Main-Posted-IMG img.show { opacity: 1; } .STING-web-Main-Posted-TiTle { padding: 10px; } .STING-web-Main-Posted-TiTle h2 { margin: 0; line-height: 2; font-size: 15px; height: 60px; overflow: hidden; font-weight: 500; } .STING-web-Not-Posts { text-align: center; display: flex; width: 100%; align-items: center; justify-content: center; padding: 50px 0; color: #222222c2; margin: 20px auto; border-radius: 8px; } .STING-web-Main-Bottom-Posts #loadMore { position: relative; text-align: center; display: flex; cursor: pointer; clear: both; min-width: 170px; border: 1px solid #ddd; background: #eceef2; margin: 5px auto 5px; padding: 8px 15px; font-size: 100%; font-weight: 400; height: 40px; box-sizing: border-box; line-height: 1.4; border-radius: 50px; color: #222; justify-content: center; align-items: center; margin-bottom: 20px; } .STING-web-Main-Bottom-Posts #loadMore:hover,.STING-web-Main-Posted:hover .STING-web-Main-Posted-TiTle h2 { color: var(--ysp-primary); } .STING-web-Not-More-Post { width: 100%; display: block; text-align: center; color: #ff0000; margin: 15px 0; font-size: 15px; } @media screen and (max-width: 500px) { .STING-web-Main-Posted { width: 100%; margin: 3px 2px 3px 2px; } .STING-web-Main-Posted-IMG { float: right; margin-left: 12px; } .STING-web-Main-Posted-IMG img { height: 80px; width: 125px; } .STING-web-Main-Bottom-Posts { padding: 5px 8px 0; } .STING-web-Main-All-Post { grid-gap: 0; }} /* ~> SITE DESCRIPTION */ .STING-web-Site-Description { text-align: justify; background: #fff; border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); padding: 0; display: grid; } .STING-web-Site-Description-Top { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: #eceef2; border-radius: 8px 8px 0 0; } .STING-web-Site-Description-Top > h2 { font-size: 15px; background: #273340; color: #fff; padding: 4px 10px; display: inline-block; border-radius: 8px; margin: 12px; } .STING-web-Site-Description-Bottom { padding: 5px 12px 12px 12px; text-align: justify; font-weight: 400; font-size: 16px; line-height: 35px; border-radius: 8px; background: #ffffff; max-height: 240px; overflow: hidden; } /* ~> SITE LINKS */ .STING-web-Pages-Site { display: flex; clear: both; padding: 0; flex-wrap: wrap; } .STING-web-Links-List { width: 25%; padding: 20px 12px; box-sizing: border-box; } .STING-web-Links-List-Title { border-bottom: transparent solid 1px; padding: 5px 0; margin-bottom: 7px; font-weight: 700; font-size: 16px; position: relative; } .STING-web-Links-List-Title::before { background: var(--ysp-primary); content: ""; height: 3px; position: absolute; width: 23px; bottom: -1.5px; } .STING-web-Links { line-height: 33px; } .STING-web-Links li { padding: 0; list-style: outside; color: var(--ysp-primary); width: 100%; margin-right: 16px; } .STING-web-Links li a { color: #484848; display: block; font-size: 14px; } .STING-web-Links li a:hover { color: var(--ysp-primary); } .STING-web-Pages > ul { display: flex; gap: 12px; font-size: 13px; padding: 0 7px; } .STING-web-Pages > ul > li a { border-radius: 6px; color: #222; font-size: 13.6px; } @media screen and (max-width: 720px) { .STING-web-Links-List { width: 100%; } .STING-web-Pages-Site { display: none; } .STING-web-Pages > ul { flex-wrap: wrap; text-align: center; justify-content: center; gap: 18px; }} /* ~> FOOTER */ footer { position: relative; padding: 0; overflow: hidden; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); width: 100%; margin: 0 auto; background: #fff; margin-top: 20px; } .STING-web-Footer { display: flex; justify-content: space-between; align-items: center; border-radius: 8px; } .STING-web-Site-Copyright { padding: 5px 10px; border-radius: 6px; font-size: 13px; } .STING-web-Site-Copyright > a { color: #222; font-weight: 600; } .STING-web-Copyright a, .STING-web-Site-Copyright { border-radius: 6px; color: #222; font-size: 13.6px; text-align: center; } .STING-web-Footer a:hover { color: var(--ysp-primary); } @media screen and (max-width: 720px) { .STING-web-Footer { display: grid; justify-items: center; justify-content: center; gap: 12px; width: max-content; }} /* ~> NIGHT MODE */ .Night .STING-web-Footer,.Night header,.Night .STING-web-Container-Matches, .Night .STING-web-Header-Menu,.Night .STING-web-Main-Posted,.Night .STING-web-Main .STING-web-WebSite-Title ,.Night .STING-web-Site-Description,.Night .STING-web-Site-Description-Bottom,.Night .STING-web-Site-Description-Top>h2,.Night footer,.Night .STING-web-Match-Timing .STING-web-Data,.Night #loadMore {background:#191d2d} .Night .STING-web-Main-Top,.Night .STING-web-Site-Description-Top,.Night .STING-web-Main-Posted a{background:#0e1019} .Night .STING-web-Main-Bottom-Posts #loadMore{border:1px solid #0e1019;background:#0e1019;color:#fff} .Night .STING-web-Match *,.Night .STING-web-Copyright a,.Night .STING-web-Links li a,.Night .STING-web-Main-Posted-TiTle h2,.Night .STING-web-Menu>li>a,.Night .STING-web-Pages>ul>li a,.Night .STING-web-Site-Copyright,body.Night{color:#ddd} .Night .STING-web-Footer a:hover,.Night .STING-web-Header-Logo>a:hover,.Night .STING-web-Links li,.Night .STING-web-Links li a:hover,.Night .STING-web-Main-Bottom-Posts #loadMore:hover,.Night .STING-web-Main-Posted:hover .STING-web-Main-Posted-TiTle h2,.Night .STING-web-Menu>li>a:hover,.Night .STING-web-Not-More-Post,.Night #loadMore:hover{color:orange} .Night .STING-web-Matching-None{color:#ddd;background:#0e1019}.Night .STING-web-Site-Copyright>a{color:#fff}.Night .STING-web-Links-List-Title::before{background:#ddd} .Night .STING-web-Site-Description-Bottom{border-top:1px solid #0e1019} .Night .STING-web-Container-Matches-Top, .Night .STING-web-Time { background: #0e1019; border-bottom: 1px solid #0e1019; } .Night .STING-web-Matches-Toggle>li>a,.Night .STING-web-Title-Box,.Night .STING-web-Main{background:#191d2d !important} .Night .STING-web-Header-Logo,.Night .STING-web-Open-Dark,.Night .STING-web-Open-Menu,body.Night,.Night .STING-web-Match{background-color:#0e1019} @media screen and (max-width:1000px){ .Night .STING-web-Close-Menu,.Night .STING-web-Menu>li>a{background:#0e1019}} .Night .STING-web-Menu>li>a:hover{border-bottom:2px solid orange} .Night .STING-web-Ads:before{color:#ddd;border-bottom:1px solid #dddddd21} .Night .STING-web-Icon-youtube{background-color:#cd201f!important;background:url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' %3E%3Cpath fill='%23fff' d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' cclass=''%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-telegram{background-color:#389ce9!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-x{background-color:#000!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' fill='%23fff' viewBox='0 0 50 50'%3E%3Cpath d='M 5.9199219 6 L 20.582031 27.375 L 6.2304688 44 L 9.4101562 44 L 21.986328 29.421875 L 31.986328 44 L 44 44 L 28.681641 21.669922 L 42.199219 6 L 39.029297 6 L 27.275391 19.617188 L 17.933594 6 L 5.9199219 6 z M 9.7167969 8 L 16.880859 8 L 40.203125 42 L 33.039062 42 L 9.7167969 8 z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Icon-facebook{background-color:#1877f2!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 64 64'%3E%3Cpath d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Open-Dark-SVG{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z'%3E%3C/path%3E%3C/svg%3E") center no-repeat} .Night .STING-web-Open-Menu-SVG { background: no-repeat center url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20M4 12H20M4 18H20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } /* YSP FIX: mobile gap between matches title and day buttons */ @media screen and (max-width: 720px) { .STING-web-Container-Matches-Top { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 12px 10px 10px; } .STING-web-Container-Matches-Top .STING-web-Time { position: absolute; } .STING-web-Title-Box { float: none !important; width: 100%; box-sizing: border-box; justify-content: center; text-align: center; margin: 0 0 8px 0 !important; } .STING-web-Matches-Toggle { float: none !important; width: 100%; display: flex !important; justify-content: space-between; align-items: center; gap: 6px; margin: 0 !important; } .STING-web-Matches-Toggle > li { flex: 1 1 0; } .STING-web-Matches-Toggle > li > a { width: 100%; box-sizing: border-box; text-align: center; white-space: nowrap; padding: 5px 6px; line-height: 24px; } } @media screen and (max-width: 380px) { .STING-web-Title-Box, .STING-web-Matches-Toggle > li > a { font-size: 13px; } } /* ============================================================ YSP v7.8 — MATCH CARD VISUAL REFRESH Visual-only refresh: layout, team logos, status pills and mobile spacing. ============================================================ */ .STING-web-Container-Matches { --ysp-card-accent: var(--ysp-primary); } .STING-web-Matches { gap: 10px !important; } .STING-web-Match { background: #fff !important; border: 1px solid #e5e9ef; border-top: 3px solid #edf0f4; border-radius: 14px !important; box-shadow: 0 3px 12px rgba(16, 24, 40, .055); margin-bottom: 0 !important; overflow: hidden; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .STING-web-Match:hover { border-color: #d9dee7; box-shadow: 0 7px 20px rgba(16, 24, 40, .09); transform: translateY(-1px); } .STING-web-Match > a { display: grid !important; grid-template-columns: minmax(0, 1fr) 170px minmax(0, 1fr); grid-template-areas: "away center home"; align-items: center; gap: 10px; min-height: 132px; padding: 10px 18px; box-sizing: border-box; position: relative; } .STING-web-Match .STING-web-Right-Team { grid-area: home; } .STING-web-Match .STING-web-Match-Center { grid-area: center; } .STING-web-Match .STING-web-Left-Team { grid-area: away; } .STING-web-Match .STING-web-Right-Team, .STING-web-Match .STING-web-Left-Team, .STING-web-Match .STING-web-Match-Center { width: auto !important; float: none !important; min-width: 0; } .STING-web-Match .STING-web-Right-Team, .STING-web-Match .STING-web-Left-Team { display: flex !important; flex-direction: column; align-items: center; justify-content: center; direction: rtl; } .STING-web-Match .STING-web-Team-Logo { float: none !important; width: 64px !important; height: 64px; display: grid !important; place-items: center; flex: 0 0 64px; border-radius: 18px; background: #f7f9fb; border: 1px solid #edf0f4; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); box-sizing: border-box; } .STING-web-Match .STING-web-Team-Logo img { width: 50px !important; height: 50px !important; max-width: 50px; max-height: 50px; object-fit: contain !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; } .STING-web-Match .STING-web-Team-NAME { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; min-height: 42px; margin: 8px auto 0 !important; font-size: 15px; font-weight: 700; line-height: 1.4; color: #171b22; text-align: center; word-break: break-word; } .STING-web-Match .STING-web-Match-Timing { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto !important; min-width: 0; } .STING-web-Match .STING-web-Match-Time { margin: 0 0 6px !important; font-size: 16px; font-weight: 800; line-height: 1.25; color: #20262e; white-space: nowrap; } .STING-web-Match .STING-web-Match-Result { margin: 0 !important; font-size: 27px; font-weight: 800; line-height: 1.1; letter-spacing: 2px; direction: ltr; color: #111827; font-variant-numeric: tabular-nums; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 78px; min-height: 27px; box-sizing: border-box; margin: 8px auto 0 !important; padding: 3px 11px !important; border: 1px solid #dfe4eb; border-radius: 999px !important; background: #f2f4f7; color: #475467; font-size: 12px; font-weight: 700; line-height: 1.55 !important; white-space: nowrap; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data:empty { display: none; } .STING-web-Match .STING-web-Match-Info { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 165px; margin: 8px auto 0 !important; padding: 3px 8px; box-sizing: border-box; border-radius: 7px; background: #f7f8fa; color: #667085; font-size: 11.5px; font-weight: 600; line-height: 1.45; text-align: center; } /* Remove the old full-card black play overlay; the whole card remains clickable. */ .STING-web-Match .STING-web-Overlay { display: none !important; } /* Status accents */ .STING-web-Match.NOT { border-top-color: #cfd6df; } .STING-web-Match.SOON { border-top-color: #e0a100; } .STING-web-Match.LIVE { border-top-color: #d90429; box-shadow: 0 4px 16px rgba(217, 4, 41, .09); } .STING-web-Match.PAUSED { border-top-color: #d97706; } .STING-web-Match.END { border-top-color: #667085; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.NOT { background: #f2f4f7; border-color: #dfe4eb; color: #475467; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.SOON { background: #fff7df; border-color: #f3d17a; color: #8a5b00; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.LIVE { background: #d90429; border-color: #d90429; color: #fff; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.LIVE::before { content: "مباشر" !important; position: static !important; inset: auto !important; display: inline !important; background: transparent !important; color: inherit !important; border-radius: 0 !important; animation: none !important; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.LIVE::after { content: ""; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 0 rgba(255,255,255,.65); animation: ysp-live-dot 1.35s ease-out infinite; } @keyframes ysp-live-dot { 0% { box-shadow: 0 0 0 0 rgba(255,255,255,.65); opacity: 1; } 70% { box-shadow: 0 0 0 5px rgba(255,255,255,0); opacity: .9; } 100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); opacity: 1; } } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.PAUSED { background: #fff4e5; border-color: #f7c887; color: #9a5b00; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data.END { background: #eef1f4; border-color: #d7dce3; color: #344054; } /* States whose label is rendered in the time/status line rather than the data pill. */ .STING-web-Match[data-ysp-status="TBD"] .STING-web-Match-Time, .STING-web-Match[data-ysp-status="PST"] .STING-web-Match-Time, .STING-web-Match[data-ysp-status="SUSP"] .STING-web-Match-Time, .STING-web-Match[data-ysp-status="INT"] .STING-web-Match-Time, .STING-web-Match.LIVE.YSP-SPECIAL .STING-web-Match-Time { display: inline-flex !important; align-items: center; justify-content: center; max-width: 160px; margin: 0 auto 7px !important; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; line-height: 1.5; white-space: normal; text-align: center; } .STING-web-Match[data-ysp-status="TBD"] .STING-web-Match-Time { background: #f2f4f7; color: #475467; } .STING-web-Match[data-ysp-status="PST"] { border-top-color: #d97706; } .STING-web-Match[data-ysp-status="PST"] .STING-web-Match-Time, .STING-web-Match[data-ysp-status="SUSP"] .STING-web-Match-Time, .STING-web-Match[data-ysp-status="INT"] .STING-web-Match-Time { background: #fff4e5; color: #9a5b00; } .STING-web-Match[data-ysp-status="CANC"], .STING-web-Match[data-ysp-status="ABD"] { border-top-color: #b42318; } .STING-web-Match[data-ysp-status="CANC"] .STING-web-Data, .STING-web-Match[data-ysp-status="ABD"] .STING-web-Data { background: #fff0ee; border-color: #f4b6af; color: #b42318; } .STING-web-Match.LIVE.YSP-SPECIAL .STING-web-Match-Time { background: #5b3cc4; color: #fff; } /* Night mode */ .Night .STING-web-Match { background: #151a28 !important; border-color: #2a3143; box-shadow: 0 3px 12px rgba(0,0,0,.18); } .Night .STING-web-Match:hover { border-color: #384158; box-shadow: 0 8px 22px rgba(0,0,0,.28); } .Night .STING-web-Match .STING-web-Team-Logo { background: #0f1420; border-color: #2a3143; box-shadow: none; } .Night .STING-web-Match .STING-web-Team-NAME, .Night .STING-web-Match .STING-web-Match-Time, .Night .STING-web-Match .STING-web-Match-Result { color: #f2f4f7 !important; } .Night .STING-web-Match .STING-web-Match-Info { background: #0f1420; color: #aab2c0 !important; } .Night .STING-web-Match .STING-web-Match-Timing .STING-web-Data.NOT, .Night .STING-web-Match .STING-web-Match-Timing .STING-web-Data.END, .Night .STING-web-Match[data-ysp-status="TBD"] .STING-web-Match-Time { background: #242b3b; border-color: #343d52; color: #d6dae2 !important; } .Night .STING-web-Match .STING-web-Match-Timing .STING-web-Data.SOON { background: #47370a; border-color: #705813; color: #ffd86a !important; } .Night .STING-web-Match[data-ysp-status="PST"] .STING-web-Match-Time, .Night .STING-web-Match[data-ysp-status="SUSP"] .STING-web-Match-Time, .Night .STING-web-Match[data-ysp-status="INT"] .STING-web-Match-Time { background: #4a2d08; color: #ffc76b !important; } .Night .STING-web-Match[data-ysp-status="CANC"] .STING-web-Data, .Night .STING-web-Match[data-ysp-status="ABD"] .STING-web-Data { background: #4b1715; border-color: #74312d; color: #ffaaa3 !important; } @media screen and (max-width: 600px) { .STING-web-Matches { gap: 8px !important; } .STING-web-Match { border-radius: 12px !important; } .STING-web-Match:hover { transform: none; } .STING-web-Match > a { grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr); min-height: 116px; gap: 5px; padding: 8px 7px; } .STING-web-Match .STING-web-Team-Logo { width: 56px !important; height: 56px; flex-basis: 56px; border-radius: 15px; } .STING-web-Match .STING-web-Team-Logo img { width: 44px !important; height: 44px !important; max-width: 44px; max-height: 44px; } .STING-web-Match .STING-web-Team-NAME { min-height: 36px; margin-top: 6px !important; font-size: 13px; line-height: 1.35; } .STING-web-Match .STING-web-Match-Time { margin-bottom: 5px !important; font-size: 14px; } .STING-web-Match .STING-web-Match-Result { font-size: 23px; letter-spacing: 1px; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { min-width: 68px; min-height: 25px; margin-top: 6px !important; padding: 2px 8px !important; font-size: 11px; } .STING-web-Match .STING-web-Match-Info { max-width: 108px; margin-top: 6px !important; padding: 2px 5px; font-size: 10.5px; } } @media screen and (max-width: 360px) { .STING-web-Match > a { grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr); padding-left: 4px; padding-right: 4px; } .STING-web-Match .STING-web-Team-Logo { width: 50px !important; height: 50px; flex-basis: 50px; } .STING-web-Match .STING-web-Team-Logo img { width: 40px !important; height: 40px !important; } .STING-web-Match .STING-web-Team-NAME { font-size: 12px; } } /* ============================================================ YSP v7.9 — FINAL CARD POLISH + CLEAN EXTERNAL CSS Desktop uses a compact scoreboard layout; mobile keeps stacked crests. ============================================================ */ .STING-web-Max-Size { max-width: 1120px; } .STING-web-Container-Matches { border-radius: 12px; } .STING-web-Container-Matches-Top { border-radius: 12px 12px 0 0; } .STING-web-Matches { gap: 8px !important; padding: 8px !important; } .STING-web-Match { border: 1px solid #e3e8ef; border-top: 1px solid #e3e8ef; border-radius: 12px !important; box-shadow: 0 2px 8px rgba(16, 24, 40, .045); } .STING-web-Match:hover { border-color: #d4dbe5; box-shadow: 0 5px 15px rgba(16, 24, 40, .075); transform: translateY(-1px); } .STING-web-Match > a { grid-template-columns: minmax(0, 1fr) 156px minmax(0, 1fr); min-height: 106px; padding: 9px 20px; gap: 16px; } .STING-web-Match .STING-web-Team-Logo { width: 58px !important; height: 58px; flex: 0 0 58px; border-radius: 15px; background: #f8fafc; border-color: #edf1f5; } .STING-web-Match .STING-web-Team-Logo img { width: 46px !important; height: 46px !important; max-width: 46px; max-height: 46px; } .STING-web-Match .STING-web-Team-NAME { min-height: 0; margin: 0 !important; font-size: 15px; font-weight: 700; line-height: 1.35; } .STING-web-Match .STING-web-Match-Time { font-size: 16px; margin-bottom: 4px !important; } .STING-web-Match .STING-web-Match-Result { font-size: 28px; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { min-width: 74px; min-height: 25px; margin-top: 6px !important; padding: 2px 10px !important; font-size: 11.5px; } .STING-web-Match .STING-web-Match-Info { max-width: 150px; margin-top: 5px !important; padding: 2px 7px; color: #667085; background: #f7f8fa; border-color: #edf0f3; font-size: 10.8px; line-height: 1.35; } @media screen and (min-width: 701px) { .STING-web-Match .STING-web-Right-Team, .STING-web-Match .STING-web-Left-Team { display: grid !important; align-items: center; gap: 12px; } .STING-web-Match .STING-web-Right-Team { grid-template-columns: minmax(0, 1fr) 58px; } .STING-web-Match .STING-web-Right-Team .STING-web-Team-Logo { grid-column: 2; grid-row: 1; } .STING-web-Match .STING-web-Right-Team .STING-web-Team-NAME { grid-column: 1; grid-row: 1; text-align: right; justify-self: end; max-width: 220px; } .STING-web-Match .STING-web-Left-Team { grid-template-columns: 58px minmax(0, 1fr); } .STING-web-Match .STING-web-Left-Team .STING-web-Team-Logo { grid-column: 1; grid-row: 1; } .STING-web-Match .STING-web-Left-Team .STING-web-Team-NAME { grid-column: 2; grid-row: 1; text-align: left; justify-self: start; max-width: 220px; } } @media screen and (max-width: 700px) { .STING-web-Max-Size { width: 94%; padding-left: 8px; padding-right: 8px; } .STING-web-Matches { gap: 8px !important; padding: 8px !important; } .STING-web-Match > a { grid-template-columns: minmax(0, 1fr) 106px minmax(0, 1fr); min-height: 112px; gap: 4px; padding: 8px 5px; } .STING-web-Match .STING-web-Right-Team, .STING-web-Match .STING-web-Left-Team { display: flex !important; flex-direction: column; align-items: center; justify-content: center; } .STING-web-Match .STING-web-Team-Logo { width: 54px !important; height: 54px; flex-basis: 54px; border-radius: 14px; } .STING-web-Match .STING-web-Team-Logo img { width: 43px !important; height: 43px !important; max-width: 43px; max-height: 43px; } .STING-web-Match .STING-web-Team-NAME { min-height: 35px; margin-top: 6px !important; font-size: 13px; text-align: center !important; } .STING-web-Match .STING-web-Match-Time { font-size: 14px; } .STING-web-Match .STING-web-Match-Result { font-size: 23px; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { min-width: 66px; padding: 2px 7px !important; font-size: 10.8px; } .STING-web-Match .STING-web-Match-Info { max-width: 100px; padding: 2px 4px; font-size: 10px; } } .Night .STING-web-Match .STING-web-Match-Info { background: #141927 !important; border-color: #252c3b !important; color: #aeb7c7 !important; } /* ============================================================ YSP v8.0 — VISUAL BALANCE PASS Restores stronger, easier-to-read match cards without bringing back the oversized v7.8 spacing. CSS remains external/cacheable. ============================================================ */ .STING-web-MainContent:focus { outline: none !important; } .STING-web-Max-Size { max-width: 1080px; } .STING-web-Container-Matches { border-radius: 12px; } .STING-web-Matches { gap: 9px !important; padding: 9px !important; } .STING-web-Match { border: 1px solid #dde3ea; border-radius: 13px !important; box-shadow: 0 2px 8px rgba(16,24,40,.05); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .STING-web-Match:hover { transform: translateY(-1px); border-color: #ccd5df; box-shadow: 0 6px 18px rgba(16,24,40,.08); } .STING-web-Match > a { grid-template-columns: minmax(0,1fr) 168px minmax(0,1fr); min-height: 122px; gap: 12px; padding: 11px 22px; } .STING-web-Match .STING-web-Right-Team, .STING-web-Match .STING-web-Left-Team { display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 6px; } .STING-web-Match .STING-web-Team-Logo { width: 62px !important; height: 62px; flex: 0 0 62px; border-radius: 16px; background: #f8fafc; border: 1px solid #e8edf2; display: flex !important; align-items: center; justify-content: center; } .STING-web-Match .STING-web-Team-Logo img { width: 50px !important; height: 50px !important; max-width: 50px; max-height: 50px; margin: 0 auto !important; object-fit: contain; } .STING-web-Match .STING-web-Team-NAME { min-height: 0; margin: 0 !important; max-width: 220px; font-size: 15.5px; font-weight: 700; line-height: 1.35; text-align: center !important; } .STING-web-Match .STING-web-Match-Center { display: flex !important; align-items: center; justify-content: center; } .STING-web-Match .STING-web-Match-Timing { width: 100%; margin: 0 auto !important; } .STING-web-Match .STING-web-Match-Time { margin-bottom: 5px !important; font-size: 17px; font-weight: 800; line-height: 1.25; } .STING-web-Match .STING-web-Match-Result { font-size: 30px; font-weight: 800; line-height: 1.15; letter-spacing: 1px; margin-right: 0; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { min-width: 78px; min-height: 27px; margin-top: 7px !important; padding: 2px 11px !important; font-size: 12px; font-weight: 700; line-height: 1.7; } .STING-web-Match .STING-web-Match-Info { max-width: 154px; margin-top: 6px !important; padding: 3px 8px; border-radius: 999px; color: #667085; background: #f5f7fa; border: 1px solid #eaedf1; font-size: 11.2px; line-height: 1.35; } @media screen and (max-width: 700px) { .STING-web-Max-Size { width: 94%; padding-left: 8px; padding-right: 8px; } .STING-web-Matches { gap: 9px !important; padding: 8px !important; } .STING-web-Match > a { grid-template-columns: minmax(0,1fr) 110px minmax(0,1fr); min-height: 124px; gap: 4px; padding: 9px 5px; } .STING-web-Match .STING-web-Team-Logo { width: 58px !important; height: 58px; flex-basis: 58px; border-radius: 15px; } .STING-web-Match .STING-web-Team-Logo img { width: 46px !important; height: 46px !important; max-width: 46px; max-height: 46px; } .STING-web-Match .STING-web-Team-NAME { min-height: 36px; max-width: 130px; font-size: 13.5px; line-height: 1.35; } .STING-web-Match .STING-web-Match-Time { font-size: 15px; } .STING-web-Match .STING-web-Match-Result { font-size: 25px; } .STING-web-Match .STING-web-Match-Timing .STING-web-Data { min-width: 70px; min-height: 26px; padding: 2px 8px !important; font-size: 11px; } .STING-web-Match .STING-web-Match-Info { max-width: 104px; padding: 2px 5px; font-size: 10.2px; } } @media screen and (max-width: 360px) { .STING-web-Match > a { grid-template-columns: minmax(0,1fr) 102px minmax(0,1fr); min-height: 120px; padding-left: 3px; padding-right: 3px; } .STING-web-Match .STING-web-Team-Logo { width: 54px !important; height: 54px; flex-basis: 54px; } .STING-web-Match .STING-web-Team-Logo img { width: 43px !important; height: 43px !important; } .STING-web-Match .STING-web-Team-NAME { font-size: 12.5px; } } .Night .STING-web-Match .STING-web-Team-Logo { background: #151a27 !important; border-color: #252c3b !important; } .Night .STING-web-Match .STING-web-Match-Info { background: #141927 !important; border-color: #252c3b !important; color: #aeb7c7 !important; } /* ============================================================ YSP v8.4 — HEADER + DAY TABS POLISH CSS-only visual pass. No new assets, libraries, API calls or JS. ============================================================ */ header { border-bottom: 1px solid #e8ecf1; } .STING-web-Header { min-height: 82px; box-sizing: border-box; } .STING-web-Header-Logo { height: 68px; min-width: 112px; padding: 6px 16px; border-radius: 12px; box-shadow: 0 4px 12px rgba(16,24,40,.09); } .STING-web-Header-Logo > a > .STING-WEB-SiteName { font-size: 26px; font-weight: 800; line-height: 1.25; } .STING-web-Header-Logo > a > .STING-WEB-SiteUrl { margin-top: 2px; font-size: 14px; line-height: 1.2; opacity: .92; } .STING-web-Menu { align-items: center; gap: 4px; } .STING-web-Menu > li > a { height: 42px; padding: 0 11px; border: 0 !important; border-radius: 10px; font-size: 15px; font-weight: 700; transition: background-color .14s ease, color .14s ease; } .STING-web-Menu > li > a:hover { color: var(--ysp-primary); background: #f4f6f9; border: 0 !important; } .STING-web-Social-Media.i { margin-top: 0; gap: 6px; } .STING-web-Social-Media.i > li > a { display: block; height: 36px; } .STING-web-Social-Media.i > li > a > span[class*=Icon] { width: 34px; height: 34px; border-radius: 10px; border: 1px solid #e7ebf0; background-size: 76% 58%; box-sizing: border-box; } .STING-web-Header-Left { margin-top: 0; } .STING-web-Open-Menu, .STING-web-Open-Dark { width: 38px; height: 38px; border-radius: 10px; box-sizing: border-box; transition: background-color .14s ease, border-color .14s ease; } .STING-web-Open-Menu:hover, .STING-web-Open-Dark:hover { border-color: #d7dde5; } .STING-web-Container-Matches-Top { min-height: 58px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #e1e6ec; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 10px; overflow: visible; } .STING-web-Title-Box { float: none !important; min-height: 36px; padding: 5px 13px !important; border-radius: 10px !important; box-sizing: border-box; justify-content: center; font-size: 14.5px !important; font-weight: 800; line-height: 26px !important; white-space: nowrap; box-shadow: 0 3px 9px rgba(16,24,40,.08); } .STING-web-Matches-Toggle { float: none !important; display: flex !important; align-items: center; gap: 5px; padding: 4px; margin: 0 !important; border: 1px solid #e5e9ef; border-radius: 12px; background: #f5f7fa; box-sizing: border-box; } .STING-web-Matches-Toggle > li { margin: 0 !important; } .STING-web-Matches-Toggle > li > a { min-height: 34px; padding: 4px 12px !important; border-radius: 9px !important; box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; line-height: 24px !important; font-size: 13.5px !important; font-weight: 800; white-space: nowrap; box-shadow: none; transition: transform .12s ease, box-shadow .12s ease; } .STING-web-Matches-Toggle > li > a:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(16,24,40,.10); } .STING-web-Matches-Toggle > .Yesterday-Matches > a { background: #1d5b99 !important; } .STING-web-Matches-Toggle > .Today-Matches > a { background: var(--ysp-primary) !important; } .STING-web-Matches-Toggle > .Tomorrow-Matches > a { background: #c79c16 !important; } .Night header { border-bottom-color: #252c3b; } .Night .STING-web-Menu > li > a:hover { background: #151a27; } .Night .STING-web-Container-Matches-Top { background: #191d2d !important; border-color: #252c3b !important; } .Night .STING-web-Matches-Toggle { background: #111622; border-color: #252c3b; } .Night .STING-web-Social-Media.i > li > a > span[class*=Icon] { border-color: #252c3b; } @media screen and (max-width: 1000px) { .STING-web-Header { min-height: 76px; margin-top: 0; margin-bottom: 0; padding: 6px 12px; position: relative; } .STING-web-Header-Logo { height: 64px; min-width: 108px; margin: 0 auto !important; padding: 5px 13px !important; border-radius: 12px; } .STING-web-Header-Logo > a > .STING-WEB-SiteName { font-size: 24px; } .STING-web-Header-Logo > a > .STING-WEB-SiteUrl { font-size: 13px; } .STING-web-Open-Menu, .STING-web-Open-Dark { width: 40px; height: 40px; border-radius: 11px; } .STING-web-Header-Menu { border-left: 1px solid #e5e9ef; } .STING-web-Menu > li > a, .STING-web-Close-Menu { border-radius: 10px; min-height: 40px; } .Night .STING-web-Header-Menu { border-left-color: #252c3b; } } @media screen and (max-width: 720px) { .STING-web-Container-Matches-Top { min-height: 0; padding: 10px !important; gap: 8px !important; border-radius: 12px !important; } .STING-web-Title-Box { min-height: 40px; margin-bottom: 0 !important; padding: 6px 10px !important; border-radius: 10px !important; font-size: 15px !important; } .STING-web-Matches-Toggle { padding: 4px; gap: 4px !important; border-radius: 11px; } .STING-web-Matches-Toggle > li > a { min-height: 39px; padding: 5px 4px !important; border-radius: 8px !important; font-size: 13.2px !important; } } @media screen and (max-width: 380px) { .STING-web-Header-Logo { min-width: 100px; padding-left: 10px !important; padding-right: 10px !important; } .STING-web-Header-Logo > a > .STING-WEB-SiteName { font-size: 22px; } .STING-web-Matches-Toggle > li > a { font-size: 12.2px !important; } } /* ========================================================= YSP v8.5 — PRODUCTION CONTENT / UTILITY STYLES Moved from inline template