مشاوره پایان نامه رشته فیزیک علوم و فنّاوری کوانتومی + تضمینی

/* Basic reset for consistent rendering in various environments */
body, h1, h2, h3, p, ul, table, th, td {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Base font settings for readability */
body {
font-family: ‘B Nazanin’, ‘Iranian Sans’, sans-serif;
line-height: 1.8;
color: #333;
direction: rtl; /* Ensure RTL for Persian text */
text-align: right; /* Default text alignment */
}
/* Specific styling for the main container */
div[style*=”font-family: ‘B Nazanin'”] {
margin: 0 auto;
padding: 20px;
max-width: 1000px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
/* Headings responsiveness */
h1 {
font-size: 2.8em; /* Base size for desktop */
line-height: 1.3;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 1.7em;
}
p, ul, table {
font-size: 1.1em;
}

/* Responsive adjustments */
@media (max-width: 768px) { /* Tablets and smaller laptops */
div[style*=”font-family: ‘B Nazanin'”] {
padding: 15px;
margin: 10px; /* Slightly smaller margin on smaller screens */
}
h1 {
font-size: 2.2em !important; /* Adjust H1 for tablets */
margin-bottom: 25px !important;
}
h2 {
font-size: 1.8em !important; /* Adjust H2 for tablets */
margin-top: 30px !important;
}
h3 {
font-size: 1.4em !important; /* Adjust H3 for tablets */
margin-top: 25px !important;
}
p, ul, table, th, td {
font-size: 1em !important; /* Slightly smaller base font size */
}
ul li {
margin-bottom: 8px !important;
}
table th, table td {
padding: 10px !important;
}
/* Infographic adjustments */
div[style*=”display: flex; flex-wrap: wrap;”] {
flex-direction: column; /* Stack steps vertically */
align-items: center;
gap: 15px;
}
div[style*=”font-size: 2.8em; color: #007bff;”] + h3,
div[style*=”font-size: 2.8em; color: #28a745;”] + h3,
div[style*=”font-size: 2.8em; color: #ff8c00;”] + h3,
div[style*=”font-size: 2.8em; color: #dc3545;”] + h3,
div[style*=”font-size: 2.8em; color: #6f42c1;”] + h3 {
font-size: 1.3em !important;
}
div[style*=”flex: 1 1 300px;”] {
width: 95% !important; /* Make infographic boxes take full width */
margin-bottom: 10px;
}
div[style*=”font-size: 2em; color: #007bff;”], /* Arrows */
div[style*=”font-size: 2em; color: #28a745;”],
div[style*=”font-size: 2em; color: #ff8c00;”],
div[style*=”font-size: 2em; color: #dc3545;”] {
transform: rotate(90deg); /* Rotate arrows for vertical flow */
width: auto !important;
}
}

@media (max-width: 480px) { /* Mobile phones */
div[style*=”font-family: ‘B Nazanin'”] {
padding: 10px;
margin: 5px;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 20px !important;
padding-bottom: 10px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 25px !important;
padding-bottom: 8px !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 20px !important;
}
p, ul, table, th, td {
font-size: 0.95em !important;
line-height: 1.7 !important;
}
/* Table responsiveness for small screens */
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
margin-bottom: 15px;
display: flex;
flex-direction: column;
background-color: #f0f8ff; /* Consistent background */
border-radius: 8px;
overflow: hidden;
}
td {
border: none !important;
border-bottom: 1px solid #eee !important;
position: relative;
padding-right: calc(50% + 15px) !important; /* Space for label */
text-align: right !important;
background-color: transparent !important; /* Use parent tr background */
}
td:last-child {
border-bottom: none !important;
}
td:before {
position: absolute;
top: 0;
right: 0;
width: 50%;
padding: 15px 5px;
white-space: nowrap;
font-weight: bold;
content: attr(data-label); /* Custom data attribute for labels */
color: #004d99;
background-color: #e0f0ff;
text-align: left;
border-left: 1px solid #c0d8f0;
height: 100%;
display: flex;
align-items: center;
}
td:nth-of-type(1):before { content: “حوزه پژوهشی”; }
td:nth-of-type(2):before { content: “ویژگی‌ها و پتانسیل”; }

/* Infographic adjustments */
div[style*=”flex: 1 1 300px;”] {
padding: 15px;
}
div[style*=”font-size: 2.8em; color: #007bff;”] {
font-size: 2.2em !important;
margin-bottom: 10px !important;
}
div[style*=”font-size: 2em; color: #007bff;”] {
margin: 5px 0 !important;
}
}
/* Ensure no text selection styling interferes */
::selection {
background: #b3d4fc;
color: #000;
}
::-moz-selection {
background: #b3d4fc;
color: #000;
}
/* Link hover effects */
a {
text-decoration: none;
color: #007bff;
transition: color 0.3s ease, text-decoration 0.3s ease;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
/* Specific styling for table caption on small screens */
table caption {
display: block !important;
padding: 10px !important;
font-size: 1.1em !important;
}

// This script helps ensure table headers are displayed as labels on small screens.
// It’s a client-side enhancement for mobile responsiveness not strictly part of the raw block editor content,
// but useful if the HTML is embedded in a page that allows JS.
document.addEventListener(‘DOMContentLoaded’, function() {
if (window.innerWidth {
Array.from(row.querySelectorAll(‘td’)).forEach((cell, index) => {
if (headers[index]) {
cell.setAttribute(‘data-label’, headers[index].textContent.trim());
}
});
});
}
}
});