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

/* Global Responsive Styles */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
div, p, h1, h2, h3, ul, li, table, th, td {
box-sizing: border-box;
}
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 1.2em !important;
margin-bottom: 8px !important;
}
p, ul, li, table, th, td {
font-size: 1em !important;
}
div[style*=”flex: 1 1 45%”] {
flex: 1 1 100% !important; /* Stack items on small screens */
min-width: unset !important;
}
div[style*=”flex: 1 1 280px”] {
flex: 1 1 100% !important;
min-width: unset !important;
}
table {
min-width: 320px !important; /* Ensure table is still readable */
}
th, td {
padding: 10px !important;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.5em !important;
}
h2 {
font-size: 1.4em !important;
}
h3 {
font-size: 1.1em !important;
}
p, ul, li, table, th, td {
font-size: 0.95em !important;
}
}
/* Specific Table Responsiveness */
@media screen and (max-width: 600px) {
table {
border: 0;
}
table thead {
display: none;
}
table tr {
display: block;
margin-bottom: .625em;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 1px 5px rgba(0,0,0,0.05);
background-color: #fff;
}
table td {
display: block;
text-align: right !important;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50% !important;
}
table td:last-child {
border-bottom: 0;
}
table td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 45%;
padding-left: 15px;
font-weight: bold;
text-align: left;
color: #555;
}
/* Ensure table content adapts */
table tr:nth-child(odd) { background-color: #fcfcfc; }
table tr:nth-child(even) { background-color: #ffffff; }
}

// This script is for the block editor. It adds data-label to table cells for responsive display.
// It should be run once the HTML is loaded into the editor.
document.addEventListener(‘DOMContentLoaded’, function() {
var tables = document.querySelectorAll(‘table’);
tables.forEach(function(table) {
var headers = [];
table.querySelectorAll(‘thead th’).forEach(function(th) {
headers.push(th.innerText);
});
table.querySelectorAll(‘tbody tr’).forEach(function(row) {
row.querySelectorAll(‘td’).forEach(function(td, index) {
if (headers[index]) {
td.setAttribute(‘data-label’, headers[index]);
}
});
});
});
});