پرش به محتوا

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

از دانشنامه کتاب مقدس
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
خط ۳۱: خط ۳۰:
          
          
         .header {
         .header {
             background-color: #3e6f73;
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
             color: white;
             color: white;
             padding: 15px;
             padding: 20px;
             border-radius: 8px;
             border-radius: 8px;
             margin-bottom: 15px;
             margin-bottom: 20px;
             text-align: center;
             text-align: center;
         }
         }
خط ۴۲: خط ۴۱:
             margin: 0;
             margin: 0;
             font-size: 24px;
             font-size: 24px;
            font-weight: 700;
         }
         }
          
          
خط ۵۱: خط ۵۱:
          
          
         .filter-section {
         .filter-section {
             margin-bottom: 15px;
             margin-bottom: 20px;
             background: #f8f9fa;
             background: #f8f9fa;
             padding: 15px;
             padding: 20px;
             border-radius: 8px;
             border-radius: 8px;
             border: 1px solid #dee2e6;
             border: 1px solid #dee2e6;
خط ۶۰: خط ۶۰:
         .filter-row {
         .filter-row {
             display: flex;
             display: flex;
             gap: 10px;
             gap: 15px;
             margin-bottom: 10px;
             margin-bottom: 10px;
         }
         }
خط ۷۰: خط ۷۰:
         label {
         label {
             display: block;
             display: block;
             margin-bottom: 5px;
             margin-bottom: 8px;
             font-weight: bold;
             font-weight: 600;
             color: #495057;
             color: #495057;
             font-size: 14px;
             font-size: 14px;
خط ۷۸: خط ۷۸:
         select {
         select {
             width: 100%;
             width: 100%;
             padding: 8px;
             padding: 12px 15px;
             border: 1px solid #ced4da;
             border: 1px solid #ced4da;
             border-radius: 4px;
             border-radius: 6px;
             font-size: 14px;
             font-size: 14px;
             background: white;
             background: white;
             cursor: pointer;
             cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid #e9ecef;
        }
       
        select:focus {
            outline: none;
            border-color: #3e6f73;
            box-shadow: 0 0 0 3px rgba(62, 111, 115, 0.1);
        }
       
        select:disabled {
            background-color: #f8f9fa;
            color: #6c757d;
            cursor: not-allowed;
            border-color: #dee2e6;
         }
         }
          
          
         .content-frame {
         .content-frame {
             margin-top: 15px;
             margin-top: 20px;
             border: 1px solid #dee2e6;
             border: 1px solid #dee2e6;
             border-radius: 8px;
             border-radius: 8px;
خط ۹۶: خط ۱۱۱:
          
          
         .content-header {
         .content-header {
             padding: 10px 15px;
             padding: 15px 20px;
             background: #f8f9fa;
             background: #f8f9fa;
             border-bottom: 1px solid #dee2e6;
             border-bottom: 1px solid #dee2e6;
خط ۱۱۲: خط ۱۲۷:
         .content-controls {
         .content-controls {
             display: flex;
             display: flex;
             gap: 8px;
             gap: 10px;
         }
         }
          
          
         .control-btn {
         .control-btn {
             background: white;
             background: white;
             border: 1px solid #dee2e6;
             border: 2px solid #dee2e6;
             border-radius: 4px;
             border-radius: 6px;
             padding: 5px 10px;
             padding: 8px 15px;
             cursor: pointer;
             cursor: pointer;
             font-size: 12px;
             font-size: 13px;
             transition: all 0.3s ease;
             transition: all 0.3s ease;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 4px;
             gap: 6px;
            font-weight: 600;
            color: #495057;
         }
         }
          
          
         .control-btn:hover {
         .control-btn:hover {
             background: #e9ecef;
             background: #3e6f73;
            color: white;
            border-color: #3e6f73;
            transform: translateY(-1px);
         }
         }
          
          
         .iframe-container {
         .iframe-container {
             width: 100%;
             width: 100%;
             height: calc(100% - 50px);
             height: calc(100% - 60px);
             position: relative;
             position: relative;
         }
         }
خط ۱۵۳: خط ۱۷۳:
             font-size: 16px;
             font-size: 16px;
             text-align: center;
             text-align: center;
             padding: 15px;
             padding: 20px;
             background: white;
             background: white;
         }
         }
خط ۱۶۱: خط ۱۸۱:
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
             padding: 12px;
             padding: 15px 20px;
             background-color: #f8f9fa;
             background-color: #f8f9fa;
             border-top: 1px solid #dee2e6;
             border-top: 1px solid #dee2e6;
             gap: 10px;
             gap: 12px;
         }
         }
          
          
         .wiki-link, .site-link, .view-link {
         .wiki-link, .site-link, .view-link {
             background-color: #3e6f73;
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
             color: white;
             color: white;
             text-decoration: none;
             text-decoration: none;
             font-weight: bold;
             font-weight: 600;
             padding: 8px 16px;
             padding: 12px 20px;
             border-radius: 4px;
             border-radius: 6px;
             border: none;
             border: none;
             cursor: pointer;
             cursor: pointer;
خط ۱۸۲: خط ۲۰۲:
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             gap: 6px;
             gap: 8px;
            transition: all 0.3s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
         }
         }
          
          
         .site-link {
         .site-link {
             background-color: #6c757d;
             background: linear-gradient(135deg, #6c757d, #495057);
         }
         }
          
          
         .view-link {
         .view-link {
             background-color: #4a7c59;
             background: linear-gradient(135deg, #8fb996, #6c9975);
        }
       
        .site-link:hover {
            background-color: #5a6268;
        }
       
        .wiki-link:hover {
            background-color: #2d5257;
         }
         }
          
          
         .view-link:hover {
         .wiki-link:hover, .site-link:hover, .view-link:hover {
             background-color: #3e6f4a;
             transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
         }
         }
          
          
خط ۲۳۴: خط ۲۴۹:
             .content-header {
             .content-header {
                 flex-direction: column;
                 flex-direction: column;
                 gap: 8px;
                 gap: 10px;
                 align-items: flex-start;
                 align-items: flex-start;
             }
             }
خط ۲۵۸: خط ۲۷۳:
             <div class="filter-row">
             <div class="filter-row">
                 <div class="form-group">
                 <div class="form-group">
                     <label for="categorySelect">دسته‌بندی:</label>
                     <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                     <select id="categorySelect">
                     <select id="categorySelect">
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
خط ۲۶۷: خط ۲۸۲:
                  
                  
                 <div class="form-group">
                 <div class="form-group">
                     <label for="contentSelect">انتخاب محتوا:</label>
                     <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                     <select id="contentSelect" disabled>
                     <select id="contentSelect" disabled>
                         <option value="">ابتدا دسته‌بندی را انتخاب کنید</option>
                         <option value="">ابتدا دسته‌بندی را انتخاب کنید</option>
خط ۲۸۱: خط ۲۹۶:
                     <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                     <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                     <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                     <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                     <button class="control-btn" id="refreshBtn"><i class="fas fa-redo"></i> بارگذاری مجدد</button>
                     <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                 </div>
                 </div>
             </div>
             </div>
خط ۲۹۶: خط ۳۱۱:
             <div class="action-buttons">
             <div class="action-buttons">
                 <a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;">
                 <a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;">
                     <i class="fas fa-external-link-alt"></i>
                     <i class="fas fa-home"></i>
                     مشاهده صفحه در سایت اصلی
                     مشاهده صفحه در سایت اصلی
                 </a>
                 </a>
خط ۳۳۹: خط ۳۵۴:
         const zoomIn = document.getElementById('zoomIn');
         const zoomIn = document.getElementById('zoomIn');
         const zoomOut = document.getElementById('zoomOut');
         const zoomOut = document.getElementById('zoomOut');
         const refreshBtn = document.getElementById('refreshBtn');
         const directView = document.getElementById('directView');
         const loadingBar = document.getElementById('loadingBar');
         const loadingBar = document.getElementById('loadingBar');


خط ۴۴۸: خط ۴۶۳:
             viewLink.style.display = 'flex';
             viewLink.style.display = 'flex';
         }
         }
        // مشاهده مستقیم
        directView.addEventListener('click', function() {
            if (currentContent) {
                const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
                window.open(directUrl, '_blank');
            }
        });


         // کنترل بزرگ‌نمایی
         // کنترل بزرگ‌نمایی
خط ۴۶۵: خط ۴۸۸:
                 currentZoom -= 10;
                 currentZoom -= 10;
                 applyZoom();
                 applyZoom();
            }
        });
        refreshBtn.addEventListener('click', function() {
            if (currentContent) {
                const contentText = contentSelect.options[contentSelect.selectedIndex].text;
                showContent(currentContent, contentText);
             }
             }
         });
         });

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

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

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

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

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