لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا
.shola-widget, .shola-lb-wrap, .shola-pb-wrap { background: var(--bg-color, #fff); border: 1px solid var(--border-color, #e5e2e2); border-radius: 4px; padding: 15px; color: var(--text-color, #333); font-family: inherit; direction: rtl; box-sizing: border-box; margin-bottom: 20px; } .darkmode .shola-widget, .darkmode .shola-lb-wrap, .darkmode .shola-pb-wrap { background: #1a1a1a; border-color: #333; color: #ddd; } .shola-progress-wrap { margin-bottom: 20px; } .shola-progress-header, .shola-pb-header { display: flex; justify-content: space-between; align-items: center; font-size: .95em; margin-bottom: 6px; font-weight: bold; } .shola-days-left, .shola-pb-days { color: #f5a623; font-size: .85em; font-weight: normal; } .shola-numbers, .shola-pb-numbers { display: flex; justify-content: space-between; font-size: .85em; color: inherit; margin-bottom: 8px; opacity: 0.8; } .shola-bar-bg, .shola-pb-bg { background: rgba(150,150,150,0.2); border-radius: 20px; height: 25px; overflow: hidden; } .shola-bar-fill, .shola-pb-fill { background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-left: 10px; min-width: 4px; transition: width 1s ease; font-size: .8em; font-weight: bold; color:#fff; } .shola-completed, .shola-pb-done { text-align: center; color: #2ecc71; font-weight: bold; margin-top: 10px; font-size: 1.05em; } .shola-pre-goal, .shola-pb-pre { text-align: center; color: inherit; font-weight: bold; margin-top: 10px; font-size: 1.05em; opacity: 0.9; } .shola-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid rgba(150,150,150,0.2); padding-bottom: 10px; flex-wrap: wrap; } .shola-tab { background: rgba(150,150,150,0.1); border: 1px solid rgba(150,150,150,0.2); color: inherit; padding: 5px 12px; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: .85em; transition: all .3s; } .shola-tab.active { background: #366ad3; border-color: #366ad3; color: #fff; } .shola-tab:hover:not(.active) { background: rgba(150,150,150,0.2); } .shola-row, .shola-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px; margin-bottom: 6px; background: rgba(150,150,150,0.05); transition: background .2s; border:1px solid rgba(150,150,150,0.1); } .shola-top3, .shola-lb-top3 { background: rgba(54,106,211,0.08); border-color:rgba(54,106,211,0.2); } .shola-row:hover, .shola-lb-row:hover { background: rgba(150,150,150,0.1); } .shola-rank, .shola-lb-rank { min-width: 30px; text-align: center; font-size: 1.1em; } .shola-num, .shola-lb-num { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background: rgba(150,150,150,0.2); border-radius: 50%; font-size: .8em; color: inherit; opacity:0.8; } .shola-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(150,150,150,0.3); flex-shrink: 0; } .shola-uname, .shola-lb-uname { flex: 1; font-size: .95em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600;} .shola-score, .shola-lb-score { color: #f5a623; font-weight: bold; font-size: .9em; white-space: nowrap; } .shola-empty, .shola-lb-empty { text-align: center; color: inherit; opacity:0.7; padding: 20px 0; font-size: .9em; } .shola-btn-support { display: block; width: 100%; background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: bold; cursor: pointer; border: none; margin-top: 15px; font-family: inherit; font-size: 1.05em; transition: opacity 0.3s; } .shola-btn-support:hover { opacity: 0.9; color: #fff; } .shola-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .shola-modal-box { background: var(--bg-color, #fff); color: var(--text-color, #333); padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .darkmode .shola-modal-box { background: #1a1a1a; color: #ddd; border: 1px solid #333; } .shola-modal-close { position: absolute; top: 10px; left: 15px; font-size: 24px; cursor: pointer; color: inherit; opacity: 0.7; font-weight: bold; line-height: 1; } .shola-modal-close:hover { opacity: 1; } function sholaTab(btn, id) { var widget = btn.closest(".shola-widget"); widget.querySelectorAll(".shola-tab").forEach(function(b){ b.classList.remove("active"); }); widget.querySelectorAll(".shola-board").forEach(function(b){ b.style.display = "none"; }); btn.classList.add("active"); document.getElementById("shola-" + id).style.display = "block"; } function sholaOpenModal(modalId) { document.getElementById(modalId).style.display = "flex"; } function sholaCloseModal(modalId) { document.getElementById(modalId).style.display = "none"; } 🔥 تحدي أغسطس 2026 ⏳ 16 يوم متبقي 69,410 شعلة الهدف: 66,666 104.1% 🎉 حققنا هدف الشهر، شكرًا لكل الداعمين! إدعمنا × شراء عملة الشعلة 🏆 أكبر الداعمين هذا الشهر 💎 أكبر الداعمين كل الأوقات 🥇M. K🔥 40,000🥈Yazeed Alsaedi🔥 105🥉Basil Alfaifi🔥 1004husam Al marzouqi🔥 1005Nasser Bin zayed🔥 1006Abdullah Alzahrani🔥 1007A D🔥 1008Faisal Almulhim🔥 1009Humaid Alali🔥 10010azcol azcol200🔥 100 🥇M. K💎 52,000🥈Fares saeed💎 1,100🥉Hamood Mahemed💎 5004Abdullah K💎 5005ibrahim shazly💎 5006Yazeed Alsaedi💎 1057Ahmed khirallh💎 1008السيد الشاب💎 1009med abda💎 10010ABDULWAHAB ALKHALAF💎 100
.shola-widget, .shola-lb-wrap, .shola-pb-wrap { background: var(--bg-color, #fff); border: 1px solid var(--border-color, #e5e2e2); border-radius: 4px; padding: 15px; color: var(--text-color, #333); font-family: inherit; direction: rtl; box-sizing: border-box; margin-bottom: 20px; } .darkmode .shola-widget, .darkmode .shola-lb-wrap, .darkmode .shola-pb-wrap { background: #1a1a1a; border-color: #333; color: #ddd; } .shola-progress-wrap { margin-bottom: 20px; } .shola-progress-header, .shola-pb-header { display: flex; justify-content: space-between; align-items: center; font-size: .95em; margin-bottom: 6px; font-weight: bold; } .shola-days-left, .shola-pb-days { color: #f5a623; font-size: .85em; font-weight: normal; } .shola-numbers, .shola-pb-numbers { display: flex; justify-content: space-between; font-size: .85em; color: inherit; margin-bottom: 8px; opacity: 0.8; } .shola-bar-bg, .shola-pb-bg { background: rgba(150,150,150,0.2); border-radius: 20px; height: 25px; overflow: hidden; } .shola-bar-fill, .shola-pb-fill { background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); height: 100%; border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-left: 10px; min-width: 4px; transition: width 1s ease; font-size: .8em; font-weight: bold; color:#fff; } .shola-completed, .shola-pb-done { text-align: center; color: #2ecc71; font-weight: bold; margin-top: 10px; font-size: 1.05em; } .shola-pre-goal, .shola-pb-pre { text-align: center; color: inherit; font-weight: bold; margin-top: 10px; font-size: 1.05em; opacity: 0.9; } .shola-tabs { display: flex; gap: 8px; margin-bottom: 14px; border-bottom: 1px solid rgba(150,150,150,0.2); padding-bottom: 10px; flex-wrap: wrap; } .shola-tab { background: rgba(150,150,150,0.1); border: 1px solid rgba(150,150,150,0.2); color: inherit; padding: 5px 12px; border-radius: 3px; cursor: pointer; font-family: inherit; font-size: .85em; transition: all .3s; } .shola-tab.active { background: #366ad3; border-color: #366ad3; color: #fff; } .shola-tab:hover:not(.active) { background: rgba(150,150,150,0.2); } .shola-row, .shola-lb-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px; margin-bottom: 6px; background: rgba(150,150,150,0.05); transition: background .2s; border:1px solid rgba(150,150,150,0.1); } .shola-top3, .shola-lb-top3 { background: rgba(54,106,211,0.08); border-color:rgba(54,106,211,0.2); } .shola-row:hover, .shola-lb-row:hover { background: rgba(150,150,150,0.1); } .shola-rank, .shola-lb-rank { min-width: 30px; text-align: center; font-size: 1.1em; } .shola-num, .shola-lb-num { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; background: rgba(150,150,150,0.2); border-radius: 50%; font-size: .8em; color: inherit; opacity:0.8; } .shola-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 1px solid rgba(150,150,150,0.3); flex-shrink: 0; } .shola-uname, .shola-lb-uname { flex: 1; font-size: .95em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:600;} .shola-score, .shola-lb-score { color: #f5a623; font-weight: bold; font-size: .9em; white-space: nowrap; } .shola-empty, .shola-lb-empty { text-align: center; color: inherit; opacity:0.7; padding: 20px 0; font-size: .9em; } .shola-btn-support { display: block; width: 100%; background: #366ad3; background: linear-gradient(90deg, #366ad3, #5785e6); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: bold; cursor: pointer; border: none; margin-top: 15px; font-family: inherit; font-size: 1.05em; transition: opacity 0.3s; } .shola-btn-support:hover { opacity: 0.9; color: #fff; } .shola-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 999999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); } .shola-modal-box { background: var(--bg-color, #fff); color: var(--text-color, #333); padding: 25px; border-radius: 8px; width: 90%; max-width: 400px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .darkmode .shola-modal-box { background: #1a1a1a; color: #ddd; border: 1px solid #333; } .shola-modal-close { position: absolute; top: 10px; left: 15px; font-size: 24px; cursor: pointer; color: inherit; opacity: 0.7; font-weight: bold; line-height: 1; } .shola-modal-close:hover { opacity: 1; } function sholaTab(btn, id) { var widget = btn.closest(".shola-widget"); widget.querySelectorAll(".shola-tab").forEach(function(b){ b.classList.remove("active"); }); widget.querySelectorAll(".shola-board").forEach(function(b){ b.style.display = "none"; }); btn.classList.add("active"); document.getElementById("shola-" + id).style.display = "block"; } function sholaOpenModal(modalId) { document.getElementById(modalId).style.display = "flex"; } function sholaCloseModal(modalId) { document.getElementById(modalId).style.display = "none"; } 🔥 تحدي أغسطس 2026 ⏳ 16 يوم متبقي 69,410 شعلة الهدف: 66,666 104.1% 🎉 حققنا هدف الشهر، شكرًا لكل الداعمين! إدعمنا × شراء عملة الشعلة 🏆 أكبر الداعمين هذا الشهر 💎 أكبر الداعمين كل الأوقات 🥇M. K🔥 40,000🥈Yazeed Alsaedi🔥 105🥉Basil Alfaifi🔥 1004husam Al marzouqi🔥 1005Nasser Bin zayed🔥 1006Abdullah Alzahrani🔥 1007A D🔥 1008Faisal Almulhim🔥 1009Humaid Alali🔥 10010azcol azcol200🔥 100 🥇M. K💎 52,000🥈Fares saeed💎 1,100🥉Hamood Mahemed💎 5004Abdullah K💎 5005ibrahim shazly💎 5006Yazeed Alsaedi💎 1057Ahmed khirallh💎 1008السيد الشاب💎 1009med abda💎 10010ABDULWAHAB ALKHALAF💎 100
