پرش به محتوا

کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۹: خط ۱۹:
             line-height: 1.6;
             line-height: 1.6;
             min-height: 100vh;
             min-height: 100vh;
        }
       
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
       
        /* هدر با اثر هنری */
        .header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 80px 0 60px 0;
            text-align: center;
             position: relative;
             position: relative;
             overflow: hidden;
             padding: 40px 20px;
         }
         }
          
          
         .header::before {
         /* حروف باستانی در کل پس‌زمینه */
        body::before {
             content: '';
             content: '';
             position: absolute;
             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% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
                 radial-gradient(circle at 20% 80%, rgba(139, 69, 19, 0.03) 0%, transparent 50%),
                 radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);
                 radial-gradient(circle at 80% 20%, rgba(165, 42, 42, 0.03) 0%, transparent 50%),
            opacity: 0.3;
                repeating-linear-gradient(
        }
                    45deg,
       
                    transparent,
        /* اثر هنری صلیب و تاب مقدس */
                    transparent 10px,
        .holy-symbols {
                    rgba(139, 69, 19, 0.02) 10px,
            position: absolute;
                    rgba(139, 69, 19, 0.02) 20px
            top: 50%;
                );
            left: 50%;
             z-index: -1;
            transform: translate(-50%, -50%);
            width: 300px;
            height: 200px;
            opacity: 0.1;
        }
       
        .cross {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 120px;
        }
       
        .cross::before, .cross::after {
            content: '';
            position: absolute;
            background: rgba(255,255,255,0.8);
        }
       
        .cross::before {
            width: 4px;
            height: 100%;
            left: 50%;
            transform: translateX(-50%);
        }
       
        .cross::after {
            width: 60px;
            height: 4px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
       
        .ark {
            position: absolute;
            top: 30%;
            left: 30%;
            width: 100px;
            height: 60px;
            border: 2px solid rgba(255,255,255,0.6);
            border-radius: 8px;
        }
       
        .ark::before {
            content: '';
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 10px;
            background: rgba(255,255,255,0.6);
            border-radius: 4px 4px 0 0;
        }
       
        .site-title {
            font-size: 3.5rem;
            font-weight: 300;
            margin-bottom: 15px;
            position: relative;
             z-index: 2;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
         }
         }
          
          
         .site-subtitle {
         .ancient-letters-overlay {
            font-size: 1.4rem;
             position: fixed;
            font-weight: 300;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
            line-height: 1.8;
        }
       
        /* منوی ناوبری */
        .nav-menu {
            background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
            padding: 0;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
             position: sticky;
             top: 0;
             top: 0;
             z-index: 1000;
             left: 0;
        }
             right: 0;
       
             bottom: 0;
        .nav-container {
             opacity: 0.15;
             max-width: 1200px;
            font-size: 120px;
             margin: 0 auto;
             padding: 0 20px;
        }
       
        .nav-list {
             display: flex;
             display: flex;
            list-style: none;
             justify-content: space-around;
             justify-content: center;
             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;
         }
         }
          
          
         .nav-item {
         .letter {
             position: relative;
             margin: 0 15px;
            color: rgba(139, 69, 19, 0.3);
            animation: float 6s ease-in-out infinite;
         }
         }
          
          
         .nav-link {
         .letter:nth-child(2n) {
             display: flex;
             animation-delay: 1s;
            align-items: center;
            gap: 8px;
            color: white;
            text-decoration: none;
            padding: 18px 25px;
            transition: all 0.3s ease;
            font-weight: 500;
            border-bottom: 3px solid transparent;
         }
         }
          
          
         .nav-link:hover {
         .letter:nth-child(3n) {
            background: rgba(255,255,255,0.1);
             animation-delay: 2s;
             border-bottom-color: #D4AF37;
         }
         }
          
          
         .nav-link i {
         @keyframes float {
             font-size: 1.1rem;
             0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
         }
         }
          
          
         .nav-link.active {
         .container {
             background: rgba(255,255,255,0.15);
             max-width: 1200px;
             border-bottom-color: #D4AF37;
             margin: 0 auto;
         }
         }
          
          
         /* بخش باکس‌ها */
         /* بخش باکس‌ها */
         .boxes-section {
         .boxes-section {
             padding: 80px 0;
             padding: 40px 0;
             background: white;
             background: transparent;
         }
         }
          
          
         .section-title {
         .section-title {
             text-align: center;
             text-align: center;
             font-size: 2.2rem;
             font-size: 2.8rem;
             color: #2c3e50;
             color: #2c3e50;
             margin-bottom: 50px;
             margin-bottom: 60px;
             font-weight: 300;
             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: 35px 30px;
             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(-10px);
             transform: translateY(-8px);
             box-shadow: 0 20px 40px rgba(0,0,0,0.15);
             box-shadow: 0 15px 35px rgba(0,0,0,0.12);
         }
         }
          
          
         .box-icon {
         .box-icon {
             font-size: 3rem;
             font-size: 3.5rem;
             color: #8B4513;
             color: #8B4513;
             margin-bottom: 20px;
             margin-bottom: 25px;
         }
         }
          
          
         .box-title {
         .box-title {
             font-size: 1.5rem;
             font-size: 1.8rem;
             color: #2c3e50;
             color: #2c3e50;
             margin-bottom: 15px;
             margin-bottom: 20px;
             font-weight: 600;
             font-weight: 600;
         }
         }
