پرش به محتوا

تست: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
خط ۱۸: خط ۱۷:
             color: #333;
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
             padding: 20px;
             padding: 10px;
            min-height: 100vh;
         }
         }
          
          
         .container {
         .container {
             max-width: 1200px;
             max-width: 100%;
             margin: 0 auto;
             margin: 0 auto;
             background: white;
             background: white;
             padding: 20px;
             padding: 15px;
             border-radius: 8px;
             border-radius: 8px;
             box-shadow: 0 0 10px rgba(0,0,0,0.1);
             box-shadow: 0 0 10px rgba(0,0,0,0.1);
خط ۳۳: خط ۳۳:
             background-color: white;
             background-color: white;
             color: #3e6f73;
             color: #3e6f73;
             padding: 20px;
             padding: 15px;
             border-radius: 8px;
             border-radius: 8px;
             margin-bottom: 20px;
             margin-bottom: 15px;
             text-align: center;
             text-align: center;
             border: 2px solid #3e6f73;
             border: 2px solid #3e6f73;
خط ۴۲: خط ۴۲:
         h1 {
         h1 {
             margin: 0;
             margin: 0;
             font-size: 28px;
             font-size: 24px;
             color: #3e6f73;
             color: #3e6f73;
             font-weight: bold;
             font-weight: bold;
خط ۴۹: خط ۴۹:
         .description {
         .description {
             color: #666;
             color: #666;
             font-size: 16px;
             font-size: 14px;
             margin-top: 10px;
             margin-top: 8px;
         }
         }
          
          
         .filter-section {
         .filter-section {
             margin-bottom: 20px;
             margin-bottom: 15px;
         }
         }
          
          
         .filter-row {
         .filter-row {
             display: flex;
             display: flex;
             gap: 15px;
             gap: 10px;
             margin-bottom: 15px;
             margin-bottom: 10px;
         }
         }
          
          
خط ۷۲: خط ۷۲:
             font-weight: bold;
             font-weight: bold;
             color: #495057;
             color: #495057;
            font-size: 14px;
         }
         }
          
          
خط ۸۰: خط ۸۱:
         .custom-select {
         .custom-select {
             width: 100%;
             width: 100%;
             padding: 10px;
             padding: 8px;
             border: 1px solid #ced4da;
             border: 1px solid #ced4da;
             border-radius: 4px;
             border-radius: 4px;
             font-size: 16px;
             font-size: 14px;
             background: white;
             background: white;
             cursor: pointer;
             cursor: pointer;
خط ۱۰۱: خط ۱۰۲:
             z-index: 1000;
             z-index: 1000;
             display: none;
             display: none;
             max-height: 300px;
             max-height: 250px;
             overflow: hidden;
             overflow: hidden;
         }
         }
          
          
         .search-box {
         .search-box {
             padding: 10px;
             padding: 8px;
             border-bottom: 1px solid #eee;
             border-bottom: 1px solid #eee;
             background: #f8f9fa;
             background: #f8f9fa;
خط ۱۱۳: خط ۱۱۴:
         .search-box input {
         .search-box input {
             width: 100%;
             width: 100%;
             padding: 8px 12px;
             padding: 6px 10px;
             border: 1px solid #ddd;
             border: 1px solid #ddd;
             border-radius: 4px;
             border-radius: 4px;
             font-size: 14px;
             font-size: 13px;
         }
         }
          
          
         .options-container {
         .options-container {
             max-height: 250px;
             max-height: 200px;
             overflow-y: auto;
             overflow-y: auto;
         }
         }
          
          
         .option-item {
         .option-item {
             padding: 10px 12px;
             padding: 8px 10px;
             cursor: pointer;
             cursor: pointer;
             border-bottom: 1px solid #f0f0f0;
             border-bottom: 1px solid #f0f0f0;
            font-size: 13px;
         }
         }
          
          
خط ۱۴۱: خط ۱۴۳:
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 10px;
             padding: 8px;
             border: 1px solid #ced4da;
             border: 1px solid #ced4da;
             border-radius: 4px;
             border-radius: 4px;
             font-size: 16px;
             font-size: 14px;
             background: white;
             background: white;
         }
         }
          
          
         .content-frame {
         .content-frame {
             margin-top: 20px;
             margin-top: 15px;
             border: 1px solid #dee2e6;
             border: 1px solid #dee2e6;
             border-radius: 8px;
             border-radius: 8px;
             overflow: hidden;
             overflow: hidden;
             background: white;
             background: white;
             height: 600px;
             height: 500px;
         }
         }
          
          
خط ۱۷۵: خط ۱۷۷:
             height: 100%;
             height: 100%;
             color: #6c757d;
             color: #6c757d;
             font-size: 18px;
             font-size: 16px;
             text-align: center;
             text-align: center;
             padding: 20px;
             padding: 15px;
             background: white;
             background: white;
         }
         }
خط ۱۸۵: خط ۱۸۷:
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
             padding: 15px;
             padding: 12px;
             background-color: #f8f9fa;
             background-color: #f8f9fa;
             border-top: 1px solid #dee2e6;
             border-top: 1px solid #dee2e6;
            gap: 10px;
         }
         }
          
          
         .wiki-link {
         .wiki-link, .site-link {
             background-color: #3e6f73;
             background-color: #3e6f73;
             color: white;
             color: white;
             text-decoration: none;
             text-decoration: none;
             font-weight: bold;
             font-weight: bold;
             padding: 10px 20px;
             padding: 8px 16px;
             border-radius: 4px;
             border-radius: 4px;
             border: none;
             border: none;
             cursor: pointer;
             cursor: pointer;
            font-size: 14px;
            text-align: center;
            flex: 1;
         }
         }
          
          
         .home-link {
         .site-link {
             background-color: #6c757d;
             background-color: #6c757d;
            color: white;
            text-decoration: none;
            font-weight: bold;
            padding: 10px 20px;
            border-radius: 4px;
            border: none;
            cursor: pointer;
         }
         }
          
          
         .home-link:hover {
         .site-link:hover {
             background-color: #5a6268;
             background-color: #5a6268;
         }
         }
