انجام پروپوزال دکتری در فردوسیه + تضمینی

/* Global styles for better readability and responsiveness */
body {
font-family: ‘B Nazanin’, Arial, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #f4f7f6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
margin: 10px;
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
p, ul li {
font-size: 0.95em !important;
}
table th, table td {
padding: 8px 10px !important;
font-size: 0.9em !important;
}
.flex-container > div {
flex: 1 1 100% !important; /* Stack items on small screens */
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.3em !important;
}
h3 {
font-size: 1.1em !important;
}
p, ul li {
font-size: 0.9em !important;
}
/* Further adjustments for table on very small screens if necessary */
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #ccc; 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); /* Use data-label for headers */
font-weight: bold;
}
/* Hide the data-label if we have only 2 columns as per user request */
td:nth-of-type(1):before { content: “روش”; }
td:nth-of-type(2):before { content: “مزایا و معایب”; }
/* Override display for specific elements if needed for 2-column table */
div[style*=”display: flex; flex-wrap: wrap”] {
flex-direction: column;
gap: 15px;
}
div[style*=”grid-template-columns: 1fr”] {
display: block; /* Stack items in grid */
}
div[style*=”grid-template-columns: 1fr”] > div {
margin-bottom: 15px;
}
}

// This script block is for enhancing the “block editor” experience for headings.
// It’s client-side JavaScript, not part of the article content.
// In a real block editor (like WordPress Gutenberg), the editor itself would
// provide UI to mark these as H1, H2, H3. This is a conceptual addition.
document.addEventListener(‘DOMContentLoaded’, () => {
// Find the main container to ensure we’re only affecting the article
const articleContainer = document.querySelector(‘div[style*=”max-width: 900px”]’);
if (articleContainer) {
// Apply H1 to the first h1 element
const h1Element = articleContainer.querySelector(‘h1’);
if (h1Element) {
h1Element.setAttribute(‘aria-level’, ‘1’);
h1Element.setAttribute(‘role’, ‘heading’);
}

// Apply H2 to all h2 elements
articleContainer.querySelectorAll(‘h2’).forEach((h2Element) => {
h2Element.setAttribute(‘aria-level’, ‘2’);
h2Element.setAttribute(‘role’, ‘heading’);
});

// Apply H3 to all h3 elements
articleContainer.querySelectorAll(‘h3’).forEach((h3Element) => {
h3Element.setAttribute(‘aria-level’, ‘3’);
h3Element.setAttribute(‘role’, ‘heading’);
});

// Make table cells responsive by adding data-label attribute
const table = articleContainer.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((cell, index) => {
cell.setAttribute(‘data-label’, headers[index]);
});
});
}
}
});