خط ۲۵۰: خط ۱۴۹:
         .box-description {
         .box-description {
             color: #666;
             color: #666;
             margin-bottom: 25px;
             margin-bottom: 30px;
             line-height: 1.7;
             line-height: 1.7;
             font-size: 1.05rem;
             font-size: 1.15rem;
         }
         }
          
          
         .box-btn {
         .box-btn {
             display: inline-block;
             display: inline-block;
             padding: 12px 30px;
             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);
        }
       
        /* فوتر */
        .footer {
            background: #2c3e50;
            color: white;
            text-align: center;
            padding: 40px 0;
            margin-top: 60px;
        }
       
        /* منوی موبایل */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 10px;
         }
         }
          
          
خط ۳۰۲: خط ۱۸۱:
             }
             }
              
              
             .site-title {
             .section-title {
                 font-size: 3rem;
                 font-size: 2.4rem;
             }
             }
              
              
             .site-subtitle {
             .ancient-letters-overlay {
                 font-size: 1.3rem;
                 font-size: 80px;
             }
             }
              
              
             .nav-link {
             .box {
                 padding: 15px 20px;
                 padding: 35px 25px;
                font-size: 0.95rem;
             }
             }
         }
         }
خط ۳۲۵: خط ۲۰۳:
             }
             }
              
              
             .site-title {
             .section-title {
                 font-size: 2.5rem;
                 font-size: 2rem;
            }
                 margin-bottom: 40px;
           
            .site-subtitle {
                 font-size: 1.2rem;
                padding: 0 20px;
             }
             }
              
              
خط ۳۳۹: خط ۲۱۳:
              
              
             .box-icon {
             .box-icon {
                 font-size: 2.5rem;
                 font-size: 3rem;
             }
             }
              
              
             .box-title {
             .box-title {
                 font-size: 1.3rem;
                 font-size: 1.6rem;
            }
           
            .section-title {
                font-size: 1.8rem;
                margin-bottom: 30px;
             }
             }
              
              
             .boxes-section {
             .boxes-section {
                 padding: 60px 0;
                 padding: 30px 0;
            }
           
            /* منوی موبایل */
            .mobile-menu-btn {
                display: block;
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%);
            }
           
            .nav-list {
                display: none;
                flex-direction: column;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
                box-shadow: 0 4px 20px rgba(0,0,0,0.2);
            }
           
            .nav-list.active {
                display: flex;
             }
             }
              
              
             .nav-item {
             .ancient-letters-overlay {
                 width: 100%;
                 font-size: 60px;
             }
             }
              
              
             .nav-link {
             body {
                 padding: 15px 20px;
                 padding: 30px 15px;
                justify-content: center;
                border-bottom: 1px solid rgba(255,255,255,0.1);
             }
             }
         }
         }
خط ۳۹۲: خط ۲۳۵:
         /* برای موبایل‌های خیلی کوچک */
         /* برای موبایل‌های خیلی کوچک */
         @media (max-width: 480px) {
         @media (max-width: 480px) {
             .site-title {
             .section-title {
                font-size: 2rem;
                 font-size: 1.8rem;
            }
           
            .site-subtitle {
                 font-size: 1.1rem;
             }
             }
              
              
خط ۴۰۵: خط ۲۴۴:
              
              
             .box-btn {
             .box-btn {
                 padding: 10px 25px;
                 padding: 12px 30px;
                 font-size: 0.9rem;
                 font-size: 1rem;
            }
           
            .ancient-letters-overlay {
                font-size: 40px;
             }
             }
              
              
             .nav-link {
             body {
                 padding: 12px 15px;
                 padding: 20px 10px;
                font-size: 0.9rem;
             }
             }
         }
         }
