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

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

📖 کتاب مقدس

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

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

       1. پیدایش

       2. خروج

       3. لاویان

       4. اعداد

@@ خط ۶: / خط ۶: @@
    </h1>
-   <!-- باکس توضیحات با حاشیه سفید ضخیم -->
+   <!-- باکس توضیحات شیشه‌ای واقعی -->
-   <div style="background:rgba(255,255,255,0.15); backdrop-filter:blur(12px); border-radius:12px; padding:20px; margin-bottom:30px; border:2px solid rgba(255,255,255,0.7); box-shadow:0 8px 32px rgba(0,0,0,0.2); color:#fff; text-align:center;">
+   <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;">
-     <p style="line-height:1.7; margin:0;">
+     <p style="line-height:1.7; margin:0; text-align:center;">
        کلام خداوند برای هدایت بشر
      </p>
    </div>
-   <!-- جدول فصول با حاشیه سفید واضح -->
+   <!-- جدول فصول با افکت شیشه‌ای واقعی -->
-   <div style="background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:2px solid rgba(255,255,255,0.6); box-shadow:0 8px 32px rgba(0,0,0,0.15);">
+   <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);">
-     <h2 style="margin-top:0; color:#fff; border-bottom:2px solid rgba(255,255,255,0.5); padding-bottom:10px;">فصل‌های کتاب مقدس</h2>
+     <h2 style="margin-top:0; color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:10px; text-align:center;">فصل‌های کتاب مقدس</h2>
      <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px;">
-       <!-- فصول با حاشیه سفید ضخیم -->
+       <!-- فصول با افکت شیشه‌ای واقعی -->
-       <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:2px solid rgba(255,255,255,0.8); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
+       <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>
-       <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:2px solid rgba(255,255,255,0.8); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
+       <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>
-       <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:2px solid rgba(255,255,255,0.8); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
+       <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>
-       <div style="background:rgba(255,255,255,0.2); backdrop-filter:blur(8px); border-radius:10px; padding:15px; color:#fff; font-weight:bold; text-align:center; border:2px solid rgba(255,255,255,0.8); box-shadow:0 4px 16px rgba(0,0,0,0.1);">
+       <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>