انجام رساله دکتری در موضوع مهندسی صنایع

/* Basic reset and font for overall responsiveness */
body {
margin: 0;
padding: 0;
font-family: ‘Vazirmatn’, sans-serif; /* Fallback for Vazirmatn */
background-color: #f4f7f6; /* Light background for the whole page */
direction: rtl; /* For RTL languages like Persian */
text-align: right;
}

/* Vazirmatn font embedding for better consistency */
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2’) format(‘woff2’);
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Medium.woff2’) format(‘woff2’);
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-SemiBold.woff2’) format(‘woff2’);
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2’) format(‘woff2’);
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ‘Vazirmatn’;
src: url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-ExtraBold.woff2’) format(‘woff2’);
font-weight: 800;
font-style: normal;
font-display: swap;
}

/* Responsive adjustments for the main container */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
margin: 10px auto;
padding: 15px;
border-radius: 8px;
}
h1[style*=”font-size: 2.8em”] {
font-size: 2em !important;
margin-bottom: 20px !important;
}
h2[style*=”font-size: 1.8em”] {
font-size: 1.5em !important;
margin-top: 30px !important;
}
h2[style*=”font-size: 2.2em”] {
font-size: 1.8em !important;
margin-top: 30px !important;
}
h3[style*=”font-size: 1.6em”] {
font-size: 1.3em !important;
}
p[style*=”font-size: 1.1em”], li[style*=”font-size: 1.1em”], table td, table th {
font-size: 1em !important;
}
.infographic-item { /* Adjust width for infographic blocks */
width: 100% !important;
margin-bottom: 15px;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;”] > div {
width: 100% !important; /* Make challenge boxes full width on small screens */
margin-bottom: 15px;
}
}

/* Tablet adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”max-width: 900px”] {
padding: 20px;
}
h1[style*=”font-size: 2.8em”] {
font-size: 2.4em !important;
}
h2[style*=”font-size: 2.2em”] {
font-size: 2em !important;
}
.infographic-item {
width: 48% !important; /* Two columns for infographic blocks on tablets */
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;”] > div {
width: 48% !important; /* Two columns for challenge boxes on tablets */
}
}

/* Desktop and TV adjustments (larger screens) */
@media (min-width: 1025px) {
div[style*=”max-width: 900px”] {
padding: 30px;
margin: 40px auto;
}
.infographic-item {
width: 28% !important; /* Three columns for infographic blocks */
}
}

/* General styling for links to ensure accessibility and design consistency */
a {
text-decoration: none;
color: #007bff;
transition: color 0.3s ease, text-decoration 0.3s ease;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}

/* Ensuring table responsiveness */
table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
}
table thead, table tbody, table th, table td, table tr {
display: block;
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #ddd;
margin-bottom: 10px;
border-radius: 8px;
overflow: hidden;
}
table td {
border: none;
position: relative;
padding-left: 50% !important; /* Space for the “label” */
text-align: right !important;
}
table td:before {
content: attr(data-label);
position: absolute;
right: 15px;
width: 45%;
padding-right: 10px;
font-weight: 600;
white-space: nowrap;
color: #1a2a40;
}
/* Specific styling for table cells to use data-label attribute */
table tbody tr:nth-child(1) td:before { content: “روش پژوهش:”; }
table tbody tr:nth-child(1) td:nth-child(2):before { content: “کاربردها و ویژگی‌ها:”; } /* Adjust this if the structure changes */
table tbody tr:nth-child(2) td:before { content: “روش پژوهش:”; }
table tbody tr:nth-child(2) td:nth-child(2):before { content: “کاربردها و ویژگی‌ها:”; }
table tbody tr:nth-child(3) td:before { content: “روش پژوهش:”; }
table tbody tr:nth-child(3) td:nth-child(2):before { content: “کاربردها و ویژگی‌ها:”; }
table tbody tr:nth-child(4) td:before { content: “روش پژوهش:”; }
table tbody tr:nth-child(4) td:nth-child(2):before { content: “کاربردها و ویژگی‌ها:”; }
table tbody tr:nth-child(5) td:before { content: “روش پژوهش:”; }
table tbody tr:nth-child(5) td:nth-child(2):before { content: “کاربردها و ویژگی‌ها:”; }

/* Revert table for larger screens */
@media (min-width: 768px) {
table {
display: table;
overflow-x: hidden;
}
table thead tr {
position: static;
display: table-row;
}
table th, table td {
display: table-cell;
padding-left: 15px !important; /* Reset padding */
text-align: right !important;
}
table td:before {
content: none; /* Hide labels */
}
table tr {
border: none;
margin-bottom: 0;
border-radius: 0;
}
table tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
table tbody tr:nth-child(odd) {
background-color: #ffffff;
}
}