کتاب مقدس آنلاین: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۲۸: | خط ۲۸: | ||
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>'); | 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; | padding: 0; | ||
margin: 0; | margin: 0; | ||
| خط ۵۲: | خط ۵۱: | ||
text-align: center; | text-align: center; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: | 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: 0. | font-size: 0.9rem; | ||
color: var(--dark-color); | color: var(--dark-color); | ||
direction: rtl; | |||
} | } | ||
| خط ۷۳: | خط ۷۴: | ||
text-decoration: none; | text-decoration: none; | ||
transition: color 0.3s; | transition: color 0.3s; | ||
font-weight: 500; | |||
} | } | ||
| خط ۸۲: | خط ۸۴: | ||
.breadcrumb-separator { | .breadcrumb-separator { | ||
color: var(--border-color); | color: var(--border-color); | ||
font-weight: 300; | |||
} | } | ||
| خط ۹۱: | خط ۹۴: | ||
.app-header h1 { | .app-header h1 { | ||
color: var(--primary-color); | color: var(--primary-color); | ||
margin-bottom: | 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; | |||
text-align: center; | |||
} | } | ||
.description { | .description { | ||
color: var(--accent-color); | color: var(--accent-color); | ||
font-size: | font-size: 1rem; | ||
font-style: italic; | font-style: italic; | ||
margin-top: 5px; | |||
text-align: center; | |||
} | } | ||
| خط ۱۱۲: | خط ۱۱۹: | ||
box-shadow: 0 4px 8px rgba(0,0,0,0.08); | 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; | |||
} | } | ||
| خط ۱۵۹: | خط ۱۶۸: | ||
border: 1px solid var(--border-color); | border: 1px solid var(--border-color); | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
direction: rtl; | |||
text-align: right; | |||
} | } | ||
| خط ۱۸۵: | خط ۱۹۶: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 10px; | gap: 10px; | ||
direction: rtl; | |||
} | } | ||
| خط ۲۷۳: | خط ۲۸۵: | ||
.app-header { | .app-header { | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
padding: 12px | padding: 12px 15px; | ||
} | } | ||
| خط ۳۳۵: | خط ۳۴۷: | ||
padding: 30px 15px; | padding: 30px 15px; | ||
font-size: 1rem; | font-size: 1rem; | ||
} | |||
.app-header { | |||
padding: 10px 12px; | |||
} | |||
.app-header h1 { | |||
font-size: 1.3rem; | |||
} | } | ||
} | } | ||
| خط ۳۶۴: | خط ۳۸۴: | ||
<body> | <body> | ||
<div class="container"> | <div class="container"> | ||
<header> | <div class="app-header"> | ||
<nav class="breadcrumb"> | <nav class="breadcrumb"> | ||
<a href="https://www.pediabible.com" class="breadcrumb-home">خانه</a> | <a href="https://www.pediabible.com" class="breadcrumb-home">خانه</a> | ||
| خط ۳۷۲: | خط ۳۹۲: | ||
<h1>کتاب مقدس</h1> | <h1>کتاب مقدس</h1> | ||
<p class="description">مطالعه کتاب مقدس با ترجمههای مختلف</p> | <p class="description">مطالعه کتاب مقدس با ترجمههای مختلف</p> | ||
</ | </div> | ||
<div id="content-wrapper"> | <div id="content-wrapper"> | ||