کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخهها
ظاهر
صفحهای تازه حاوی «<!DOCTYPE html> <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>کتابخانه دانشنامه تخصصی</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> :root { --primary-color: #2c3e50; --secondary-color: #8B4513;...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
خط ۲۶: | خط ۲۶: | ||
body { | body { | ||
font-family: var(--font-family); | font-family: var(--font-family); | ||
background: | background-color: #f5f1eb; | ||
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: | max-width: 1400px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: | padding: 10px 20px; | ||
} | } | ||
.app-header { | .app-header { | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 15px; | ||
padding: | padding: 15px 20px; | ||
border-bottom: 2px solid var(--border-color); | |||
border-radius: | background: linear-gradient(to bottom, #f9f6f2, #f0e6d6); | ||
box-shadow: 0 | border-radius: 8px; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |||
position: relative; | position: relative; | ||
} | } | ||
خط ۶۵: | خط ۶۶: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 8px; | ||
margin-bottom: | margin-bottom: 10px; | ||
font-size: | font-size: 0.9rem; | ||
color: | color: var(--dark-color); | ||
direction: rtl; | |||
} | } | ||
.breadcrumb-home { | .breadcrumb-home { | ||
color: var(-- | color: var(--accent-color); | ||
text-decoration: none; | text-decoration: none; | ||
transition: | transition: color 0.3s; | ||
font-weight: 500; | font-weight: 500; | ||
} | } | ||
.breadcrumb-home:hover { | .breadcrumb-home:hover { | ||
color: | color: var(--primary-color); | ||
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 { | ||
margin-bottom: | color: var(--primary-color); | ||
font-size: | margin-bottom: 5px; | ||
font-size: 1.8rem; | |||
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | |||
font-weight: 700; | font-weight: 700; | ||
text- | text-align: center; | ||
} | } | ||
.description { | .description { | ||
font-size: | color: var(--accent-color); | ||
font-size: 1rem; | |||
font-style: italic; | |||
margin-top: 3px; | |||
text-align: center; | |||
} | } | ||
.selector-container { | .selector-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
gap: | gap: 12px; | ||
margin-bottom: | margin-bottom: 15px; | ||
background: white; | background: white; | ||
padding: | padding: 15px; | ||
border-radius: | border-radius: 8px; | ||
box-shadow: 0 4px | box-shadow: 0 4px 8px rgba(0,0,0,0.08); | ||
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: | border-radius: 6px; | ||
padding: | padding: 12px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
} | } | ||
.selector-title { | .selector-title { | ||
font-size: | font-size: 0.95rem; | ||
margin-bottom: | margin-bottom: 8px; | ||
color: var(--primary-color); | color: var(--primary-color); | ||
border-bottom: 1px solid var(--border-color); | border-bottom: 1px solid var(--border-color); | ||
padding-bottom: | padding-bottom: 5px; | ||
text-align: center; | text-align: center; | ||
} | } | ||
خط ۱۳۰: | خط ۱۴۴: | ||
select { | select { | ||
width: 100%; | width: 100%; | ||
padding: 12px | padding: 10px 12px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
border-radius: | border-radius: 4px; | ||
background-color: white; | background-color: white; | ||
font-size: | font-size: 0.95rem; | ||
color: var(--dark-color); | color: var(--dark-color); | ||
cursor: pointer; | cursor: pointer; | ||
خط ۱۵۱: | خط ۱۶۵: | ||
.bible-content { | .bible-content { | ||
background: white; | background: white; | ||
border-radius: | border-radius: 8px; | ||
box-shadow: 0 4px 12px rgba(0,0,0,0.1); | box-shadow: 0 4px 12px rgba(0,0,0,0.1); | ||
padding: | padding: 20px; | ||
min-height: | min-height: 700px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
margin-bottom: | margin-bottom: 15px; | ||
direction: rtl; | direction: rtl; | ||
text-align: right; | text-align: right; | ||
خط ۱۶۳: | خط ۱۷۷: | ||
.chapter-title { | .chapter-title { | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 15px; | ||
color: var(--primary-color); | color: var(--primary-color); | ||
font-size: 1. | font-size: 1.4rem; | ||
padding-bottom: | padding-bottom: 8px; | ||
border-bottom: 2px solid var(--border-color); | border-bottom: 2px solid var(--border-color); | ||
} | } | ||
خط ۱۷۲: | خط ۱۸۶: | ||
.content-display { | .content-display { | ||
width: 100%; | width: 100%; | ||
height: | height: 750px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
border-radius: | border-radius: 6px; | ||
background: white; | background: white; | ||
} | } | ||
خط ۱۸۲: | خط ۱۹۶: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
margin-top: | margin-top: 20px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 8px; | ||
direction: rtl; | direction: rtl; | ||
} | } | ||
.nav-btn { | .nav-btn { | ||
padding: | padding: 10px 18px; | ||
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: | font-size: 0.95rem; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 6px; | ||
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: | gap: 6px; | ||
padding: | padding: 10px 18px; | ||
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: | font-size: 0.95rem; | ||
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: | padding: 30px 20px; | ||
border: 2px dashed var(--border-color); | border: 2px dashed var(--border-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
margin-top: | margin-top: 15px; | ||
font-size: | font-size: 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: | font-size: 2.5rem; | ||
margin-bottom: | margin-bottom: 12px; | ||
color: var(--border-color); | color: var(--border-color); | ||
} | } | ||
خط ۲۸۳: | خط ۲۹۷: | ||
} | } | ||
/* | /* استایلهای مخصوص موبایل */ | ||
@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: | gap: 8px; | ||
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: | height: 550px; | ||
} | } | ||
.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> | ||
<p class="description"> | <p class="description">مطالعه کتابها و مقالات تخصصی دانشنامه</p> | ||
</div> | </div> | ||
خط ۵۳۲: | خط ۵۹۳: | ||
</iframe> | </iframe> | ||
`; | `; | ||
}, 300); | |||
}, | |||
// لینک صفحه کامل برای باز کردن در تب جدید | // لینک صفحه کامل برای باز کردن در تب جدید |
نسخهٔ ۱۰ اکتبر ۲۰۲۵، ساعت ۰۰:۱۶
<!DOCTYPE html>