انجام مقاله دکتری در اندیشه [اکسپ 100% تضمینی]

/* Basic Reset & Font Embedding (for better responsiveness and consistent look) */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap’);
body {
margin: 0;
padding: 0;
background-color: #F4F6F6; /* Light background for the whole page */
direction: rtl; /* For RTL content */
text-align: right; /* For RTL content */
}
a {
transition: color 0.3s ease;
}
a:hover {
color: #2980B9 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em !important;
margin-bottom: 30px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
}
h3 {
font-size: 1.3em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
div[style*=”max-width: 900px”] {
padding: 15px !important;
border-radius: 8px !important;
}
p, li, td {
font-size: 1em !important;
}
table, thead, tbody, th, td, tr {
display: block;
width: 100%;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
margin-bottom: 15px;
border: 1px solid #A2D9CE;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}
td {
border: none !important;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:before {
position: absolute;
top: 0;
right: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
content: attr(data-label);
background-color: #D1F2EB;
height: 100%;
display: flex;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
box-sizing: border-box;
border-left: 1px solid #A2D9CE;
}
td:nth-of-type(1):before { content: “بخش مقاله”; }
td:nth-of-type(2):before { content: “کاربرد و محتوا”; }

/* Table specific adjustments for small screens */
table caption {
font-size: 1.1em !important;
padding: 10px !important;
}
.infographic-box {
flex-basis: 100% !important;
}
div[style*=”display: flex; flex-wrap: wrap”] {
flex-direction: column;
align-items: center;
}
div[style*=”flex: 1 1 280px”] {
width: 95% !important;
max-width: 400px;
}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
h1 { font-size: 2.3em !important; }
h2 { font-size: 1.7em !important; }
h3 { font-size: 1.4em !important; }
div[style*=”max-width: 900px”] { max-width: 95% !important; padding: 20px !important; }
.infographic-box {
flex-basis: 48% !important; /* Two columns */
}
}

// This script dynamically adds data-label attributes for responsive tables
// and ensures basic responsiveness for headings if styles are removed
document.addEventListener(‘DOMContentLoaded’, function() {
var headers = document.querySelectorAll(‘table thead th’);
var rows = document.querySelectorAll(‘table tbody tr’);

rows.forEach(function(row) {
var cells = row.querySelectorAll(‘td’);
cells.forEach(function(cell, index) {
if (headers[index]) {
cell.setAttribute(‘data-label’, headers[index].textContent.trim());
}
});
});

// Add class for responsive image handling if images were present
// (not directly applicable here as infographic is text-based)
// const images = document.querySelectorAll(‘img’);
// images.forEach(img => {
// img.style.maxWidth = ‘100%’;
// img.style.height = ‘auto’;
// });

// Basic responsiveness for headings (as a fallback if CSS is stripped by some editors)
// The inline styles provided are generally more robust for direct copy-paste.
// This is more of a safety net for “future proofing” or environments that might alter inline styles.
const h1 = document.querySelector(‘h1’);
if (h1) {
h1.style.setProperty(‘font-size’, ‘clamp(1.8em, 5vw, 2.8em)’, ‘important’);
}
const h2s = document.querySelectorAll(‘h2’);
h2s.forEach(h2 => {
h2.style.setProperty(‘font-size’, ‘clamp(1.5em, 4vw, 1.9em)’, ‘important’);
});
const h3s = document.querySelectorAll(‘h3’);
h3s.forEach(h3 => {
h3.style.setProperty(‘font-size’, ‘clamp(1.2em, 3.5vw, 1.5em)’, ‘important’);
});

// Ensure overall content block is responsive
const mainContentDiv = document.querySelector(‘div[style*=”max-width: 900px”]’);
if (mainContentDiv) {
mainContentDiv.style.setProperty(‘width’, ‘calc(100% – 40px)’, ‘important’);
mainContentDiv.style.setProperty(‘box-sizing’, ‘border-box’, ‘important’);
mainContentDiv.style.setProperty(‘margin-left’, ‘auto’, ‘important’);
mainContentDiv.style.setProperty(‘margin-right’, ‘auto’, ‘important’);
}
});