دانلود رایگان پایان نامه رشته مهندسی شیمی ترمودینامیک + نمونه پایان نامه ارشد

/* Base Styles for Readability and Responsiveness */
body {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f4f7f6;
color: #333;
line-height: 1.6;
direction: rtl; /* Ensures proper right-to-left display */
text-align: right;
}

/* Ensure all elements within the main container inherit text alignment */
div[style*=”max-width: 900px”] {
text-align: right;
}

/* Responsive Font Sizes for Headings */
h1 {
font-size: clamp(1.8em, 5vw, 2.8em) !important; /* Responsive H1 */
text-align: center !important;
}

h2 {
font-size: clamp(1.5em, 4vw, 2.2em) !important; /* Responsive H2 */
text-align: right !important;
}

h3 {
font-size: clamp(1.2em, 3.5vw, 1.6em) !important; /* Responsive H3 */
text-align: right !important;
}

/* Responsive Paragraph and List Item Font Sizes */
p, li, td, th {
font-size: clamp(0.95em, 2.5vw, 1.1em) !important; /* Responsive body text */
}

/* Adjustments for specific elements to maintain visual appeal on small screens */
.main-content-block { /* Assuming the outermost div has this class or similar structure */
padding: 15px !important;
margin: 10px auto !important;
max-width: 98% !important; /* Allow slightly more width on smaller screens */
}

/* Specific styling for the flex container within H2 “مسیر نگارش پایان نامه” */
div[style*=”display: flex”] {
flex-direction: column; /* Stack items vertically on small screens */
gap: 15px; /* Add space between stacked items */
}

div[style*=”display: flex”] > div {
flex: 1 1 100% !important; /* Each item takes full width on small screens */
margin: 10px 0 !important; /* Adjust margin for stacking */
min-width: unset !important; /* Remove min-width constraint on small screens */
}

/* Table Responsiveness */
table {
display: block; /* Make table a block element for overflow */
overflow-x: auto; /* Enable horizontal scrolling for tables on small screens */
white-space: nowrap; /* Prevent content from wrapping inside cells */
}
thead, tbody, th, td, tr {
display: block; /* Make table elements display as block for custom stacking */
}
thead tr {
position: absolute; /* Hide header row, but keep content accessible */
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #dee2e6;
margin-bottom: 10px;
display: flex; /* Use flexbox for rows */
flex-wrap: wrap; /* Allow cells to wrap */
padding: 10px 0;
}
td {
border: none; /* Remove individual cell borders */
position: relative;
padding-right: 50% !important; /* Space for labels */
text-align: right !important;
width: 100%;
box-sizing: border-box;
}
td::before {
/* Create labels from data-label attribute */
content: attr(data-label);
position: absolute;
right: 6px;
width: 45%;
padding-left: 10px;
font-weight: bold;
white-space: nowrap;
text-align: right;
color: #007bff;
}

/* General Link Styling (if links were present) */
a {
color: #007bff;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #0056b3;
text-decoration: underline;
}

/* Specific adjustments for ul/ol padding on mobile */
ul, ol {
padding-right: 15px !important; /* Adjust for smaller screens */
}

/* Styles for the “💡” bullet points, ensuring they stay aligned */
ul[style*=”list-style-type: none”] li {
padding-right: 30px !important;
}

ul[style*=”list-style-type: none”] li span {
right: 0px !important; /* Adjust position for icon */
}

/* Adjustments for tablet/laptop screens */
@media (min-width: 768px) {
div[style*=”display: flex”] {
flex-direction: row; /* Revert to row on larger screens */
}
div[style*=”display: flex”] > div {
flex: 1 1 calc(50% – 40px) !important; /* Two columns */
}
table {
display: table;
overflow-x: visible;
white-space: normal;
}
thead tr {
position: static;
display: table-row;
}
td {
display: table-cell;
padding-right: 10px !important; /* Revert padding */
text-align: right !important;
width: auto;
border: 1px solid #dee2e6;
}
td::before {
content: none; /* Hide labels on larger screens */
}
tr {
display: table-row;
border: none;
margin-bottom: 0;
padding: 0;
}
ul, ol {
padding-right: 25px !important; /* Standard padding */
}
}

/* Specific styling for the infoboxes */
div[style*=”background-color: #f0f8ff”],
div[style*=”background-color: #e6f7ff”],
div[style*=”background-color: #fff0f5″],
div[style*=”background-color: #e6ffe6″],
div[style*=”background-color: #fffaf0″],
div[style*=”background-color: #f8f9fa”] {
margin: 25px 0 !important;
padding: 20px !important;
}

/* Ensure inline styles for headings override any generic CSS for better editor compatibility */
h1[style], h2[style], h3[style] {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif !important;
}

/* Table head color for better contrast and branding */
table thead {
background-color: #007bff;
color: #fff;
}
table th {
background-color: #007bff; /* Ensure header cells have background */
color: #fff;
font-weight: bold;
}
table tbody tr:nth-child(odd) {
background-color: #f8f9fa;
}
table tbody tr:nth-child(even) {
background-color: #fff;
}
table td, table th {
padding: 12px 15px;
border: 1px solid #dee2e6;
text-align: right;
}

/* Additional style for the infobox-like lists */
ul[style*=”list-style-type: none”] li {
background-color: #fdfdff;
border-radius: 6px;
padding: 12px 15px;
margin-bottom: 12px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
border: 1px solid #ffe7f2;
position: relative; /* For icon positioning */
}

/* Ensure the main container div behaves well */
div[style*=”max-width: 900px”] {
padding: 20px; /* Base padding */
}

/* Responsive adjustments for overall padding and margins */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
margin: 10px auto;
box-shadow: none; /* Lighter shadow on small screens */
}
p {
margin-bottom: 15px !important;
}
h2, h3 {
margin-top: 25px !important;
margin-bottom: 15px !important;
}
div[style*=”padding: 20px 0″] { /* For the main H1 container */
padding: 15px 0 !important;
}
}

/* For TV/larger screens, ensure max-width doesn’t stretch too much */
@media (min-width: 1200px) {
div[style*=”max-width: 900px”] {
max-width: 1000px; /* Slightly wider on very large screens for better use of space */
}
}