انجام پایان نامه کارشناسی ارشد رشته مهندسی ترافیک هوایی + تضمینی

/* CSS برای تنظیمات عمومی و رسپانسیو بودن */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap’); /* فونت فارسی Vazirmatn */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.eot’);
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.eot?#iefix’) format(’embedded-opentype’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.woff’) format(‘woff’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}

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

/* تضمین رسپانسیو بودن کلی */
div, p, h1, h2, h3, ul, table {
max-width: 100%;
box-sizing: border-box; /* برای اینکه padding و border به عرض اضافه نشوند */
}

/* تنظیمات برای تبلت و موبایل */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
padding: 8px !important;
}
h2 {
font-size: 1.6em !important;
padding-bottom: 8px !important;
}
h3 {
font-size: 1.2em !important;
padding-left: 8px !important;
}
p, li, td, th {
font-size: 0.95em !important;
}
.flex-container > div {
flex-basis: 100% !important; /* هر آیتم در خط جدید */
}
table, thead, tbody, th, td, tr {
display: block; /* جدول به صورت بلوکی نمایش داده شود */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; margin-bottom: 10px; display: block; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important; /* فضا برای عنوان ستون */
text-align: right !important;
}
td:before {
position: absolute;
top: 6px;
right: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
text-align: right;
}
td:nth-of-type(1):before { content: “نام نرم‌افزار / ابزار:”; }
td:nth-of-type(2):before { content: “کاربرد کلیدی:”; }

/* تنظیمات برای بلوک های اینفوگرافیک (چالش ها) */
.flex > div {
flex-basis: 100% !important; /* هر باکس چالش در یک خط جدا */
}
}

/* تنظیمات برای تلویزیون و صفحه نمایش بزرگ */
@media (min-width: 1200px) {
.container {
max-width: 1100px;
margin: 0 auto;
}
h1 {
font-size: 3em !important;
}
h2 {
font-size: 2.2em !important;
}
h3 {
font-size: 1.6em !important;
}
p, li, td, th {
font-size: 1.15em !important;
}
}

/* تنظیمات برای تبلت */
@media (min-width: 769px) and (max-width: 1199px) {
h1 {
font-size: 2.5em !important;
}
h2 {
font-size: 1.9em !important;
}
h3 {
font-size: 1.3em !important;
}
p, li, td, th {
font-size: 1.05em !important;
}
.flex-container > div {
flex-basis: 48% !important; /* دو آیتم در هر خط */
}
}

/* اینفوگرافیک جایگزین – اطمینان از نمایش صحیح */
.flex {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.flex > div {
flex: 1 1 300px; /* برای انعطاف پذیری در اندازه های مختلف */
background-color: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* برای محتوای اصلی مقاله که در یک div بزرگ قرار گرفته */
.main-article-container {
padding: 20px;
max-width: 900px; /* محدود کردن عرض برای خوانایی بهتر */
margin: 20px auto; /* وسط چین کردن در صفحه */
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* تنظیمات جدول برای رسپانسیو بودن */
table {
min-width: 300px; /* حداقل عرض برای جلوگیری از بهم ریختگی */
}
th, td {
white-space: normal; /* محتوا در سلول‌ها شکسته شود */
}