پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
خط ۲۶: خط ۲۵:
         body {
         body {
             font-family: var(--font-family);
             font-family: var(--font-family);
             background-color: #f5f1eb;
             background: linear-gradient(135deg, #f5f1eb 0%, #e8dfd1 100%);
             color: var(--dark-color);
             color: var(--dark-color);
             line-height: 1.6;
             line-height: 1.6;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.05"><path fill="%238B4513" d="M20,20 L80,20 L80,80 L20,80 Z" stroke="%238B4513" stroke-width="2"/></svg>');
            padding: 0;
            margin: 0;
             min-height: 100vh;
             min-height: 100vh;
        }
       
        /* مخفی کردن هدرهای اضافی ویکی */
        body > header:first-child,
        .wiki-header,
        .mw-header,
        #mw-header,
        #header,
        .header {
            display: none !important;
         }
         }
          
          
         .container {
         .container {
             max-width: 1400px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             padding: 10px 20px;
             padding: 5px 15px;
         }
         }
          
          
        /* هدر زیبا */
         .app-header {
         .app-header {
             text-align: center;
             text-align: center;
             margin-bottom: 15px;
             margin-bottom: 30px;
             padding: 15px 20px;
             padding: 30px;
             border-bottom: 2px solid var(--border-color);
             background: linear-gradient(135deg, var(--primary-color) 0%, #34495e 100%);
            background: linear-gradient(to bottom, #f9f6f2, #f0e6d6);
             border-radius: 15px;
             border-radius: 8px;
             box-shadow: 0 10px 30px rgba(0,0,0,0.2);
             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            color: white;
             position: relative;
             position: relative;
            overflow: hidden;
        }
       
        .app-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path fill="%23FFFFFF" d="M20,20 L80,20 L80,80 L20,80 Z" stroke="%23FFFFFF" stroke-width="2"/></svg>');
         }
         }
          
          
خط ۶۶: خط ۶۴:
             justify-content: center;
             justify-content: center;
             align-items: center;
             align-items: center;
             gap: 8px;
             gap: 10px;
             margin-bottom: 10px;
             margin-bottom: 20px;
             font-size: 0.9rem;
             font-size: 1.1rem;
             color: var(--dark-color);
             color: rgba(255,255,255,0.8);
            direction: rtl;
         }
         }
          
          
         .breadcrumb-home {
         .breadcrumb-home {
             color: var(--accent-color);
             color: var(--gold-color);
             text-decoration: none;
             text-decoration: none;
             transition: color 0.3s;
             transition: all 0.3s;
             font-weight: 500;
             font-weight: 500;
         }
         }
          
          
         .breadcrumb-home:hover {
         .breadcrumb-home:hover {
             color: var(--primary-color);
             color: white;
             text-decoration: underline;
             text-decoration: underline;
        }
       
        .breadcrumb-separator {
            color: var(--border-color);
            font-weight: 300;
        }
       
        .breadcrumb-current {
            color: var(--primary-color);
            font-weight: bold;
         }
         }
          
          
         .app-header h1 {
         .app-header h1 {
            color: var(--primary-color);
             margin-bottom: 15px;
             margin-bottom: 5px;
             font-size: 2.5rem;
             font-size: 1.8rem;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
             font-weight: 700;
             font-weight: 700;
             text-align: center;
             text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
         }
         }
          
          
         .description {
         .description {
            color: var(--accent-color);
             font-size: 1.3rem;
             font-size: 1rem;
             opacity: 0.9;
             font-style: italic;
             max-width: 600px;
             margin-top: 3px;
             margin: 0 auto;
             text-align: center;
         }
         }
          
          
        /* سیستم انتخاب */
         .selector-container {
         .selector-container {
             display: grid;
             display: grid;
             grid-template-columns: 1fr 1fr;
             grid-template-columns: 1fr 1fr;
             gap: 12px;
             gap: 15px;
             margin-bottom: 15px;
             margin-bottom: 20px;
             background: white;
             background: white;
             padding: 15px;
             padding: 20px;
             border-radius: 8px;
             border-radius: 12px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.08);
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             direction: rtl;
             direction: rtl;
خط ۱۲۸: خط ۱۱۳:
         .selector-box {
         .selector-box {
             background: white;
             background: white;
             border-radius: 6px;
             border-radius: 8px;
             padding: 12px;
             padding: 15px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
         }
         }
          
          
         .selector-title {
         .selector-title {
             font-size: 0.95rem;
             font-size: 1.1rem;
             margin-bottom: 8px;
             margin-bottom: 10px;
             color: var(--primary-color);
             color: var(--primary-color);
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid var(--border-color);
             padding-bottom: 5px;
             padding-bottom: 8px;
             text-align: center;
             text-align: center;
         }
         }
خط ۱۴۴: خط ۱۲۹:
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 10px 12px;
             padding: 12px 15px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 4px;
             border-radius: 6px;
             background-color: white;
             background-color: white;
             font-size: 0.95rem;
             font-size: 1rem;
             color: var(--dark-color);
             color: var(--dark-color);
             cursor: pointer;
             cursor: pointer;
خط ۱۶۵: خط ۱۵۰:
         .bible-content {
         .bible-content {
             background: white;
             background: white;
             border-radius: 8px;
             border-radius: 12px;
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
             padding: 20px;
             padding: 30px;
             min-height: 700px;
             min-height: 500px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             margin-bottom: 15px;
             margin-bottom: 20px;
             direction: rtl;
             direction: rtl;
             text-align: right;
             text-align: right;
خط ۱۷۷: خط ۱۶۲:
         .chapter-title {
         .chapter-title {
             text-align: center;
             text-align: center;
             margin-bottom: 15px;
             margin-bottom: 25px;
             color: var(--primary-color);
             color: var(--primary-color);
             font-size: 1.4rem;
             font-size: 1.6rem;
             padding-bottom: 8px;
             padding-bottom: 12px;
             border-bottom: 2px solid var(--border-color);
             border-bottom: 2px solid var(--border-color);
         }
         }
خط ۱۸۶: خط ۱۷۱:
         .content-display {
         .content-display {
             width: 100%;
             width: 100%;
             height: 750px;
             height: 650px;
             border: 1px solid var(--border-color);
             border: 1px solid var(--border-color);
             border-radius: 6px;
             border-radius: 8px;
             background: white;
             background: white;
         }
         }
خط ۱۹۶: خط ۱۸۱:
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
             margin-top: 20px;
             margin-top: 25px;
             flex-wrap: wrap;
             flex-wrap: wrap;
             gap: 8px;
             gap: 10px;
             direction: rtl;
             direction: rtl;
         }
         }
          
          
         .nav-btn {
         .nav-btn {
             padding: 10px 18px;
             padding: 12px 20px;
             background-color: var(--secondary-color);
             background-color: var(--secondary-color);
             color: white;
             color: white;
خط ۲۱۰: خط ۱۹۵:
             cursor: pointer;
             cursor: pointer;
             transition: all 0.3s;
             transition: all 0.3s;
             font-size: 0.95rem;
             font-size: 1rem;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 6px;
             gap: 8px;
             font-family: var(--font-family);
             font-family: var(--font-family);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
خط ۲۳۵: خط ۲۲۰:
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             gap: 6px;
             gap: 8px;
             padding: 10px 18px;
             padding: 12px 20px;
             background-color: #87CEEB;
             background-color: #87CEEB;
             color: #404040;
             color: #404040;
خط ۲۴۲: خط ۲۲۷:
             border-radius: 6px;
             border-radius: 6px;
             transition: all 0.3s;
             transition: all 0.3s;
             font-size: 0.95rem;
             font-size: 1rem;
             font-family: var(--font-family);
             font-family: var(--font-family);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
خط ۲۵۶: خط ۲۴۱:
             text-align: center;
             text-align: center;
             color: #7f8c8d;
             color: #7f8c8d;
             padding: 30px 20px;
             padding: 40px 20px;
             border: 2px dashed var(--border-color);
             border: 2px dashed var(--border-color);
             border-radius: 8px;
             border-radius: 8px;
             margin-top: 15px;
             margin-top: 20px;
             font-size: 1rem;
             font-size: 1.1rem;
             background-color: var(--light-color);
             background-color: var(--light-color);
        }
        .loading {
            text-align: center;
            padding: 20px;
            color: var(--accent-color);
        }
        .loading i {
            font-size: 1.5rem;
            margin-bottom: 10px;
         }
         }


خط ۲۸۶: خط ۲۶۰:


         .placeholder i {
         .placeholder i {
             font-size: 2.5rem;
             font-size: 3rem;
             margin-bottom: 12px;
             margin-bottom: 15px;
             color: var(--border-color);
             color: var(--border-color);
        }
        .loading {
            text-align: center;
            padding: 20px;
            color: var(--accent-color);
        }
        .loading i {
            font-size: 2rem;
            margin-bottom: 10px;
         }
         }


خط ۲۹۷: خط ۲۸۲:
         }
         }


         /* استایل‌های مخصوص موبایل */
         /* ریسپانسیو */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
            .container {
                padding: 5px 10px;
            }
           
            .app-header {
                margin-bottom: 10px;
                padding: 12px 15px;
            }
           
            .breadcrumb {
                font-size: 0.8rem;
                margin-bottom: 8px;
            }
           
            .app-header h1 {
                font-size: 1.4rem;
                margin-bottom: 4px;
            }
           
            .description {
                font-size: 0.9rem;
            }
           
             .selector-container {
             .selector-container {
                 grid-template-columns: 1fr;
                 grid-template-columns: 1fr;
                 gap: 8px;
                 gap: 10px;
                margin-bottom: 12px;
                padding: 12px;
            }
           
            .bible-content {
                 padding: 15px;
                 padding: 15px;
                min-height: 600px;
            }
           
            .chapter-title {
                font-size: 1.2rem;
                margin-bottom: 12px;
             }
             }
              
              
             .content-display {
             .content-display {
                 height: 550px;
                 height: 500px;
             }
             }
              
              
             .navigation {
             .navigation {
                 flex-direction: column;
                 flex-direction: column;
                gap: 8px;
             }
             }
              
              
