→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

نسخهٔ ‏۷ اوت ۲۰۲۵، ساعت ۰۳:۴۴

📖 کتاب مقدس

کلام خداوند برای هدایت بشر

فصل‌های کتاب مقدس

1. پیدایش

2. خروج

3. لاویان

4. اعداد

5. تثنیه

6. یوشع

7. داوران

8. روت

9. اول سموئیل

10. دوم سموئیل

11. اول پادشاهان

12. دوم پادشاهان

@@ خط ۱: / خط ۱: @@
-<div style="max-width:1000px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">
+<div style="max-width:1200px; margin:30px auto; font-family:Arial, sans-serif; text-align:center;">
    <!-- عنوان کتاب -->
@@ خط ۶: / خط ۶: @@
    </h1>
-   <!-- باکس توضیحات شیشه‌ای واقعی -->
+   <!-- باکس توضیحات شیشه‌ای -->
-   <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(12px); border-radius:12px; padding:20px; margin-bottom:30px; border:1px solid rgba(255,255,255,0.4); box-shadow:0 8px 32px rgba(0,0,0,0.2); color:#fff; text-align:center; display:flex; align-items:center; justify-content:center;">
+   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; margin-bottom:30px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1); color:#fff; text-align:center;">
-     <p style="line-height:1.7; margin:0; text-align:center;">
+     <p style="line-height:1.7; margin:0;">
        کلام خداوند برای هدایت بشر
      </p>
    </div>
-   <!-- جدول فصول با افکت شیشه‌ای واقعی -->
+   <!-- جدول فصول واکنشگرا -->
-   <div style="background:rgba(255,255,255,0.12); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.15);">
+   <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1);">
-     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:10px; text-align:center;">فصل‌های کتاب مقدس</h2>
+     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding-bottom:10px;">فصل‌های کتاب مقدس</h2>
-     <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px;">
+     <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:12px;">
-       <!-- فصول با افکت شیشه‌ای واقعی -->
+       <!-- فصول -->
-       <div style="background:rgba(255,255,255,0.18); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; height:100%; text-align:center;">
+       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">1. پیدایش</div>
-. پیدایش
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">2. خروج</div>
-      </div>
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">3. لاویان</div>
-       <div style="background:rgba(255,255,255,0.18); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; height:100%; text-align:center;">
+       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">4. اعداد</div>
-. خروج
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">5. تثنیه</div>
-      </div>
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">6. یوشع</div>
-       <div style="background:rgba(255,255,255,0.18); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; height:100%; text-align:center;">
+       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">7. داوران</div>
-. لاویان
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">8. روت</div>
-      </div>
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">9. اول سموئیل</div>
-       <div style="background:rgba(255,255,255,0.18); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; border:1px solid rgba(255,255,255,0.35); box-shadow:0 4px 16px rgba(0,0,0,0.1); display:flex; align-items:center; justify-content:center; height:100%; text-align:center;">
+       <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">10. دوم سموئیل</div>
-. اعداد
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">11. اول پادشاهان</div>
-      </div>
+      <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(5px); border-radius:8px; padding:12px; color:#fff; font-weight:bold; text-align:center;">12. دوم پادشاهان</div>
      </div>
    </div>