تست: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۱: | خط ۱: | ||
<!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: | padding: 0; | ||
margin: 0; | |||
} | } | ||
.container { | .container { | ||
max-width: 100%; | max-width: 100%; | ||
margin: 0 | margin: 0; | ||
background: white; | background: white; | ||
padding: | padding: 0; | ||
border-radius: | border-radius: 0; | ||
box-shadow: | box-shadow: none; | ||
} | } | ||
خط ۳۲: | خط ۳۴: | ||
background: linear-gradient(135deg, #3e6f73, #4a7c59); | background: linear-gradient(135deg, #3e6f73, #4a7c59); | ||
color: white; | color: white; | ||
padding: 20px | padding: 20px 15px; | ||
margin-bottom: 15px; | |||
margin-bottom: | |||
text-align: center; | text-align: center; | ||
} | } | ||
خط ۴۰: | خط ۴۱: | ||
h1 { | h1 { | ||
margin: 0; | margin: 0; | ||
font-size: | font-size: 22px; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
خط ۴۶: | خط ۴۷: | ||
.description { | .description { | ||
color: rgba(255,255,255,0.9); | color: rgba(255,255,255,0.9); | ||
font-size: | font-size: 13px; | ||
margin-top: 8px; | margin-top: 8px; | ||
line-height: 1.5; | |||
} | } | ||
.filter-section { | .filter-section { | ||
margin-bottom: | margin-bottom: 15px; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
padding: | padding: 15px; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
} | } | ||
خط ۶۰: | خط ۶۱: | ||
.filter-row { | .filter-row { | ||
display: flex; | display: flex; | ||
gap: | gap: 10px; | ||
margin-bottom: | margin-bottom: 0; | ||
} | } | ||
خط ۷۰: | خط ۷۱: | ||
label { | label { | ||
display: block; | display: block; | ||
margin-bottom: | margin-bottom: 6px; | ||
font-weight: 600; | font-weight: 600; | ||
color: #495057; | color: #495057; | ||
font-size: | font-size: 13px; | ||
} | } | ||
select { | select { | ||
width: 100%; | width: 100%; | ||
padding: 12px | padding: 10px 12px; | ||
border: 1px solid #ced4da; | border: 1px solid #ced4da; | ||
border-radius: 6px; | border-radius: 6px; | ||
font-size: | font-size: 13px; | ||
background: white; | background: white; | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
border: | border: 1px solid #e9ecef; | ||
} | } | ||
خط ۹۱: | خط ۹۲: | ||
outline: none; | outline: none; | ||
border-color: #3e6f73; | border-color: #3e6f73; | ||
box-shadow: 0 0 0 | box-shadow: 0 0 0 2px rgba(62, 111, 115, 0.1); | ||
} | } | ||
خط ۱۰۲: | خط ۱۰۳: | ||
.content-frame { | .content-frame { | ||
margin-top: | margin-top: 0; | ||
border: 1px solid #dee2e6; | border: 1px solid #dee2e6; | ||
border-radius: | border-radius: 0; | ||
overflow: hidden; | overflow: hidden; | ||
background: white; | background: white; | ||
height: | height: calc(100vh - 250px); | ||
min-height: 400px; | |||
} | } | ||
.content-header { | .content-header { | ||
padding: 15px | padding: 12px 15px; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
border-bottom: 1px solid #dee2e6; | border-bottom: 1px solid #dee2e6; | ||
خط ۱۲۲: | خط ۱۲۴: | ||
font-weight: 600; | font-weight: 600; | ||
color: #3e6f73; | color: #3e6f73; | ||
font-size: | font-size: 14px; | ||
} | } | ||
.content-controls { | .content-controls { | ||
display: flex; | display: flex; | ||
gap: | gap: 8px; | ||
} | } | ||
.control-btn { | .control-btn { | ||
background: white; | background: white; | ||
border: | border: 1px solid #dee2e6; | ||
border-radius: | border-radius: 4px; | ||
padding: | padding: 6px 12px; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: | font-size: 12px; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 4px; | ||
font-weight: 600; | font-weight: 600; | ||
color: #495057; | color: #495057; | ||
خط ۱۴۹: | خط ۱۵۱: | ||
color: white; | color: white; | ||
border-color: #3e6f73; | border-color: #3e6f73; | ||
} | } | ||
.iframe-container { | .iframe-container { | ||
width: 100%; | width: 100%; | ||
height: calc(100% - | height: calc(100% - 50px); | ||
position: relative; | position: relative; | ||
} | } | ||
خط ۱۷۱: | خط ۱۷۲: | ||
height: 100%; | height: 100%; | ||
color: #6c757d; | color: #6c757d; | ||
font-size: | font-size: 14px; | ||
text-align: center; | text-align: center; | ||
padding: 20px; | padding: 20px; | ||
خط ۱۸۱: | خط ۱۸۲: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
padding: 15px | padding: 12px 15px; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border-top: 1px solid #dee2e6; | border-top: 1px solid #dee2e6; | ||
gap: | gap: 8px; | ||
} | } | ||
.wiki-link, .site-link, .view-link { | .wiki-link, .site-link, .view-link { | ||
background: | background: #3e6f73; | ||
color: white; | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: 600; | font-weight: 600; | ||
padding: | padding: 10px 15px; | ||
border-radius: | border-radius: 4px; | ||
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: | font-size: 13px; | ||
text-align: center; | text-align: center; | ||
flex: 1; | flex: 1; | ||
خط ۲۰۲: | خط ۲۰۳: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 6px; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
.site-link { | .site-link { | ||
background: | background: #6c757d; | ||
} | } | ||
.view-link { | .view-link { | ||
background: | background: #4a7c59; | ||
} | } | ||
.wiki-link:hover, .site-link:hover, .view-link:hover { | .wiki-link:hover, .site-link:hover, .view-link:hover { | ||
opacity: 0.9; | |||
transform: translateY(-1px); | |||
} | } | ||
.loading-bar { | .loading-bar { | ||
height: | height: 2px; | ||
background: linear-gradient(90deg, #8fb996, #3e6f73); | background: linear-gradient(90deg, #8fb996, #3e6f73); | ||
width: 0%; | width: 0%; | ||
خط ۲۳۶: | خط ۲۳۶: | ||
.content-frame { | .content-frame { | ||
height: | height: calc(100vh - 280px); | ||
min-height: 350px; | |||
} | } | ||
خط ۲۴۹: | خط ۲۵۰: | ||
.content-header { | .content-header { | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 8px; | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
خط ۲۵۶: | خط ۲۵۷: | ||
width: 100%; | width: 100%; | ||
justify-content: space-between; | justify-content: space-between; | ||
} | |||
.header { | |||
padding: 15px 10px; | |||
} | |||
h1 { | |||
font-size: 20px; | |||
} | |||
.description { | |||
font-size: 12px; | |||
} | } | ||
} | } | ||
خط ۳۰۳: | خط ۳۱۶: | ||
<div class="iframe-placeholder" id="iframePlaceholder"> | <div class="iframe-placeholder" id="iframePlaceholder"> | ||
<div> | <div> | ||
<i class="fas fa-book-open" style="font-size: | <i class="fas fa-book-open" style="font-size: 2rem; color: #6c757d; margin-bottom: 10px;"></i> | ||
<p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p> | <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p> | ||
</div> | </div> | ||
خط ۴۱۲: | خط ۴۲۵: | ||
iframePlaceholder.innerHTML = ` | iframePlaceholder.innerHTML = ` | ||
<div> | <div> | ||
<i class="fas fa-spinner fa-spin" style="font-size: | <i class="fas fa-spinner fa-spin" style="font-size: 1.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: | <i class="fas fa-exclamation-triangle" style="font-size: 1.5rem; color: #dc3545; margin-bottom: 10px;"></i> | ||
<p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p> | <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p> | ||
</div> | </div> | ||
خط ۴۹۸: | خط ۵۱۱: | ||
iframePlaceholder.innerHTML = ` | iframePlaceholder.innerHTML = ` | ||
<div> | <div> | ||
<i class="fas fa-book-open" style="font-size: | <i class="fas fa-book-open" style="font-size: 1.5rem; color: #6c757d; margin-bottom: 10px;"></i> | ||
<p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p> | <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p> | ||
</div> | </div> |
نسخهٔ ۱۲ اکتبر ۲۰۲۵، ساعت ۲۲:۴۵
<!DOCTYPE html>
کتابخانه پدیا بایبل
در این بخش میتوانید کتابها و مقالات مختلف را مطالعه کنید.
برای شروع، دستهبندی و سپس مورد مورد نظر خود را انتخاب نمایید.
هیچ محتوایی انتخاب نشده است
لطفاً یک کتاب یا مقاله از لیست انتخاب کنید