موضوع و عنوان پایان نامه رشته عمران مهندسی محیط زیست: رویکردهای نوین و کاربردی

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

h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.5em; /* اندازه فونت بزرگ */
font-weight: bold; /* ضخامت فونت */
color: #2C3E50; /* رنگ آبی تیره */
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
}

h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2em;
font-weight: bold;
color: #1ABC9C; /* رنگ سبزآبی */
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 3px solid #1ABC9C; /* خط زیر عنوان */
padding-bottom: 10px;
}

h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.5em;
font-weight: bold;
color: #2C3E50; /* رنگ آبی تیره */
margin-top: 35px;
margin-bottom: 15px;
}

div {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #34495E; /* رنگ خاکستری تیره برای متن */
font-size: 1.1em;
padding: 20px;
max-width: 900px;
margin: 0 auto;
background-color: #F8F9FA; /* رنگ پس‌زمینه بلوک اصلی */
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

p {
margin-bottom: 15px;
text-align: justify; /* برای تراز کردن متن */
}

ul {
list-style-type: disc;
margin-right: 25px; /* برای لیست‌های راست‌چین */
margin-bottom: 20px;
padding-right: 0; /* حذف padding پیش‌فرض مرورگر */
}

ul li {
margin-bottom: 8px;
text-align: justify;
}

table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

th, td {
padding: 15px;
border: 1px solid #BDC3C7; /* رنگ خاکستری روشن برای حاشیه‌های جدول */
text-align: right;
}

thead tr {
background-color: #3498DB; /* رنگ آبی برای هدر جدول */
color: white;
}

tbody tr:nth-child(odd) {
background-color: #EAF2F8; /* رنگ آبی روشن متناوب برای ردیف‌ها */
}

tbody tr:nth-child(even) {
background-color: #FDFEFE; /* رنگ سفید متناوب برای ردیف‌ها */
}

.infographic-container {
background-color: #E8F8F5; /* رنگ سبز-آبی روشن */
padding: 30px;
border-radius: 15px;
margin-bottom: 40px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
justify-content: center;
text-align: center;
}

.infographic-step {
background-color: #D1F2EB; /* رنگ سبز-آبی روشن‌تر */
padding: 20px;
border-radius: 10px;
width: 250px; /* عرض ثابت برای هر قدم */
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
border: 2px solid #28B463; /* حاشیه سبز */
}

.faq-block {
background-color: #ECF0F1; /* رنگ خاکستری روشن */
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.3em;
}
div {
padding: 15px;
font-size: 1em;
}
table, th, td {
font-size: 0.9em;
padding: 10px;
display: block; /* برای جدا کردن ستون‌ها در موبایل */
width: 100%;
}
thead tr {
display: none; /* مخفی کردن هدر در موبایل */
}
tbody tr {
margin-bottom: 15px;
display: block;
border: 1px solid #BDC3C7;
border-radius: 8px;
overflow: hidden;
}
tbody td {
border: none;
border-bottom: 1px solid #BDC3C7;
position: relative;
padding-left: 50%; /* فضا برای عنوان ستون */
text-align: left;
}
tbody td:last-child {
border-bottom: none;
}
tbody td::before {
content: attr(data-label); /* نمایش عنوان ستون */
position: absolute;
left: 10px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #34495E;
}
/* افزودن data-label به هر سلول برای نمایش عنوان */
td:nth-of-type(1):before { content: “دسته موضوعی:”; }
td:nth-of-type(2):before { content: “عنوان پیشنهادی:”; }

.infographic-step {
width: 100%; /* عرض کامل در موبایل */
}
}

@media (min-width: 769px) and (max-width: 1024px) {
div {
padding: 25px;
}
.infographic-step {
width: 45%; /* دو ستون در تبلت */
}
}

/* Font embedding (for consistency, ideally handled by theme) */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: bold;
font-style: normal;
font-display: swap;
}