کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۱۹: | خط ۱۹: | ||
line-height: 1.6; | line-height: 1.6; | ||
min-height: 100vh; | min-height: 100vh; | ||
position: relative; | position: relative; | ||
padding: 40px 20px; | |||
} | } | ||
/* حروف باستانی در کل پسزمینه */ | |||
body::before { | |||
content: ''; | content: ''; | ||
position: | position: fixed; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
right: 0; | right: 0; | ||
bottom: 0; | bottom: 0; | ||
background: | background-image: | ||
radial-gradient(circle at 20% | radial-gradient(circle at 20% 80%, rgba(139, 69, 19, 0.03) 0%, transparent 50%), | ||
radial-gradient(circle at 80% 20%, rgba( | radial-gradient(circle at 80% 20%, rgba(165, 42, 42, 0.03) 0%, transparent 50%), | ||
repeating-linear-gradient( | |||
45deg, | |||
transparent, | |||
transparent 10px, | |||
rgba(139, 69, 19, 0.02) 10px, | |||
rgba(139, 69, 19, 0.02) 20px | |||
); | |||
z-index: -1; | |||
z-index: | |||
} | } | ||
. | .ancient-letters-overlay { | ||
position: fixed; | |||
position: | |||
top: 0; | top: 0; | ||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
opacity: 0.15; | |||
font-size: 120px; | |||
display: flex; | display: flex; | ||
justify-content: space-around; | |||
justify-content: | |||
align-items: center; | align-items: center; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
padding: 20px; | |||
font-family: 'Times New Roman', serif; | |||
z-index: -1; | |||
pointer-events: none; | |||
} | } | ||
. | .letter { | ||
margin: 0 15px; | |||
color: rgba(139, 69, 19, 0.3); | |||
animation: float 6s ease-in-out infinite; | |||
} | } | ||
. | .letter:nth-child(2n) { | ||
animation-delay: 1s; | |||
} | } | ||
. | .letter:nth-child(3n) { | ||
animation-delay: 2s; | |||
} | } | ||
@keyframes float { | |||
0%, 100% { transform: translateY(0px); } | |||
50% { transform: translateY(-20px); } | |||
} | } | ||
. | .container { | ||
max-width: 1200px; | |||
margin: 0 auto; | |||
} | } | ||
/* بخش باکسها */ | /* بخش باکسها */ | ||
.boxes-section { | .boxes-section { | ||
padding: | padding: 40px 0; | ||
background: | background: transparent; | ||
} | } | ||
.section-title { | .section-title { | ||
text-align: center; | text-align: center; | ||
font-size: 2. | font-size: 2.8rem; | ||
color: #2c3e50; | color: #2c3e50; | ||
margin-bottom: | margin-bottom: 60px; | ||
font-weight: | font-weight: 400; | ||
} | } | ||
خط ۲۱۱: | خط ۱۱۰: | ||
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); | background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); | ||
border-radius: 15px; | border-radius: 15px; | ||
padding: | padding: 40px 30px; | ||
text-align: center; | text-align: center; | ||
box-shadow: 0 10px 30px rgba(0,0,0,0.08); | box-shadow: 0 10px 30px rgba(0,0,0,0.08); | ||
خط ۲۳۱: | خط ۱۳۰: | ||
.box:hover { | .box:hover { | ||
transform: translateY(- | transform: translateY(-8px); | ||
box-shadow: 0 | box-shadow: 0 15px 35px rgba(0,0,0,0.12); | ||
} | } | ||
.box-icon { | .box-icon { | ||
font-size: | font-size: 3.5rem; | ||
color: #8B4513; | color: #8B4513; | ||
margin-bottom: | margin-bottom: 25px; | ||
} | } | ||
.box-title { | .box-title { | ||
font-size: 1. | font-size: 1.8rem; | ||
color: #2c3e50; | color: #2c3e50; | ||
margin-bottom: | margin-bottom: 20px; | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
خط ۲۵۰: | خط ۱۴۹: | ||
.box-description { | .box-description { | ||
color: #666; | color: #666; | ||
margin-bottom: | margin-bottom: 30px; | ||
line-height: 1.7; | line-height: 1.7; | ||
font-size: 1. | font-size: 1.15rem; | ||
} | } | ||
.box-btn { | .box-btn { | ||
display: inline-block; | display: inline-block; | ||
padding: | padding: 14px 40px; | ||
background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%); | background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%); | ||
color: white; | color: white; | ||
خط ۲۶۶: | خط ۱۶۵: | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: 1rem; | font-size: 1.1rem; | ||
} | } | ||
خط ۲۷۳: | خط ۱۷۲: | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 5px 15px rgba(165, 42, 42, 0.3); | box-shadow: 0 5px 15px rgba(165, 42, 42, 0.3); | ||
} | } | ||
خط ۳۰۲: | خط ۱۸۱: | ||
} | } | ||
. | .section-title { | ||
font-size: | font-size: 2.4rem; | ||
} | } | ||
. | .ancient-letters-overlay { | ||
font-size: | font-size: 80px; | ||
} | } | ||
. | .box { | ||
padding: | padding: 35px 25px; | ||
} | } | ||
} | } | ||
خط ۳۲۵: | خط ۲۰۳: | ||
} | } | ||
. | .section-title { | ||
font-size: | font-size: 2rem; | ||
margin-bottom: 40px; | |||
} | } | ||
خط ۳۳۹: | خط ۲۱۳: | ||
.box-icon { | .box-icon { | ||
font-size: | font-size: 3rem; | ||
} | } | ||
.box-title { | .box-title { | ||
font-size: 1. | font-size: 1.6rem; | ||
} | } | ||
.boxes-section { | .boxes-section { | ||
padding: | padding: 30px 0; | ||
} | } | ||
. | .ancient-letters-overlay { | ||
font-size: 60px; | |||
} | } | ||
body { | |||
padding: 15px | padding: 30px 15px; | ||
} | } | ||
} | } | ||
خط ۳۹۲: | خط ۲۳۵: | ||
/* برای موبایلهای خیلی کوچک */ | /* برای موبایلهای خیلی کوچک */ | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
. | .section-title { | ||
font-size: 1.8rem; | |||
font-size: 1. | |||
} | } | ||
خط ۴۰۵: | خط ۲۴۴: | ||
.box-btn { | .box-btn { | ||
padding: | padding: 12px 30px; | ||
font-size: | font-size: 1rem; | ||
} | |||
.ancient-letters-overlay { | |||
font-size: 40px; | |||
} | } | ||
body { | |||
padding: | padding: 20px 10px; | ||
} | } | ||
} | } | ||
خط ۴۱۷: | خط ۲۵۹: | ||
</head> | </head> | ||
<body> | <body> | ||
<!-- | <!-- حروف باستانی در کل پسزمینه --> | ||
<div class="ancient-letters-overlay"> | |||
<span class="letter">α</span> | |||
<span class="letter">β</span> | |||
<span class="letter">γ</span> | |||
<span class="letter">δ</span> | |||
< | <span class="letter">א</span> | ||
<span class="letter">ב</span> | |||
<span class="letter">ג</span> | |||
<span class="letter">ד</span> | |||
<span class="letter">𐤀</span> | |||
<span class="letter">𐤁</span> | |||
< | <span class="letter">𐤂</span> | ||
<span class="letter">Δ</span> | |||
<span class="letter">Θ</span> | |||
<span class="letter">Λ</span> | |||
<span class="letter">Σ</span> | |||
<span class="letter">Ψ</span> | |||
<span class="letter">Ω</span> | |||
<span class="letter">𐎀</span> | |||
<span class="letter">𐎁</span> | |||
<span class="letter">𐎂</span> | |||
</div> | |||
<!-- بخش باکسها --> | <!-- بخش باکسها --> | ||
خط ۵۱۴: | خط ۳۰۶: | ||
<i class="fas fa-pray"></i> | <i class="fas fa-pray"></i> | ||
</div> | </div> | ||
<h3 class="box-title"> | <h3 class="box-title">مطالعات دینی</h3> | ||
<p class="box-description"> | <p class="box-description"> | ||
مقالات تخصصی، داستانهای آموزنده و مطالب عمیق در زمینه سیر و سلوک | مقالات تخصصی، داستانهای آموزنده و مطالب عمیق در زمینه سیر و سلوک | ||
خط ۵۵۰: | خط ۳۴۲: | ||
</div> | </div> | ||
</section> | </section> | ||
<script> | <script> | ||
// | // انیمیشن حروف | ||
document.addEventListener('DOMContentLoaded', function() { | document.addEventListener('DOMContentLoaded', function() { | ||
const | const letters = document.querySelectorAll('.letter'); | ||
letters.forEach((letter, index) => { | |||
letter.style.animationDelay = `${index * 0.5}s`; | |||
}); | }); | ||
}); | }); |
نسخهٔ ۱۰ اکتبر ۲۰۲۵، ساعت ۰۲:۰۱
<!DOCTYPE html>
بخشهای اصلی سایت
کتابخانه دیجیتال
دسترسی به مجموعه کامل کتابهای مذهبی، تفسیرها و منابع مطالعاتی در زمینههای مختلف دینی و معنوی
ورود به کتابخانهمطالعات دینی
مقالات تخصصی، داستانهای آموزنده و مطالب عمیق در زمینه سیر و سلوک و رشد معنوی
مطالعه مطالبمناجات و ادعیه
مجموعه کامل ادعیه، مناجاتها و اذکار با ترجمه و تفسیر برای استفاده در اوقات مختلف
مشاهده ادعیهجامعه معنوی
ارتباط با دیگر علاقهمندان، پرسش و پاسخ دینی و مشارکت در بحثهای سازنده معنوی
پیوستن به جامعه