کتاب مقدس آنلاین: تفاوت میان نسخه‌ها
بدون خلاصۀ ویرایش برچسب: برگردانده‌شده |
بدون خلاصۀ ویرایش برچسب: واگردانی دستی |
||
| خط ۱: | خط ۱: | ||
<html lang="fa" dir="rtl"> | <html lang="fa" dir="rtl"> | ||
<head> | <head> | ||
| خط ۳۱: | خط ۳۰: | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
} | } | ||
| خط ۴۶: | خط ۴۳: | ||
.container { | .container { | ||
max-width: | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: | padding: 5px 15px; | ||
} | } | ||
.app-header { | .app-header { | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 20px; | ||
padding: 15px; | padding: 15px 20px; | ||
border-bottom: 2px solid var(--border-color); | border-bottom: 2px solid var(--border-color); | ||
background: linear-gradient(to bottom, #f9f6f2, #f0e6d6); | background: linear-gradient(to bottom, #f9f6f2, #f0e6d6); | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | box-shadow: 0 2px 8px rgba(0,0,0,0.1); | ||
position: relative; | |||
} | } | ||
| خط ۶۶: | خط ۶۴: | ||
align-items: center; | align-items: center; | ||
gap: 8px; | gap: 8px; | ||
margin-bottom: | margin-bottom: 12px; | ||
font-size: 1rem; | font-size: 1.1rem; | ||
color: var(--dark-color); | |||
direction: rtl; | |||
} | } | ||
| خط ۹۵: | خط ۹۵: | ||
color: var(--primary-color); | color: var(--primary-color); | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
font-size: 1. | font-size: 1.8rem; | ||
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | ||
font-weight: 700; | font-weight: 700; | ||
text-align: center; | |||
} | } | ||
.description { | .description { | ||
color: # | color:#808080; | ||
font-size: | font-size:1.2rem; | ||
font-style: italic; | font-style: italic; | ||
margin-top: 5px; | margin-top: 5px; | ||
text-align: center; | |||
} | } | ||
| خط ۱۱۰: | خط ۱۱۲: | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
gap: | gap: 15px; | ||
margin-bottom: | margin-bottom: 20px; | ||
background: white; | background: white; | ||
padding: 15px; | padding: 15px; | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 | 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; | |||
text-align: right; | |||
} | } | ||
| خط ۱۲۲: | خط ۱۲۶: | ||
background: white; | background: white; | ||
border-radius: 6px; | border-radius: 6px; | ||
padding: | padding: 12px; | ||
border: 1px solid var(--border-color); | |||
} | } | ||
.selector-title { | .selector-title { | ||
font-size: | font-size: 1rem; | ||
margin-bottom: 8px; | margin-bottom: 8px; | ||
color: var(--primary-color); | color: var(--primary-color); | ||
| خط ۱۳۶: | خط ۱۴۱: | ||
select { | select { | ||
width: 100%; | width: 100%; | ||
padding: | padding: 10px 12px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
border-radius: 4px; | border-radius: 4px; | ||
background-color: white; | background-color: white; | ||
font-size: 0. | font-size: 0.95rem; | ||
color: var(--dark-color); | color: var(--dark-color); | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.3s; | transition: all 0.3s; | ||
font-family: var(--font-family); | font-family: var(--font-family); | ||
text-align: right; | |||
direction: rtl; | |||
} | } | ||
| خط ۱۵۶: | خط ۱۶۳: | ||
background: white; | background: white; | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 | box-shadow: 0 4px 12px rgba(0,0,0,0.1); | ||
padding: | padding: 25px; | ||
min-height: | min-height: 500px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
margin-bottom: | margin-bottom: 20px; | ||
direction: rtl; | |||
text-align: right; | |||
} | } | ||
.chapter-title { | .chapter-title { | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 20px; | ||
color: var(--primary-color); | color: var(--primary-color); | ||
font-size: 1. | font-size: 1.5rem; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
border-bottom: 2px solid var(--border-color); | border-bottom: 2px solid var(--border-color); | ||
| خط ۱۷۴: | خط ۱۸۳: | ||
.content-display { | .content-display { | ||
width: 100%; | width: 100%; | ||
height: | height: 650px; | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
border-radius: 6px; | border-radius: 6px; | ||
| خط ۱۸۴: | خط ۱۹۳: | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | align-items: center; | ||
margin-top: | margin-top: 25px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 10px; | ||
direction: rtl; | |||
} | } | ||
.nav-btn { | .nav-btn { | ||
padding: | 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: | font-size: 1rem; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| خط ۲۲۳: | خط ۲۳۳: | ||
justify-content: center; | justify-content: center; | ||
gap: 8px; | gap: 8px; | ||
padding: | padding: 12px 20px; | ||
background-color: #87CEEB; | background-color: #87CEEB; | ||
color: #000000; | color: #000000; | ||
| خط ۲۲۹: | خط ۲۳۹: | ||
border-radius: 6px; | border-radius: 6px; | ||
transition: all 0.3s; | transition: all 0.3s; | ||
font-size: | 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: | padding: 40px 20px; | ||
border: 2px dashed var(--border-color); | border: 2px dashed var(--border-color); | ||
border-radius: 8px; | border-radius: 8px; | ||
margin-top: | margin-top: 20px; | ||
font-size: 1rem; | font-size: 1.1rem; | ||
background-color: var(--light-color); | background-color: var(--light-color); | ||
} | } | ||
| خط ۲۵۳: | خط ۲۶۳: | ||
.access-denied { | .access-denied { | ||
text-align: center; | text-align: center; | ||
padding: | padding: 40px; | ||
background: #fee; | background: #fee; | ||
border-radius: 8px; | border-radius: 8px; | ||
border: 2px solid #f5c6cb; | border: 2px solid #f5c6cb; | ||
color: #721c24; | color: #721c24; | ||
margin-top: | margin-top: 20px; | ||
} | } | ||
| خط ۲۶۴: | خط ۲۷۴: | ||
color: #721c24; | color: #721c24; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
font-size: 1. | font-size: 1.5rem; | ||
} | } | ||
.info-message { | .info-message { | ||
text-align: center; | text-align: center; | ||
padding: | padding: 10px; | ||
background: #e7f3ff; | background: #e7f3ff; | ||
border-radius: 5px; | border-radius: 5px; | ||
margin-top: 10px; | margin-top: 10px; | ||
font-size: 0. | font-size: 0.9rem; | ||
color: #0066cc; | color: #0066cc; | ||
} | } | ||
| خط ۳۰۰: | خط ۲۹۴: | ||
.app-header { | .app-header { | ||
margin-bottom: | margin-bottom: 15px; | ||
padding: 12px; | padding: 12px 15px; | ||
} | } | ||
.breadcrumb { | .breadcrumb { | ||
font-size: 0.85rem; | font-size: 0.85rem; | ||
margin-bottom: | margin-bottom: 10px; | ||
} | } | ||
.app-header h1 { | .app-header h1 { | ||
font-size: 1. | font-size: 1.5rem; | ||
margin-bottom: 6px; | margin-bottom: 6px; | ||
} | } | ||
| خط ۳۲۰: | خط ۳۱۴: | ||
.selector-container { | .selector-container { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
gap: | gap: 10px; | ||
margin-bottom: | margin-bottom: 20px; | ||
padding: | padding: 15px; | ||
} | } | ||
.bible-content { | .bible-content { | ||
padding: 15px; | padding: 15px; | ||
min-height: | min-height: 450px; | ||
} | } | ||
.chapter-title { | .chapter-title { | ||
font-size: 1. | font-size: 1.3rem; | ||
margin-bottom: | margin-bottom: 15px; | ||
} | } | ||
.content-display { | .content-display { | ||
height: | height: 500px; | ||
} | } | ||
.navigation { | .navigation { | ||
flex-direction: column; | flex-direction: column; | ||
gap: | gap: 10px; | ||
} | } | ||
| خط ۳۵۲: | خط ۳۴۶: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.content-display { | .content-display { | ||
height: | height: 450px; | ||
} | } | ||
.nav-btn, .wiki-link { | .nav-btn, .wiki-link { | ||
padding: | padding: 10px 15px; | ||
font-size: 0. | font-size: 0.9rem; | ||
} | } | ||
.instructions { | .instructions { | ||
padding: | padding: 30px 15px; | ||
font-size: | font-size: 1rem; | ||
} | } | ||
.app-header { | .app-header { | ||
padding: 10px; | padding: 10px 12px; | ||
} | } | ||
.app-header h1 { | .app-header h1 { | ||
font-size: 1. | font-size: 1.3rem; | ||
} | } | ||
} | |||
/* استایل برای حالت انتخاب نشده */ | |||
.placeholder { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
justify-content: center; | |||
height: 100%; | |||
color: #7f8c8d; | |||
text-align: center; | |||
} | |||
.placeholder i { | |||
font-size: 3rem; | |||
margin-bottom: 15px; | |||
color: var(--border-color); | |||
} | |||
/* استایل برای راست‌چین کامل */ | |||
option { | |||
direction: rtl; | |||
text-align: right; | |||
} | } | ||
</style> | </style> | ||
نسخهٔ ۱۰ اکتبر ۲۰۲۵، ساعت ۰۵:۴۲
کتاب مقدس آنلاین
مطالعه ترجمه‌های مختلف بصورت کاربردی با واژه نامه تخصصی