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

✍️

نویسندگان

انتشارات نویسندگان ثبت شده در دانشنامه کتاب مقدس

پیدایش

آفرینش جهان

خروج

رهایی از مصر

لاویان

قوانین مقدس

اعداد

سرگردانی در بیابان

تثنیه

سخنان پایانی

@@ خط ۱: / خط ۱: @@
-<div style="max-width:900px; margin:0 auto; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding:20px;">
+<!-- پس‌زمینه آبی کامل -->
+<div style="position:fixed; top:0; left:0; width:100%; height:100%; background:#e1f5fe; z-index:-1;"></div>
-   <!-- هدر با رنگ آبی کمرنگ و حس ادبی -->
+<div style="max-width:900px; margin:0 auto; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding:40px 20px;">
-   <div style="background:#e1f5fe; color:#01579b; padding:30px; border-radius:10px; text-align:center; margin-bottom:30px; box-shadow:0 4px 12px rgba(0,0,0,0.05); border:1px solid #b3e5fc;">
-     <div style="width:100px; height:100px; background:#4fc3f7; border-radius:50%; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; font-size:40px; color:#01579b; border:2px solid #81d4fa;">✍️</div>
+   <!-- هدر با رنگ سفید و سایه آبی -->
-     <h1 style="margin:0; font-size:28px; font-weight:400; letter-spacing:0.5px; font-family:'Georgia', serif;">نویسندگان</h1>
+   <div style="background:white; color:#01579b; padding:30px; border-radius:10px; text-align:center; margin-bottom:30px; box-shadow:0 4px 12px rgba(1,87,155,0.1); border:1px solid #b3e5fc;">
-     <p style="margin:10px 0 0 0; font-size:16px; font-style:italic; opacity:0.8;">دسترسی به انتشارات نویسندگان ثبت شده در دانشنامه کتاب مقدس</p>
+     <div style="width:100px; height:100px; background:#4fc3f7; border-radius:50%; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; font-size:40px; color:white; border:2px solid #81d4fa;">✍️</div>
+     <h1 style="margin:0; font-size:28px; font-weight:400; letter-spacing:0.5px; font-family:'Georgia', serif;">نویسندگان </h1>
+     <p style="margin:10px 0 0 0; font-size:16px; font-style:italic; opacity:0.8;">انتشارات نویسندگان ثبت شده در دانشنامه کتاب مقدس</p>
    </div>
-   <!-- جدول کتاب‌ها -->
+   <!-- جدول کتاب‌ها با طراحی شیشه‌ای -->
-   <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:15px;">
+   <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px;">
      <!-- کتاب 1 -->
-     <div style="background:#f5f5f5; padding:20px; border-radius:8px; text-align:center; border:1px solid #e0e0e0; transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
+     <div style="background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); padding:20px; border-radius:8px; text-align:center; border:1px solid rgba(179,229,252,0.5); transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
-          onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 4px 8px rgba(0,0,0,0.08)';"
+          onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 6px 16px rgba(1,87,155,0.1)';"
           onmouseout="this.style.transform='';this.style.boxShadow=''">
        <div style="color:#01579b; font-weight:normal; font-size:18px; letter-spacing:0.3px;">پیدایش</div>
-       <div style="color:#757575; font-size:13px; margin-top:5px;">آفرینش جهان</div>
+       <div style="color:#0288d1; font-size:13px; margin-top:5px;">آفرینش جهان</div>
      </div>
      <!-- کتاب 2 -->
-     <div style="background:#f5f5f5; padding:20px; border-radius:8px; text-align:center; border:1px solid #e0e0e0; transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
+     <div style="background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); padding:20px; border-radius:8px; text-align:center; border:1px solid rgba(179,229,252,0.5); transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
-          onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 4px 8px rgba(0,0,0,0.08)';"
+          onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 6px 16px rgba(1,87,155,0.1)';"
           onmouseout="this.style.transform='';this.style.boxShadow=''">
        <div style="color:#01579b; font-weight:normal; font-size:18px; letter-spacing:0.3px;">خروج</div>
-       <div style="color:#757575; font-size:13px; margin-top:5px;">رهایی از مصر</div>
+       <div style="color:#0288d1; font-size:13px; margin-top:5px;">رهایی از مصر</div>
      </div>
      <!-- کتاب 3 -->
-     <div style="background:#f5f5f5; padding:20px; border-radius:8px; text-align:center; border:1px solid #e0e0e0; transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
+     <div style="background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); padding:20px; border-radius:8px; text-align:center; border:1px solid rgba(179,229,252,0.5); transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
-          onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 4px 8px rgba(0,0,0,0.08)';"
+          onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 6px 16px rgba(1,87,155,0.1)';"
           onmouseout="this.style.transform='';this.style.boxShadow=''">
        <div style="color:#01579b; font-weight:normal; font-size:18px; letter-spacing:0.3px;">لاویان</div>
-       <div style="color:#757575; font-size:13px; margin-top:5px;">قوانین مقدس</div>
+       <div style="color:#0288d1; font-size:13px; margin-top:5px;">قوانین مقدس</div>
      </div>
      <!-- کتاب 4 -->
-     <div style="background:#f5f5f5; padding:20px; border-radius:8px; text-align:center; border:1px solid #e0e0e0; transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
+     <div style="background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); padding:20px; border-radius:8px; text-align:center; border:1px solid rgba(179,229,252,0.5); transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
-          onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 4px 8px rgba(0,0,0,0.08)';"
+          onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 6px 16px rgba(1,87,155,0.1)';"
           onmouseout="this.style.transform='';this.style.boxShadow=''">
        <div style="color:#01579b; font-weight:normal; font-size:18px; letter-spacing:0.3px;">اعداد</div>
-       <div style="color:#757575; font-size:13px; margin-top:5px;">سرگردانی در بیابان</div>
+       <div style="color:#0288d1; font-size:13px; margin-top:5px;">سرگردانی در بیابان</div>
      </div>
      <!-- کتاب 5 -->
-     <div style="background:#f5f5f5; padding:20px; border-radius:8px; text-align:center; border:1px solid #e0e0e0; transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
+     <div style="background:rgba(255,255,255,0.8); backdrop-filter:blur(5px); padding:20px; border-radius:8px; text-align:center; border:1px solid rgba(179,229,252,0.5); transition:all 0.3s ease; cursor:pointer; font-family:'Georgia', serif;"
-          onmouseover="this.style.transform='translateY(-3px)';this.style.boxShadow='0 4px 8px rgba(0,0,0,0.08)';"
+          onmouseover="this.style.transform='translateY(-5px)';this.style.boxShadow='0 6px 16px rgba(1,87,155,0.1)';"
           onmouseout="this.style.transform='';this.style.boxShadow=''">
        <div style="color:#01579b; font-weight:normal; font-size:18px; letter-spacing:0.3px;">تثنیه</div>
-       <div style="color:#757575; font-size:13px; margin-top:5px;">سخنان پایانی</div>
+       <div style="color:#0288d1; font-size:13px; margin-top:5px;">سخنان پایانی</div>
      </div>
    </div>
 </div>