لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا لاحقا
.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🥉Abdulaziz Alzahrani🔥 10041 1🔥 1005Abdullah S🔥 1006Abdullah AL RAGAWY🔥 1007صقر المطيري🔥 1008Aluminum🔥 1009Rayan Alharbi🔥 10010Abdulaziz Abdullah🔥 100 🥇M. K💎 52,000🥈Fares saeed💎 1,100🥉Abdullah K💎 5004ibrahim shazly💎 5005Hamood Mahemed💎 5006Yazeed Alsaedi💎 1057SFM OP💎 1008A N O N Y M O U S💎 1009abdullah Alrehaili💎 10010Mohammed Alotaibi💎 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🥉Abdulaziz Alzahrani🔥 10041 1🔥 1005Abdullah S🔥 1006Abdullah AL RAGAWY🔥 1007صقر المطيري🔥 1008Aluminum🔥 1009Rayan Alharbi🔥 10010Abdulaziz Abdullah🔥 100 🥇M. K💎 52,000🥈Fares saeed💎 1,100🥉Abdullah K💎 5004ibrahim shazly💎 5005Hamood Mahemed💎 5006Yazeed Alsaedi💎 1057SFM OP💎 1008A N O N Y M O U S💎 1009abdullah Alrehaili💎 10010Mohammed Alotaibi💎 100