خط ۴۱۷: خط ۲۵۹:
</head>
</head>
<body>
<body>
     <!-- هدر -->
     <!-- حروف باستانی در کل پس‌زمینه -->
     <header class="header">
     <div class="ancient-letters-overlay">
        <div class="holy-symbols">
        <span class="letter">α</span>
            <div class="cross"></div>
        <span class="letter">β</span>
            <div class="ark"></div>
         <span class="letter">γ</span>
        </div>
        <span class="letter">δ</span>
         <div class="container">
         <span class="letter">א</span>
            <h1 class="site-title">نام سایت مذهبی</h1>
        <span class="letter">ב</span>
            <p class="site-subtitle">
        <span class="letter">ג</span>
                به وبسایت تخصصی مطالعات مذهبی خوش آمدید. اینجا مکانی برای کشف عمیق‌تر مفاهیم دینی،
        <span class="letter">ד</span>
                مطالعه متون مقدس و بهره‌مندی از منابع غنی معنوی است.
        <span class="letter">𐤀</span>
            </p>
        <span class="letter">𐤁</span>
         </div>
        <span class="letter">𐤂</span>
    </header>
        <span class="letter">Δ</span>
 
        <span class="letter">Θ</span>
    <!-- منوی ناوبری -->
        <span class="letter">Λ</span>
    <nav class="nav-menu">
        <span class="letter">Σ</span>
        <div class="nav-container">
        <span class="letter">Ψ</span>
            <button class="mobile-menu-btn">
        <span class="letter">Ω</span>
                <i class="fas fa-bars"></i>
        <span class="letter">𐎀</span>
            </button>
        <span class="letter">𐎁</span>
            <ul class="nav-list">
        <span class="letter">𐎂</span>
                <li class="nav-item">
    </div>
                    <a href="#" class="nav-link active">
                        <i class="fas fa-home"></i>
                        صفحه اصلی
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-book"></i>
                        کتابخانه
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-pray"></i>
                        مطالب معنوی
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-hands-praying"></i>
                        ادعیه و مناجات
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-question-circle"></i>
                        پرسش و پاسخ
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-users"></i>
                        جامعه معنوی
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-info-circle"></i>
                        درباره ما
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-phone"></i>
                        تماس با ما
                    </a>
                </li>
            </ul>
        </div>
    </nav>


     <!-- بخش باکس‌ها -->
     <!-- بخش باکس‌ها -->
خط ۵۱۴: خط ۳۰۶:
                         <i class="fas fa-pray"></i>
                         <i class="fas fa-pray"></i>
                     </div>
                     </div>
                     <h3 class="box-title">مطالب معنوی</h3>
                     <h3 class="box-title">مطالعات دینی</h3>
                     <p class="box-description">
                     <p class="box-description">
                         مقالات تخصصی، داستان‌های آموزنده و مطالب عمیق در زمینه سیر و سلوک  
                         مقالات تخصصی، داستان‌های آموزنده و مطالب عمیق در زمینه سیر و سلوک  
خط ۵۵۰: خط ۳۴۲:
         </div>
         </div>
     </section>
     </section>
    <!-- فوتر -->
    <footer class="footer">
        <div class="container">
            <p>© 2024 نام سایت مذهبی. تمامی حقوق محفوظ است.</p>
        </div>
    </footer>


     <script>
     <script>
         // منوی موبایل
         // انیمیشن حروف
         document.addEventListener('DOMContentLoaded', function() {
         document.addEventListener('DOMContentLoaded', function() {
             const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
             const letters = document.querySelectorAll('.letter');
             const navList = document.querySelector('.nav-list');
             letters.forEach((letter, index) => {
           
                 letter.style.animationDelay = `${index * 0.5}s`;
            mobileMenuBtn.addEventListener('click', function() {
                 navList.classList.toggle('active');
            });
           
            // بستن منو هنگام کلیک روی لینک
            const navLinks = document.querySelectorAll('.nav-link');
            navLinks.forEach(link => {
                link.addEventListener('click', function() {
                    navList.classList.remove('active');
                });
            });
           
            // بستن منو هنگام کلیک خارج از منو
            document.addEventListener('click', function(event) {
                if (!event.target.closest('.nav-menu')) {
                    navList.classList.remove('active');
                }
             });
             });
         });
         });

نسخهٔ ‏۱۰ اکتبر ۲۰۲۵، ساعت ۰۲:۰۱

<!DOCTYPE html> سایت مذهبی - صفحه اصلی

α β γ δ א ב ג ד 𐤀 𐤁 𐤂 Δ Θ Λ Σ Ψ Ω 𐎀 𐎁 𐎂

بخش‌های اصلی سایت

کتابخانه دیجیتال

دسترسی به مجموعه کامل کتاب‌های مذهبی، تفسیرها و منابع مطالعاتی در زمینه‌های مختلف دینی و معنوی

ورود به کتابخانه

مطالعات دینی

مقالات تخصصی، داستان‌های آموزنده و مطالب عمیق در زمینه سیر و سلوک و رشد معنوی

مطالعه مطالب

مناجات و ادعیه

مجموعه کامل ادعیه، مناجات‌ها و اذکار با ترجمه و تفسیر برای استفاده در اوقات مختلف

مشاهده ادعیه

جامعه معنوی

ارتباط با دیگر علاقه‌مندان، پرسش و پاسخ دینی و مشارکت در بحث‌های سازنده معنوی

پیوستن به جامعه