انجام ویرایش و اصلاح پایان نامه در خمین + تضمینی

/* Basic reset and responsive adjustments */
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Responsive adjustments for main container */
div[style*=”max-width: 900px”] {
width: 95%; /* Make it slightly smaller on very small screens */
margin-left: auto;
margin-right: auto;
}

/* Headings responsiveness */
h1[style*=”font-size: 2.5em”] {
font-size: calc(1.8em + 1vw); /* Fluid font size for H1 */
}
h2[style*=”font-size: 2em”] {
font-size: calc(1.5em + 0.8vw); /* Fluid font size for H2 */
}
h3[style*=”font-size: 1.5em”] {
font-size: calc(1.2em + 0.6vw); /* Fluid font size for H3 */
}
h3[style*=”font-size: 1.4em”] { /* For FAQ headings */
font-size: calc(1.1em + 0.5vw);
}
h3[style*=”font-size: 1.6em”] { /* For table heading */
font-size: calc(1.3em + 0.5vw);
}
h4[style*=”font-size: 1.3em”] { /* For infographic headings */
font-size: calc(1em + 0.4vw);
}

/* Paragraph and list item responsiveness */
p[style*=”font-size: 1.1em”], ul[style*=”font-size: 1.1em”] li, ol[style*=”font-size: 1.1em”] li {
font-size: calc(1em + 0.1vw); /* Slightly fluid for body text */
}
p[style*=”font-size: 0.95em”] {
font-size: calc(0.9em + 0.05vw);
}

/* Table responsiveness */
table {
display: block;
overflow-x: auto; /* Enable horizontal scrolling on small screens */
width: 100%; /* Ensure table takes full width of its container */
}
thead, tbody, th, td, tr {
display: block; /* Stack table elements on small screens */
}
thead tr {
position: absolute; /* Hide table headers visually but keep for screen readers */
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
border-radius: 8px; /* Added for better mobile aesthetics */
overflow: hidden; /* Ensure border-radius applies to content */
}
td {
border: none; /* Remove individual cell borders on stacked view */
position: relative;
padding-left: 50%; /* Make space for the “header” label */
text-align: right; /* Align text to the right for RTL */
}
td:before {
/* This creates the “header” label for each cell */
content: attr(data-label);
position: absolute;
right: 6px;
width: 45%;
padding-left: 10px;
font-weight: bold;
text-align: right;
white-space: nowrap;
color: #0056b3; /* Color for the label */
}
/* Specific data-label content for each column */
td:nth-of-type(1):before { content: “جنبه ویرایش:”; }
td:nth-of-type(2):before { content: “شرح:”; }

/* Override table styling for larger screens */
@media (min-width: 768px) {
table {
display: table;
overflow-x: unset;
}
thead tr {
position: static;
}
tr {
display: table-row;
border: 1px solid #ddd; /* Re-add original border */
border-radius: 0;
margin-bottom: 0;
}
td {
display: table-cell;
border: 1px solid #ddd;
padding-left: 12px;
text-align: right;
}
td:before {
content: none; /* Hide generated labels on larger screens */
}
/* Restore background colors for rows on larger screens */
tbody tr:nth-child(odd) td {
background-color: #f2f2f2;
}
tbody tr:nth-child(even) td {
background-color: transparent;
}
/* Specific background for alternating cells */
tbody tr td:nth-of-type(1) {
background-color: #f2f2f2;
}
tbody tr td:nth-of-type(2) {
background-color: transparent;
}
}
/* Ensure the alternating background colors are correct for the original table layout on larger screens */
@media (min-width: 768px) {
table td[style*=”background-color: #f2f2f2;”] {
background-color: #f2f2f2 !important;
}
table td[style*=”background-color: transparent;”] {
background-color: transparent !important;
}
}

/* Infographic Alternative responsiveness */
div[style*=”display: flex; flex-wrap: wrap;”] {
flex-direction: column; /* Stack items vertically on small screens */
align-items: center; /* Center items when stacked */
}
div[style*=”flex: 1 1 280px”] {
width: 90%; /* Ensure cards take sufficient width on small screens */
margin-bottom: 20px; /* Add space between stacked cards */
}
@media (min-width: 600px) {
div[style*=”display: flex; flex-wrap: wrap;”] {
flex-direction: row; /* Go back to row layout on larger screens */
justify-content: center;
}
div[style*=”flex: 1 1 280px”] {
width: auto; /* Let flexbox manage width */
margin-bottom: 0;
flex: 1 1 280px; /* Reset flex properties */
}
}
@media (min-width: 900px) {
div[style*=”flex: 1 1 280px”] {
flex: 0 0 280px; /* Fixed width for larger screens for better control */
}
}

/* Table of contents responsiveness */
div[style*=”list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;”] {
flex-direction: column; /* Stack on small screens */
align-items: flex-end; /* Align right for RTL */
}
div[style*=”list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;”] li {
margin: 5px 0; /* Adjust margin for stacked list items */
text-align: right;
width: 100%; /* Take full width */
}
@media (min-width: 600px) {
div[style*=”list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;”] {
flex-direction: row; /* Back to row on larger screens */
justify-content: center;
}
div[style*=”list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center;”] li {
margin: 8px 15px; /* Original margin */
width: auto;
}
}

/* Specific styles for block editor compatibility (inline styles are primary, but this helps) */
.wp-block-group h1, .wp-block-group h2, .wp-block-group h3, .wp-block-group p, .wp-block-group ul, .wp-block-group ol, .wp-block-group table {
/* Ensure default block editor styles don’t override too much, if the user copies this into a group block */
font-family: inherit; /* Inherit font from the main div */
direction: rtl;
text-align: right;
line-height: inherit;
color: inherit;
}

/* Ensure no unwanted borders or backgrounds from block editor defaults */
.wp-block-group {
border: none !important;
background: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* Adjust font family for specific cases if the theme supports it, or keep the fallback */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘path-to-B-Nazanin.woff2’) format(‘woff2’),
url(‘path-to-B-Nazanin.woff’) format(‘woff’);
/* Add other font formats if needed */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Iranian Sans’;
src: url(‘path-to-Iranian-Sans.woff2’) format(‘woff2’),
url(‘path-to-Iranian-Sans.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;
}

/* For print media */
@media print {
div[style*=”max-width: 900px”] {
box-shadow: none;
border: none;
background-color: white;
padding: 0;
margin: 0;
width: 100%;
}
h1, h2, h3, h4 {
color: #000 !important; /* Print in black for readability */
border-bottom-color: #ccc !important;
}
a {
text-decoration: none;
color: #000;
}
div[style*=”background-color: #e9ecef”], div[style*=”background-color: #d4edda”] {
background-color: #f5f5f5 !important; /* Lighter background for print */
border: 1px solid #ccc !important;
box-shadow: none !important;
}
table {
border: 1px solid #ccc;
}
th, td {
background-color: white !important;
border: 1px solid #ccc !important;
}
}