ویرایش پایان نامه معماری: راهنمای جامع و نمونه‌کار عملی

/* این استایل‌ها برای نمایش بهتر در ویرایشگر بلوک و ارائه یک طراحی منحصر به فرد است */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://raw.githubusercontent.com/rastikerdar/vazirmatn/master/fonts/web/vazirmatn-rd-medium.woff2’) format(‘woff2’); /* فقط برای نمونه، در واقعیت باید فونت مناسب بارگذاری شود */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://raw.githubusercontent.com/rastikerdar/vazirmatn/master/fonts/web/vazirmatn-rd-bold.woff2’) format(‘woff2’); /* فقط برای نمونه، در واقعیت باید فونت مناسب بارگذاری شود */
font-weight: bold;
font-style: normal;
}
body {
font-family: ‘B Nazanin’, sans-serif;
direction: rtl; /* برای راست به چپ */
text-align: right;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* رنگ پس‌زمینه کلی برای حس آرامش */
}
div {
line-height: 1.8;
color: #333;
max-width: 900px; /* حداکثر عرض برای خوانایی در نمایشگرهای بزرگ */
margin: 30px auto; /* مرکز قرار دادن در دسکتاپ و تبلت */
padding: 20px 30px;
box-sizing: border-box;
background-color: #ffffff; /* پس‌زمینه سفید برای محتوا */
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0,0,0,0.08); /* سایه جذاب */
}
h1, h2, h3 {
color: #1a1a1a;
font-family: ‘B Nazanin’, sans-serif;
margin-top: 40px;
margin-bottom: 20px;
line-height: 1.3;
}
h1 { font-size: 2.8em; font-weight: bold; text-align: center; color: #004d40; } /* رنگ تیره و عمیق‌تر برای H1 */
h2 { font-size: 2.2em; font-weight: bold; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px; color: #007bff; } /* خط زیر و رنگ آبی برای H2 */
h3 { font-size: 1.6em; font-weight: bold; color: #34495e; } /* رنگ خاکستری تیره برای H3 */
p {
font-size: 1.1em;
margin-bottom: 1.5em;
text-align: justify;
}
ul {
font-size: 1.1em;
margin-left: 20px;
padding: 0;
list-style-type: disc;
line-height: 1.7;
}
li {
margin-bottom: 10px;
text-align: justify;
}
strong {
font-weight: bold;
color: #0056b3; /* رنگ آبی تیره برای برجسته‌سازی */
}

/* استایل‌های جدول */
table {
width: 100%;
border-collapse: separate; /* برای border-radius در سلول‌ها */
border-spacing: 0;
margin: 30px 0;
border-radius: 8px;
overflow: hidden; /* برای اعمال border-radius روی جدول */
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
font-family: ‘B Nazanin’, sans-serif;
min-width: 300px; /* حداقل عرض برای موبایل */
}
thead {
background-color: #007bff; /* آبی برای سربرگ */
color: white;
}
th {
padding: 18px 15px;
text-align: right;
font-size: 1.2em;
font-weight: bold;
border-right: 1px solid #0056b3; /* برای جدا کردن ستون‌ها */
}
th:last-child {
border-right: none;
}
tbody tr {
background-color: #ffffff; /* ردیف سفید */
transition: background-color 0.3s ease;
}
tbody tr:nth-child(even) {
background-color: #f8faff; /* ردیف‌های زوج با رنگ کمی متفاوت */
}
tbody tr:hover {
background-color: #e6f2ff; /* تغییر رنگ در هاور */
}
td {
padding: 15px;
text-align: right;
font-size: 1.05em;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
td:last-child {
border-right: none;
}
tbody tr:last-child td {
border-bottom: none;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
div {
margin: 15px auto;
padding: 15px;
border-radius: 5px;
box-shadow: none; /* سایه را در موبایل حذف می‌کنیم */
}
h1 { font-size: 2em; text-align: right; }
h2 { font-size: 1.6em; border-bottom: none; }
h3 { font-size: 1.3em; }
p, ul, li, td { font-size: 1em; }
table, thead, tbody, th, td, tr {
display: block; /* برای تبدیل جدول به حالت بلوکی */
width: 100%; /* عرض کامل */
box-sizing: border-box;
}
thead tr {
position: absolute; /* سربرگ را از جریان خارج می‌کنیم */
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
background-color: #ffffff !important; /* اطمینان از رنگ سفید در موبایل */
}
td {
border: none;
border-bottom: 1px solid #e0e0e0; /* اضافه کردن خط زیر به هر سلول */
position: relative;
padding-left: 50% !important; /* فضا برای برچسب */
text-align: right !important;
}
td:before {
/* برای نمایش برچسب ستون در هر ردیف */
content: attr(data-label);
position: absolute;
left: 15px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
text-align: left;
color: #555;
font-size: 0.9em;
}
td:nth-of-type(1):before { content: “چالش رایج:”; }
td:nth-of-type(2):before { content: “راهکار ویرایشی:”; }
td:last-child {
border-bottom: none;
}
}