<div id="banky-breaking-widget"><div class="bnw"><button class="bnw-launch is-open" aria-label="فتح أو غلق الأخبار العاجلة"><span class="bnw-open-icon">⚡</span><span class="bnw-close-icon">×</span></button><div class="bnw-stack"><article class="bnw-card breaking" data-id="bn1785020840308"><div class="bnw-head"><div class="bnw-logo"><i class="bnw-dot"></i><span class="bnw-word">عاجل</span></div><button class="bnw-x">×</button></div><div class="bnw-body"><span class="bnw-kicker">تطور عاجل</span><h3 class="bnw-title">البنك المركزي يقرر تثبيت سعر الفائدة</h3><div class="bnw-summary">قرر البنك المركزي تثبيت أسعار الفائده</div></div><div class="bnw-foot"><span class="bnw-time">الآن</span><a class="bnw-read" href="https://www.bankygate.com/74842" target="_blank" rel="noopener">اقرأ التفاصيل</a></div></article></div></div></div><style> .bnw{font-family:Arial,Tahoma,sans-serif;direction:rtl}.bnw *{box-sizing:border-box} .bnw-launch{position:fixed;pointer-events:auto;left:18px;right:auto;top:50%;z-index:2147483000;width:58px;height:58px;border:0;border-radius:20px;background:linear-gradient(145deg,#052f34,#00adaf);box-shadow:0 18px 45px rgba(0,80,85,.3);color:#fff;font-size:24px;cursor:pointer} .bnw-stack{position:fixed;left:92px;right:auto;top:50%;transform:translateY(-50%);z-index:2147483000;width:min(520px,calc(100vw - 125px));display:grid;gap:10px} .bnw-card{--a:#00adaf;position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#07191d,#0b3035);border:1px solid rgba(0,173,175,.35);box-shadow:0 28px 80px rgba(0,35,40,.34);color:#fff} .bnw-card.major{--a:#e13950;border-color:rgba(225,57,80,.55)}.bnw-card.flash{--a:#627bd8;border-color:rgba(98,123,216,.45)} .bnw-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px 7px} .bnw-logo{position:relative;min-width:142px;height:58px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px 18px 18px 5px;transform:skewX(-6deg);background:linear-gradient(120deg,#06383c,var(--a));box-shadow:0 12px 34px color-mix(in srgb,var(--a) 30%,transparent)} .bnw-logo:before{content:"";position:absolute;width:45%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(20deg) translateX(-240%);animation:bnshine 3s infinite} @keyframes bnshine{0%,65%{transform:rotate(20deg) translateX(-240%)}100%{transform:rotate(20deg) translateX(340%)}} .bnw-word{transform:skewX(6deg);font-size:27px;font-weight:900;letter-spacing:-2px;text-shadow:0 3px 16px rgba(0,0,0,.25);animation:bnbreathe 2.2s ease-in-out infinite} @keyframes bnbreathe{50%{transform:skewX(6deg) scale(1.07)}} .bnw-dot{position:absolute;left:9px;top:8px;width:8px;height:8px;background:#fff;border-radius:50%;animation:bnpulse 1.4s infinite} @keyframes bnpulse{70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}} .bnw-x{position:relative;z-index:20;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.08);color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center} .bnw-body{padding:5px 16px 13px}.bnw-kicker{display:inline-block;color:var(--a);font-size:9px;font-weight:bold;margin-bottom:8px}.bnw-title{font-size:17px;line-height:1.7;font-weight:bold;margin:0 0 7px}.bnw-summary{font-size:10px;line-height:1.8;color:#a9bbbd} .bnw-foot{display:flex;justify-content:space-between;align-items:center;padding:11px 16px 14px;border-top:1px solid rgba(255,255,255,.07)}.bnw-time{font-size:8px;color:#829699}.bnw-read{background:var(--a);color:#fff;text-decoration:none;font-size:9px;font-weight:bold;padding:9px 12px;border-radius:10px} @media(max-width:640px){.bnw-launch{left:10px;right:auto;top:auto;bottom:82px;width:52px;height:52px}.bnw-stack{left:10px;right:72px;top:auto;bottom:76px;transform:none;width:auto}.bnw-card{border-radius:19px}.bnw-logo{min-width:122px;height:50px}.bnw-word{font-size:23px}.bnw-title{font-size:15px}}
.bnw-stack.is-hidden{display:none!important} .bnw-launch.is-open{ background:linear-gradient(145deg,#17383b,#086c70); box-shadow:0 14px 34px rgba(0,70,74,.24); } .bnw-launch .bnw-open-icon, .bnw-launch .bnw-close-icon{display:grid;place-items:center;line-height:1} .bnw-launch .bnw-close-icon{display:none;font-size:24px} .bnw-launch.is-open .bnw-open-icon{display:none} .bnw-launch.is-open .bnw-close-icon{display:grid}
@media(prefers-reduced-motion:reduce){.bnw-logo:before,.bnw-word,.bnw-dot{animation:none}} </style><script> (function(){ var root=document.getElementById("banky-breaking-widget"); if(!root)return;
var stack=root.querySelector(".bnw-stack"); var launch=root.querySelector(".bnw-launch");
function setOpen(open){ if(stack) stack.classList.toggle("is-hidden",!open); if(launch) launch.classList.toggle("is-open",open); }
root.addEventListener("click",function(e){ var closeBtn=e.target.closest(".bnw-x"); if(closeBtn){ e.preventDefault(); e.stopPropagation(); var card=closeBtn.closest(".bnw-card"); if(card) card.remove(); if(!root.querySelector(".bnw-card")) setOpen(false); return; }
var launchBtn=e.target.closest(".bnw-launch"); if(launchBtn){ e.preventDefault(); e.stopPropagation(); setOpen(stack ? stack.classList.contains("is-hidden") : false); } });
document.addEventListener("click",function(e){ if(!root.contains(e.target)) setOpen(false); });
setOpen(true); })(); </script>
التعليقات
لا توجد تعليقات بعد. كن أول المعلّقين!