دانلود رایگان پایان نامه رشته مهندسی کشاورزی صنایع غذایی + نمونه پایان نامه ارشد

/* Basic Reset and Font for consistency */
body {
margin: 0;
padding: 0;
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif; /* Fallback fonts for broader support */
direction: rtl; /* Ensure right-to-left for Persian */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Responsive adjustments for overall layout */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
border-radius: 0;
box-shadow: none;
}
h1[style*=”font-size: 2.5em”] {
font-size: 2em !important;
margin-bottom: 25px !important;
}
h2[style*=”font-size: 1.8em”] {
font-size: 1.5em !important;
}
h3[style*=”font-size: 1.3em”] {
font-size: 1.2em !important;
}
p, ul, ol, td, th {
font-size: 1em !important;
}
/* Adjust infographic layout for smaller screens */
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] div {
flex: 1 1 150px !important;
min-width: 140px !important;
font-size: 0.85em !important;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] div span {
font-size: 1.5em !important;
}
}

@media (max-width: 480px) {
div[style*=”max-width: 900px”] {
padding: 10px;
}
h1[style*=”font-size: 2.5em”] {
font-size: 1.8em !important;
margin-bottom: 20px !important;
}
h2[style*=”font-size: 1.8em”] {
font-size: 1.3em !important;
}
h3[style*=”font-size: 1.3em”] {
font-size: 1.1em !important;
}
p, ul, ol, td, th {
font-size: 0.95em !important;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] div {
flex: 1 1 100% !important; /* Stack vertically on very small screens */
min-width: unset !important;
font-size: 0.9em !important;
margin-bottom: 10px;
}
div[style*=”display: flex; flex-wrap: wrap; justify-content: center;”] div:last-child {
margin-bottom: 0;
}
}

/* Styles for the table to ensure responsiveness */
table {
width: 100%;
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

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 #ffe0b2;
margin-bottom: 10px;
border-radius: 5px;
overflow: hidden;
}

table td {
border: none !important;
position: relative;
padding-left: 50% !important; /* Make room for the pseudo-element label */
text-align: right !important;
white-space: normal;
padding-top: 10px !important;
padding-bottom: 10px !important;
}

table td::before {
content: attr(data-label);
position: absolute;
left: 0;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #795548;
}
/* Specific labels for each column in the table for mobile */
table tbody tr:nth-of-type(1) td:nth-of-type(1)::before { content: “موضوع:”; }
table tbody tr:nth-of-type(1) td:nth-of-type(2)::before { content: “حوزه:”; }

table tbody tr:nth-of-type(2) td:nth-of-type(1)::before { content: “موضوع:”; }
table tbody tr:nth-of-type(2) td:nth-of-type(2)::before { content: “حوزه:”; }

table tbody tr:nth-of-type(3) td:nth-of-type(1)::before { content: “موضوع:”; }
table tbody tr:nth-of-type(3) td:nth-of-type(2)::before { content: “حوزه:”; }

table tbody tr:nth-of-type(4) td:nth-of-type(1)::before { content: “موضوع:”; }
table tbody tr:nth-of-type(4) td:nth-of-type(2)::before { content: “حوزه:”; }

table tbody tr:nth-of-type(5) td:nth-of-type(1)::before { content: “موضوع:”; }
table tbody tr:nth-of-type(5) td:nth-of-type(2)::before { content: “حوزه:”; }

/* Revert table on larger screens */
@media screen and (min-width: 769px) {
table {
display: table;
overflow-x: unset;
white-space: unset;
}

table thead tr {
position: relative;
top: unset;
left: unset;
}

table tr {
display: table-row;
border: none;
margin-bottom: 0;
}

table th, table td {
display: table-cell;
padding-left: 12px !important; /* Reset padding for desktop */
text-align: right !important;
border-bottom: 1px solid #ffe0b2 !important; /* Re-add border */
}
table thead th {
border-bottom: 2px solid #ffcc80 !important;
}

table td::before {
content: none; /* Hide pseudo-element labels */
}
}