انجام پایان نامه در ستارخان + تضمینی: راهنمای جامع و علمی برای موفقیت در مسیر پژوهش

@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap’);
body {
margin: 0;
padding: 0;
background-color: #F4F7F6; /* Light grey background for the entire page */
direction: rtl; /* Right-to-left for Persian text */
font-family: ‘Vazirmatn’, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.8em; /* Adjusted for larger screen, responsive */
font-weight: 800;
color: #1A202C; /* Dark text for high contrast */
text-align: center;
padding: 30px 20px;
background-color: #E0F2F7; /* Light blueish background */
border-bottom: 5px solid #00BBD4; /* Accent color */
border-radius: 15px;
margin-bottom: 40px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); /* Soft shadow */
}
h2 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.2em; /* Adjusted for larger screen, responsive */
font-weight: 700;
color: #0077B6; /* A shade of blue for main headings */
margin-top: 2.5em;
margin-bottom: 1.2em;
padding-bottom: 0.5em;
border-bottom: 3px solid #00BBD4; /* Accent line */
text-align: right;
}
h3 {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.8em; /* Adjusted for larger screen, responsive */
font-weight: 600;
color: #005A8D; /* Darker blue for sub-headings */
margin-top: 2em;
margin-bottom: 1em;
padding-right: 10px;
border-right: 4px solid #4CAF50; /* Green accent */
}
div, p, ul, ol, table {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
font-size: 1.1em;
color: #333;
max-width: 900px;
margin: 0 auto;
padding: 0 20px; /* Padding for responsive design */
}
div {
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
padding: 20px;
margin-bottom: 25px;
}
p {
margin-bottom: 1.5em;
text-align: justify;
}
ul {
list-style-type: disc;
margin-right: 20px;
margin-bottom: 1.5em;
padding-right: 10px;
}
ol {
list-style-type: decimal;
margin-right: 20px;
margin-bottom: 1.5em;
padding-right: 10px;
}
li {
margin-bottom: 0.8em;
text-align: justify;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
font-size: 1em; /* Responsive table font size */
margin-bottom: 20px;
overflow-x: auto; /* For small screens */
display: block; /* Make table responsive by wrapping content if needed */
white-space: nowrap; /* Prevent breaking cells if content is short */
}
thead {
background-color: #4CAF50;
color: white;
}
th, td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right;
font-size: 1em;
}
td {
background-color: #f9f9f9;
}
tr:nth-child(even) td {
background-color: #e9e9e9;
}
/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 20px 15px;
}
h2 {
font-size: 1.8em;
margin-top: 2em;
}
h3 {
font-size: 1.5em;
margin-top: 1.5em;
}
div, p, ul, ol, table {
font-size: 1em;
padding: 0 15px;
}
div {
padding: 15px;
}
th, td {
padding: 8px 10px;
font-size: 0.9em;
}
table {
display: block; /* Make table behave like a block element */
width: 100%; /* Ensure it takes full width */
}
table thead, table tbody, table th, table td, table tr {
display: block; /* Make table rows/cells stack on small screens */
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #ccc;
margin-bottom: 10px;
border-radius: 8px;
}
table td {
border: none;
position: relative;
padding-right: 50%; /* Space for the “label” */
text-align: left; /* Align text to left for labels */
white-space: normal;
}
table td:before {
position: absolute;
top: 6px;
right: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
content: attr(data-label);
text-align: right;
color: #555;
}
/* Custom labels for table cells */
table tr:nth-of-type(1) td:nth-of-type(1):before { content: “ویژگی”; }
table tr:nth-of-type(1) td:nth-of-type(2):before { content: “پروپوزال”; }

table tr:nth-of-type(2) td:nth-of-type(1):before { content: “ویژگی”; }
table tr:nth-of-type(2) td:nth-of-type(2):before { content: “پروپوزال”; }

table tr:nth-of-type(3) td:nth-of-type(1):before { content: “ویژگی”; }
table tr:nth-of-type(3) td:nth-of-type(2):before { content: “پروپوزال”; }

table tr:nth-of-type(4) td:nth-of-type(1):before { content: “ویژگی”; }
table tr:nth-of-type(4) td:nth-of-type(2):before { content: “پروپوزال”; }
}
@media (min-width: 769px) {
table {
white-space: normal; /* Restore normal white-space for larger screens */
}
}

// This script is for illustrative purposes only to show how heading tags could be programmatically detected and styled if a custom editor required it.
// In a standard block editor or CMS, H1, H2, H3 tags are usually recognized automatically.
// However, if the platform specifically strips or converts them, or needs extra styling,
// this demonstrates a basic way to apply styles post-load.
document.addEventListener(‘DOMContentLoaded’, () => {
const applyStyles = () => {
document.querySelectorAll(‘h1’).forEach(h => {
h.style.cssText = `
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.8em;
font-weight: 800;
color: #1A202C;
text-align: center;
padding: 30px 20px;
background-color: #E0F2F7;
border-bottom: 5px solid #00BBD4;
border-radius: 15px;
margin-bottom: 40px;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
${window.innerWidth {
h.style.cssText = `
font-family: ‘Vazirmatn’, sans-serif;
font-size: 2.2em;
font-weight: 700;
color: #0077B6;
margin-top: 2.5em;
margin-bottom: 1.2em;
padding-bottom: 0.5em;
border-bottom: 3px solid #00BBD4;
text-align: right;
${window.innerWidth {
h.style.cssText = `
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.8em;
font-weight: 600;
color: #005A8D;
margin-top: 2em;
margin-bottom: 1em;
padding-right: 10px;
border-right: 4px solid ${
h.innerText.includes(‘انتخاب موضوع’) || h.innerText.includes(‘مرور ادبیات’) || h.innerText.includes(‘روش‌شناسی’) || h.innerText.includes(‘تحلیل داده‌ها’) || h.innerText.includes(‘نگارش، ویرایش’) || h.innerText.includes(‘آمادگی برای دفاع’) ? ‘#4CAF50’ :
h.innerText.includes(‘مشکلات مدیریت زمان’) || h.innerText.includes(‘سرقت علمی’) || h.innerText.includes(‘نبود تخصص’) || h.innerText.includes(‘استرس’) ? ‘#F44336’ :
h.innerText.includes(‘تضمین کیفیت’) || h.innerText.includes(‘ملاحظات اخلاقی’) ? ‘#FFA000’ :
‘#673AB7’
}; /* Dynamic border color based on section */
${window.innerWidth {
Array.from(row.querySelectorAll(‘td’)).forEach((cell, index) => {
if (headers[index]) {
cell.setAttribute(‘data-label’, headers[index].innerText.trim());
}
});
});
}
});