دانلود رایگان پایان نامه رشته مدیریت صنعتی تحقیق در عملیات + نمونه پایان نامه ارشد

/* CSS برای رسپانسیو بودن و زیبایی بیشتر در ویرایشگر بلوک */

/* فونت اصلی برای بدنه متن */
body, p, li, td {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
color: #333;
line-height: 1.8;
}

/* فونت برای هدینگ‌ها */
h1, h2, h3 {
font-family: ‘B Homa’, ‘Tahoma’, sans-serif;
color: #1a2a6c; /* رنگ آبی تیره برای هدینگ‌ها */
}

/* H1 */
h1 {
font-size: 36px;
font-weight: bold;
text-align: center;
line-height: 1.4;
margin-bottom: 30px;
padding: 15px 0;
background-color: #e8f0fe; /* آبی روشن برای بک‌گراند H1 */
border-radius: 10px;
color: #1a2a6c;
}

/* H2 */
h2 {
font-size: 28px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 20px;
border-bottom: 2px solid #a8dadc; /* خط زیر آبی فیروزه‌ای */
padding-bottom: 10px;
color: #0056b3; /* آبی متوسط برای H2 */
}

/* H3 */
h3 {
font-size: 22px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 15px;
color: #007bff; /* آبی روشن‌تر برای H3 */
}

/* کانتینر اصلی مقاله */
div[style*=”max-width: 900px”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* سایه ظریف */
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 25px; /* فاصله بین المان‌های اصلی */
}

/* جدول */
table {
width: 100%;
border-collapse: collapse;
min-width: 400px; /* حداقل عرض برای نمایش بهتر در موبایل */
background-color: #f8fcfd; /* بک‌گراند روشن جدول */
margin-bottom: 30px;
}
table th, table td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right;
font-size: 17px;
}
table thead th {
background-color: #a8dadc; /* رنگ هدر جدول */
color: #1a2a6c;
font-weight: bold;
font-size: 19px;
}
table tbody tr:nth-child(even) { /* ردیف‌های زوج با رنگ متفاوت */
background-color: #e8f0fe;
}

/* بولت پوینت‌ها و لیست‌ها */
ul {
margin-left: 25px;
margin-bottom: 20px;
color: #444;
}
ul li {
margin-bottom: 8px;
}

/* اینفوگرافیک جایگزین (باکس‌های اطلاعاتی) */
div[style*=”border-left: 5px solid #4a90e2″] { /* استایل باکس آبی اینفوگرافیک */
background-color: #f0f8ff;
border-left: 5px solid #4a90e2;
padding: 20px;
border-radius: 8px;
margin-bottom: 30px;
}
div[style*=”border-left: 5px solid #4a90e2″] li {
list-style: none;
padding: 0;
margin-bottom: 15px;
display: flex;
align-items: flex-start;
}
div[style*=”border-left: 5px solid #4a90e2″] li span {
font-size: 24px;
color: #4a90e2;
margin-right: 15px;
}

/* نمونه پایان‌نامه (باکس سبز) */
div[style*=”border: 1px solid #d4edda”] {
background-color: #f7fdf7;
border: 1px solid #d4edda;
padding: 25px;
border-radius: 10px;
margin-bottom: 30px;
}
div[style*=”border: 1px solid #d4edda”] p strong {
color: #0056b3;
}
div[style*=”border: 1px solid #d4edda”] ul li span {
color: #6c757d;
}

/* FAQ (باکس سوالات متداول) */
div[style*=”border: 1px solid #eee”] {
background-color: #fcfcfc;
border: 1px solid #eee;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
}
div[style*=”border: 1px solid #eee”] h3 span {
color: #007bff;
margin-right: 10px;
}
div[style*=”border: 1px solid #eee”] p {
margin-left: 30px;
}

