انجام رساله دکتری تخصصی مدیریت بازرگانی: راهنمای جامع گام به گام

/* این بخش استایل برای اطمینان از نمایش صحیح در ویرایشگر بلوک و همچنین رعایت رسپانسیو بودن است */
body {
font-family: ‘Vazirmatn’, sans-serif; /* فرض بر این است که فونت Vazirmatn در محیط بارگذاری می‌شود */
margin: 0;
padding: 0;
box-sizing: border-box;
}
div, h1, h2, h3, p, ul, li, table, thead, tbody, tr, th, td {
box-sizing: border-box; /* برای جلوگیری از مشکلات عرض در رسپانسیو */
}
@media (max-width: 768px) {
.main-container {
padding: 15px !important;
margin: 10px auto !important;
}
h1 {
font-size: 2em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.8em !important;
margin-bottom: 12px !important;
}
h3 {
font-size: 1.4em !important;
margin-top: 15px !important;
margin-bottom: 8px !important;
}
p, li, td {
font-size: 0.95em !important;
}
table, thead, tbody, th, td, tr {
display: block; /* برای نمایش جدول به صورت بلوکی در موبایل */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #eee; margin-bottom: 10px; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label); /* نمایش عنوان ستون */
font-weight: bold;
}
/* تنظیمات خاص برای هر ستون در حالت موبایل */
td:nth-of-type(1):before { content: “نوع ابزار/خدمت”; }
td:nth-of-type(2):before { content: “کاربرد اصلی”; }
}
@media (max-width: 480px) {
h1 { font-size: 1.8em !important; }
h2 { font-size: 1.6em !important; }
h3 { font-size: 1.2em !important; }
p, li, td { font-size: 0.9em !important; }
}
/* برای نمایش بهتر در صفحات بزرگتر مانند تلویزیون */
@media (min-width: 1201px) {
.main-container {
max-width: 1400px; /* فضای بیشتر برای محتوا */
padding: 30px;
}
h1 { font-size: 3.2em !important; }
h2 { font-size: 2.5em !important; }
h3 { font-size: 1.8em !important; }
p, li, td { font-size: 1.15em !important; }
}

// این بخش جاوااسکریپت برای اضافه کردن data-label به سلول‌های جدول است تا در حالت رسپانسیو موبایل، عنوان ستون نمایش داده شود.
// این کد باید در یک محیط وب (مثل تگ در HTML) اجرا شود.
document.addEventListener(‘DOMContentLoaded’, function() {
const table = document.querySelector(‘table’);
if (table) {
const headers = Array.from(table.querySelectorAll(‘thead th’)).map(th => th.textContent);
table.querySelectorAll(‘tbody tr’).forEach(row => {
row.querySelectorAll(‘td’).forEach((td, index) => {
if (headers[index]) { // اطمینان از وجود عنوان برای ستون
td.setAttribute(‘data-label’, headers[index]);
}
});
});
}
});