انجام پایان نامه کارشناسی ارشد رشته هنرهای چندرسانه‌ای + تضمینی

/* این بخش CSS برای نمایش بهینه در ویرایشگر بلوک و ریسپانسیو بودن است */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

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

/* استایل اصلی کانتینر مقاله */
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 40px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
line-height: 1.9;
color: #333;
}

/* ریسپانسیو کردن فونت هدینگ‌ها */
h1 {
font-size: 2.8em !important;
margin-bottom: 45px !important;
}
h2 {
font-size: 2em !important;
margin-top: 55px !important;
margin-bottom: 30px !important;
}
h3 {
font-size: 1.6em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 15px;
margin: 10px;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 25px !important;
line-height: 1.4;
}
h2 {
font-size: 1.4em !important;
margin-top: 30px !important;
margin-bottom: 18px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
}
p, ul, table, .faq-item p {
font-size: 0.95em !important;
line-height: 1.7;
}
table, .infographic-block {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
table thead, table tbody, table th, table td, table tr {
display: block;
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #E1BEE7;
margin-bottom: 10px;
border-radius: 8px;
}
table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
word-wrap: break-word; /* برای جلوگیری از سرریز شدن متن طولانی */
}
table td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #6A1B9A;
text-align: left;
}
table td:nth-of-type(1)::before { content: “بخش:”; }
table td:nth-of-type(2)::before { content: “توضیحات:”; }

.infographic-block > div {
flex-basis: 100% !important;
min-width: unset !important;
}
}

/* ریسپانسیو برای تبلت */
@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.7em !important; }
h3 { font-size: 1.3em !important; }
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 30px;
margin: 20px;
}
.infographic-block > div {
flex-basis: calc(50% – 20px) !important;
min-width: unset !important;
}
}

/* بهبود ظاهر جدول برای موبایل */
@media (max-width: 768px) {
table {
border: 0;
}
table caption {
font-size: 1.1em !important;
padding: 10px;
}
table td:before {
left: 10px; /* تنظیم فاصله از چپ */
width: calc(50% – 20px); /* تنظیم عرض برچسب */
}
table td {
padding-right: calc(50% + 10px) !important; /* فضای کافی برای برچسب */
}
}

/* طراحی منحصر به فرد اینفوگرافیک با بلوک‌های منعطف */
div[style*=”display: flex; flex-wrap: wrap;”] > div {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
div[style*=”display: flex; flex-wrap: wrap;”] > div:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}