خط ۲۲۱: خط ۲۲۰:
          
          
         @media (max-width: 768px) {
         @media (max-width: 768px) {
            body {
                padding: 5px;
            }
           
            .container {
                padding: 10px;
            }
           
             .filter-row {
             .filter-row {
                 flex-direction: column;
                 flex-direction: column;
             }
             }
           
             .content-frame {
             .content-frame {
                 height: 500px;
                 height: 400px;
             }
             }
           
             .action-buttons {
             .action-buttons {
                 flex-direction: column;
                 flex-direction: column;
                gap: 10px;
             }
             }
             .wiki-link, .home-link {
           
             .wiki-link, .site-link {
                 width: 100%;
                 width: 100%;
                text-align: center;
             }
             }
         }
         }
خط ۲۸۲: خط ۲۹۰:
                 <div class="iframe-placeholder" id="iframePlaceholder">
                 <div class="iframe-placeholder" id="iframePlaceholder">
                     <div>
                     <div>
                         <i class="fas fa-book-open" style="font-size: 3rem; color: #6c757d; margin-bottom: 15px;"></i>
                         <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     </div>
                     </div>
خط ۲۸۹: خط ۲۹۷:
             </div>
             </div>
             <div class="action-buttons">
             <div class="action-buttons">
                 <a href="https://www.pediabible.com" class="home-link" target="_blank">
                 <a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;">
                     مشاهده صفحه اصلی
                     مشاهده صفحه در سایت اصلی
                 </a>
                 </a>
                 <a id="wikiLink" href="#" class="wiki-link" target="_blank" style="display: none;">
                 <a id="wikiLink" href="#" class="wiki-link" target="_blank" style="display: none;">
خط ۳۲۳: خط ۳۳۱:
         const iframePlaceholder = document.getElementById('iframePlaceholder');
         const iframePlaceholder = document.getElementById('iframePlaceholder');
         const wikiLink = document.getElementById('wikiLink');
         const wikiLink = document.getElementById('wikiLink');
        const siteLink = document.getElementById('siteLink');


         let isDropdownOpen = false;
         let isDropdownOpen = false;
خط ۴۲۸: خط ۴۳۷:
             const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
             const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
             const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
             const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
            const siteUrl = `https://www.pediabible.com/index.php/${bookValue}`;
              
              
             contentFrame.style.display = 'none';
             contentFrame.style.display = 'none';
خط ۴۳۳: خط ۴۴۳:
             iframePlaceholder.innerHTML = `
             iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-spinner fa-spin" style="font-size: 3rem; color: #3e6f73; margin-bottom: 15px;"></i>
                     <i class="fas fa-spinner fa-spin" style="font-size: 2.5rem; color: #3e6f73; margin-bottom: 10px;"></i>
                     <p>در حال بارگذاری "${bookText}"...</p>
                     <p>در حال بارگذاری "${bookText}"...</p>
                 </div>
                 </div>
خط ۴۴۹: خط ۴۵۹:
                 iframePlaceholder.innerHTML = `
                 iframePlaceholder.innerHTML = `
                     <div>
                     <div>
                         <i class="fas fa-exclamation-triangle" style="font-size: 3rem; color: #dc3545; margin-bottom: 15px;"></i>
                         <i class="fas fa-exclamation-triangle" style="font-size: 2.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                     </div>
                     </div>
خط ۴۵۶: خط ۴۶۶:
             };
             };
              
              
            // به‌روزرسانی لینک‌ها
             wikiLink.href = wikiUrl;
             wikiLink.href = wikiUrl;
             wikiLink.textContent = `مشاهده صفحه کامل "${bookText}"`;
             wikiLink.textContent = `مشاهده صفحه کامل در ویکی`;
             wikiLink.style.display = 'inline-block';
             wikiLink.style.display = 'inline-block';
           
            siteLink.href = siteUrl;
            siteLink.textContent = `مشاهده صفحه در سایت اصلی`;
            siteLink.style.display = 'inline-block';
         }
         }


خط ۴۶۷: خط ۴۸۲:
             iframePlaceholder.innerHTML = `
             iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-book-open" style="font-size: 3rem; color: #6c757d; margin-bottom: 15px;"></i>
                     <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                 </div>
                 </div>
             `;
             `;
             wikiLink.style.display = 'none';
             wikiLink.style.display = 'none';
            siteLink.style.display = 'none';
             contentFrame.src = 'about:blank';
             contentFrame.src = 'about:blank';
         }
         }

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

کتابخانه پدیا بایبل - مطالعه کتاب‌ها و مقالات

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

در این بخش می‌توانید کتاب‌ها و مقالات مختلف را مطالعه کنید. برای شروع، دسته‌بندی و سپس مورد مورد نظر خود را انتخاب نمایید.
ابتدا دسته‌بندی را انتخاب کنید

لطفاً یک کتاب یا مقاله از لیست انتخاب کنید

برگرفته از «https://www.pediabible.com/index.php?title=تست&oldid=4416»