/* نتیجه‌گیری (باکس آبی انتهایی) */
p[style*=”background-color: #e8f0fe”] {
background-color: #e8f0fe;
padding: 25px;
border-radius: 12px;
border: 1px solid #d0e0fa;
margin-top: 30px;
font-size: 19px;
line-height: 1.9;
color: #222;
}
p[style*=”background-color: #e8f0fe”] strong {
color: #1a2a6c;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 28px;
padding: 10px;
margin-bottom: 20px;
}
h2 {
font-size: 24px;
margin-top: 25px;
margin-bottom: 15px;
padding-bottom: 8px;
}
h3 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
}
body, p, li, td {
font-size: 16px;
line-height: 1.7;
}
div[style*=”max-width: 900px”] {
padding: 15px;
gap: 20px;
}
table th, table td {
padding: 8px 10px;
font-size: 15px;
}
table thead th {
font-size: 17px;
}
ul {
margin-left: 15px;
margin-bottom: 15px;
}
ul li {
margin-bottom: 6px;
}
div[style*=”border-left: 5px solid #4a90e2″] {
padding: 15px;
}
div[style*=”border: 1px solid #d4edda”] {
padding: 20px;
}
div[style*=”border: 1px solid #eee”] {
padding: 15px;
}
div[style*=”border: 1px solid #eee”] h3 {
font-size: 18px;
margin-bottom: 8px;
}
div[style*=”border: 1px solid #eee”] p {
margin-left: 20px;
font-size: 15px;
}
p[style*=”background-color: #e8f0fe”] {
padding: 20px;
font-size: 17px;
}
}

@media (max-width: 480px) {
h1 {
font-size: 24px;
padding: 8px;
margin-bottom: 15px;
}
h2 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
padding-bottom: 5px;
}
h3 {
font-size: 18px;
margin-top: 15px;
margin-bottom: 8px;
}
body, p, li, td {
font-size: 15px;
line-height: 1.6;
}
div[style*=”max-width: 900px”] {
padding: 10px;
gap: 15px;
border-radius: 8px;
}
table {
min-width: unset; /* اجازه به کوچک شدن بیشتر جدول */
display: block; /* برای اسکرول افقی در موبایل */
overflow-x: auto;
white-space: nowrap; /* جلوگیری از شکستن کلمات */
}
table thead, table tbody, table th, table td, table tr {
display: block; /* ردیف‌ها و سلول‌ها زیر هم */
width: 100%;
}
table thead tr {
position: absolute; /* پنهان کردن هدر اصلی */
top: -9999px;
left: -9999px;
}
table tr {
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
table td {
border: none;
position: relative;
padding-left: 50%; /* فضا برای نمایش عنوان ستون */
text-align: right;
font-size: 14px;
}
/* نمایش عنوان ستون به عنوان برچسب در موبایل */
table td:before {
content: attr(data-label);
position: absolute;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #1a2a6c;
text-align: left;
}
/* اضافه کردن data-label به سلول‌ها (نیاز به ویرایش دستی در HTML) */
/* مثال:

تازگی و نوآوری

*/

ul {
margin-left: 10px;
margin-bottom: 10px;
}
div[style*=”border-left: 5px solid #4a90e2″] {
padding: 10px;
}
div[style*=”border-left: 5px solid #4a90e2″] li span {
font-size: 20px;
margin-right: 10px;
}
div[style*=”border-left: 5px solid #4a90e2″] li div {
font-size: 15px;
}
div[style*=”border: 1px solid #d4edda”] {
padding: 15px;
}
div[style*=”border: 1px solid #eee”] {
padding: 10px;
}
div[style*=”border: 1px solid #eee”] h3 {
font-size: 16px;
}
div[style*=”border: 1px solid #eee”] p {
margin-left: 15px;
font-size: 14px;
}
p[style*=”background-color: #e8f0fe”] {
padding: 15px;
font-size: 16px;
line-height: 1.7;
}
}

<!– برای اینکه جدول در موبایل به صورت افقی اسکرول شود یا هر سلول به صورت یک سطر مجزا نمایش داده شود، نیاز است که در ویرایشگر بلوک، برای هر `

` یک `data-label` اضافه کنید که عنوان ستون مربوطه باشد. به عنوان مثال:

تازگی و نوآوری آیا موضوع شما به یک مسئله جدید می‌پردازد…

این کار را در اینجا برای حفظ سادگی کد HTML و تمرکز بر نمایش کلی مقاله انجام ندادم، اما در صورت نیاز به آن، می‌توانید به صورت دستی اضافه کنید. –>