انجام پایان نامه اپیدمیولوژی + مشاوره، نگارش و اصلاح [ارشد و دکتری]

/* Add Vazirmatn font if not already available */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/web/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/web/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
}

/* Basic Reset and Responsive Adjustments */
body {
margin: 0;
padding: 0;
background-color: #f4f7f6; /* Light background for the whole page */
}

/* Main container for responsiveness */
div[style*=”max-width: 900px”] {
width: 95%; /* Adjust width for smaller screens */
padding: 15px; /* Adjust padding */
}

/* Headings responsiveness */
h1 {
font-size: 2em !important; /* Smaller on mobile */
padding-bottom: 10px !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.6em !important;
padding-left: 10px !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
}

/* Table responsiveness */
table, thead, tbody, th, td, tr {
display: block; /* Stack table elements on small screens */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px; /* Hide table header visually but keep for screen readers */
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
border-radius: 5px;
}
td {
border: none !important;
border-bottom: 1px solid #eee !important;
position: relative;
padding-left: 50% !important; /* Create space for labels */
text-align: right !important;
}
td:last-child {
border-bottom: none !important;
}
td::before {
content: attr(data-label); /* Use data-label for content */
position: absolute;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #0056b3;
text-align: left;
}
/* Specific table styles for cells */
td[style*=”text-align: right;”] {
text-align: right; /* Ensure right alignment */
}

/* Infographic (flex containers) responsiveness */
div[style*=”display: flex”] {
flex-direction: column; /* Stack items vertically on small screens */
}
div[style*=”flex: 1 1 200px”],
div[style*=”flex: 1 1 280px”] {
flex-basis: 100% !important; /* Each item takes full width */
margin-bottom: 15px; /* Add some margin between stacked items */
}
div[style*=”flex: 1 1 200px”]:last-child,
div[style*=”flex: 1 1 280px”]:last-child {
margin-bottom: 0;
}

/* Adjust padding/margins for better mobile readability */
p, ul, ol {
margin-bottom: 10px;
}
div[style*=”padding: 25px”] {
padding: 15px;
}
.main-container {
padding: 10px;
}

/* Ensure custom font is applied consistently */
body, p, ul, ol, table, h1, h2, h3 {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif !important;
}

/* Specific styling for the FAQ accordion to ensure it works */
div[style*=”cursor: pointer;”] {
background-color: #f0f0f0;
padding: 10px 15px;
border-radius: 5px;
margin-bottom: 10px;
display: flex; /* Use flex to align arrow if needed */
align-items: center;
justify-content: space-between;
transition: background-color 0.3s ease;
}
div[style*=”cursor: pointer;”]:hover {
background-color: #e0e0e0;
}
div[style*=”cursor: pointer;”] h3 {
margin: 0 !important;
border-bottom: none !important;
padding-bottom: 0 !important;
flex-grow: 1; /* Allow heading to take available space */
}
div[style*=”cursor: pointer;”]::after {
content: ‘+’;
font-weight: bold;
font-size: 1.5em;
color: #0056b3;
transition: transform 0.3s ease;
}
div[style*=”display: block;”] + div[style*=”cursor: pointer;”]::after {
content: ‘-‘;
transform: rotate(180deg); /* Rotate for ‘open’ state */
}

/* Enhance the “Why Choose Us” sections further */
div[style*=”flex: 1 1 280px”]:hover {
transform: translateY(-5px);
box-shadow: 0 6px 15px rgba(0,0,0,0.12);
}

// This script ensures the FAQ accordion works by toggling display property.
// It’s placed here for direct copy-paste into a block editor.
document.addEventListener(‘DOMContentLoaded’, function() {
const faqHeaders = document.querySelectorAll(‘div[style*=”cursor: pointer;”]’);
faqHeaders.forEach(header => {
header.addEventListener(‘click’, function() {
const content = this.nextElementSibling;
if (content.style.display === ‘block’) {
content.style.display = ‘none’;
this.classList.remove(‘active’); // Remove active class
this.querySelector(‘h3’).style.fontWeight = ‘bold’; // Reset font weight
} else {
content.style.display = ‘block’;
this.classList.add(‘active’); // Add active class
this.querySelector(‘h3’).style.fontWeight = ‘normal’; // Adjust font weight for readability
}

// Toggle the ‘+’ ‘-‘ indicator
const indicator = this.querySelector(‘h3’).nextElementSibling; // Assuming the ‘+’ is after h3
if (this.classList.contains(‘active’)) {
this.style.setProperty(‘–indicator-content’, ‘”-“‘); // Update CSS variable for indicator
} else {
this.style.setProperty(‘–indicator-content’, ‘”+”‘); // Update CSS variable for indicator
}
});
});
});

// Add data-label to table cells for responsive table headers
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((cell, index) => {
if (headers[index]) {
cell.setAttribute(‘data-label’, headers[index]);
}
});
});
}
});