صور الرواية
.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 ⏳ 14 يوم متبقي 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
يون تشي
تشياني يينغ إير
(تشياني يينغ إير بدم الشيطان)
كايزي
تشي ووياو
ياسمين
كايزي
تشياني يينغ إير
ياسمين
مو شوانيين
تشياني يينغ إير
(تشياني يينغ إير بدم الشيطان)
يون تشي وشياو لينغشي
يون تشي وشياو لينغشي
شيا تشينغيوي
شيا تشينغيوي
(تشياني يينغ إير بدم الشيطان)
