انجام پایان نامه در ابرکوه: راهنمای جامع و تضمینی برای موفقیت تحصیلی

/* این بخش استایل‌ها برای اطمینان از نمایش صحیح و رسپانسیو بودن در ویرایشگرهای بلوک و کلاسیک اضافه شده است */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap’);
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://example.com/fonts/BNazanin.woff2’) format(‘woff2’),
url(‘https://example.com/fonts/BNazanin.woff’) format(‘woff’);
/* مسیردهی به فونت محلی یا استفاده از فونت‌های سیستمی جایگزین */
/* برای استفاده در یک ویرایشگر بلوک، بهتر است از فونت‌های وب مانند Vazirmatn استفاده شود که معمولا در پلتفرم‌ها موجود است یا از طریق گوگل فونت لود می‌شود. */
}

body {
font-family: ‘B Nazanin’, ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: right;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* رنگ پس‌زمینه کلی برای بدنه */
}

/* تنظیمات عمومی برای بخش اصلی محتوا */
div[style*=”max-width: 1200px”] {
background-color: #ffffff; /* رنگ پس‌زمینه سفید برای محتوای اصلی */
border-radius: 12px;
box-shadow: 0 6px 30px rgba(0,0,0,0.08);
padding: 30px; /* افزایش پدینگ برای زیبایی بیشتر */
margin: 40px auto; /* فاصله از بالا و پایین */
}

/* رسپانسیو کردن هدینگ‌ها */
h1 {
font-size: 3.2em;
font-weight: 800;
color: #0a2e4a;
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
}
h2 {
font-size: 2.4em;
font-weight: 700;
color: #0a2e4a;
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 2px solid #007bff;
padding-bottom: 10px;
}
h3 {
font-size: 1.8em;
font-weight: 600;
color: #0d4a75;
margin-top: 35px;
margin-bottom: 20px;
}

p, li {
font-size: 1.1em;
line-height: 1.8;
color: #333;
margin-bottom: 15px;
}

ul, ol {
padding-right: 25px; /* برای راست‌چین */
padding-left: 0;
list-style-position: inside; /* برای اینکه بولت‌ها داخل پدینگ نباشند */
}
ul li, ol li {
margin-bottom: 10px;
}

/* باکس‌های هشدار و نکته */
div[style*=”background-color: #e6f7ff”],
div[style*=”background-color: #fff3e0″] {
border-radius: 8px;
padding: 18px 25px;
margin: 35px 0;
}

/* جداول */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
font-size: 1em;
box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* سایه برای جدول */
border-radius: 8px; /* گوشه‌های گرد برای جدول */
overflow: hidden; /* برای اعمال border-radius به محتوا */
}
table thead tr {
background-color: #007bff;
color: white;
}
table th, table td {
padding: 15px;
border: 1px solid #ddd;
text-align: right;
}
table tbody tr:nth-child(even) {
background-color: #f8f8f8; /* رنگ متناوب برای ردیف‌ها */
}
table tbody tr:hover {
background-color: #eef; /* هایلایت در هنگام هاور */
}

/* بخش اینفوگرافیک مفهومی */
div[style*=”background-color: #f0f7ff”] {
border-radius: 10px;
padding: 25px;
margin: 40px 0;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
display: block; /* برای اینکه در موبایل هم بلوکی نمایش داده شود */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] {
gap: 20px;
}
div[style*=”flex: 1 1 280px”] {
background-color: #e3f2fd;
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 140px; /* حداقل ارتفاع برای یکنواختی در موبایل */
}

/* جزئیات FAQ */
details {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
margin-bottom: 15px;
box-shadow: 0 1px 5px rgba(0,0,0,0.03);
}
summary {
font-size: 1.2em;
font-weight: 600;
color: #0a2e4a;
cursor: pointer;
padding: 15px 20px;
outline: none;
}
details[open] summary {
background-color: #f7f7f7;
border-bottom: 1px solid #eee;
}
details p {
padding: 10px 20px 15px;
font-size: 1.05em;
line-height: 1.7;
color: #444;
margin-top: 0;
}

/* رنگ‌بندی برای بخش‌های مختلف اینفوگرافیک */
.infographic-step-1 { background-color: #e3f2fd; color: #0d47a1; } /* Blue */
.infographic-step-2 { background-color: #e8f5e9; color: #2e7d32; } /* Green */
.infographic-step-3 { background-color: #fffde7; color: #f9a825; } /* Yellow */
.infographic-step-4 { background-color: #ffebee; color: #c62828; } /* Red */
.infographic-step-5 { background-color: #f3e5f5; color: #6a1b9a; } /* Purple */
.infographic-step-6 { background-color: #e0f2f7; color: #006064; } /* Teal */

/* Media Queries برای رسپانسیو بودن */
@media (max-width: 768px) {
h1 { font-size: 2.5em; margin-bottom: 30px; }
h2 { font-size: 2em; margin-top: 40px; margin-bottom: 20px; }
h3 { font-size: 1.5em; margin-top: 30px; margin-bottom: 15px; }
p, li { font-size: 1em; line-height: 1.7; }
div[style*=”max-width: 1200px”] { padding: 15px; margin: 20px auto; }
div[style*=”background-color: #e6f7ff”],
div[style*=”background-color: #fff3e0″] { padding: 15px; margin: 25px 0; }
table th, table td { padding: 10px; }
div[style*=”flex: 1 1 280px”] { flex: 1 1 100%; margin-bottom: 15px; } /* تک ستونی در موبایل */
summary { font-size: 1.1em; padding: 10px 15px; }
details p { padding: 8px 15px 12px; }
}

@media (max-width: 480px) {
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.3em; }
p, li { font-size: 0.95em; line-height: 1.6; }
div[style*=”max-width: 1200px”] { padding: 10px; margin: 15px auto; }
div[style*=”background-color: #e6f7ff”],
div[style*=”background-color: #fff3e0″] { padding: 12px; margin: 20px 0; }
table { font-size: 0.9em; }
div[style*=”flex: 1 1 280px”] { padding: 15px; }
summary { font-size: 1em; }
details p { padding: 5px 10px 10px; }
}

/* استایل برای تبلت و تلویزیون */
@media (min-width: 769px) and (max-width: 1200px) {
h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.6em; }
p, li { font-size: 1.05em; }
div[style*=”max-width: 1200px”] { padding: 25px; margin: 30px auto; }
}
/* برای تلویزیون (صفحات نمایش بزرگتر از 1200px) */
@media (min-width: 1201px) {
/* از استایل‌های پیش‌فرض که در بالا تنظیم شده‌اند استفاده می‌کند */
}

// این اسکریپت تنها برای اطمینان از اعمال درست استایل‌ها در برخی محیط‌ها است و برای محتوای ایستا ضروری نیست.
// در ویرایشگرهای بلوک، استایل‌های درون‌خطی و تگ معمولاً به خوبی عمل می‌کنند.