خط ۳۵۱: خط ۳۰۱:
                 width: 100%;
                 width: 100%;
                 justify-content: center;
                 justify-content: center;
                font-size: 0.9rem;
                padding: 8px 15px;
            }
        }
        @media (max-width: 480px) {
            .content-display {
                height: 500px;
            }
           
            .instructions {
                padding: 20px 15px;
                font-size: 0.9rem;
             }
             }
         }
         }
خط ۳۷۰: خط ۳۰۷:
<body>
<body>
     <div class="container">
     <div class="container">
        <!-- هدر زیبا -->
         <div class="app-header">
         <div class="app-header">
             <nav class="breadcrumb">
             <nav class="breadcrumb">
خط ۳۷۶: خط ۳۱۴:
                 <span class="breadcrumb-current">کتابخانه دانشنامه</span>
                 <span class="breadcrumb-current">کتابخانه دانشنامه</span>
             </nav>
             </nav>
             <h1>کتابخانه دانشنامه</h1>
             <h1>کتابخانه دانشنامه تخصصی</h1>
             <p class="description">مطالعه کتاب‌ها و مقالات تخصصی دانشنامه</p>
             <p class="description">دسترسی به مجموعه کامل کتاب‌ها، مقالات و ترجمه‌های تخصصی</p>
         </div>
         </div>
          
          
خط ۵۹۳: خط ۵۳۱:
                         </iframe>
                         </iframe>
                     `;
                     `;
                 }, 300);
                   
                    // مدیریت لینک‌های داخل iframe برای باز شدن در پنجره جدید
                    setTimeout(() => {
                        try {
                            const iframe = document.getElementById('content-iframe');
                            const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
                            const links = iframeDoc.querySelectorAll('a');
                           
                            links.forEach(link => {
                                if (link.href && link.href.includes('pediabible.com')) {
                                    // برای لینک‌های داخلی، action=render اضافه کنیم
                                    link.addEventListener('click', function(e) {
                                        e.preventDefault();
                                        let newUrl = link.href;
                                        if (!newUrl.includes('action=render')) {
                                            if (newUrl.includes('?')) {
                                                newUrl += '&action=render';
                                            } else {
                                                newUrl += '?action=render';
                                            }
                                        }
                                        iframe.src = newUrl;
                                    });
                                } else {
                                    // لینک‌های خارجی در تب جدید باز شوند
                                    link.target = '_blank';
                                }
                            });
                        } catch (error) {
                            console.log('مدیریت لینک‌ها به دلیل CORS ممکن نیست');
                        }
                    }, 2000);
                   
                 }, 500);
                  
                  
                 // لینک صفحه کامل برای باز کردن در تب جدید
                 // لینک صفحه کامل برای باز کردن در تب جدید

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

کتابخانه دانشنامه تخصصی

کتابخانه دانشنامه تخصصی

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

برگرفته از «https://www.pediabible.com/index.php?title=کتابخانه_دانشنامه_کتاب_مقدس&oldid=4182»