پشتیبانی پایان‌نامه با نمونه کار در حوزه ژنتیک

/* Responsive Styles for Various Devices */
@media (max-width: 768px) {
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 15px;
font-size: 1em !important;
line-height: 1.7 !important;
}
h1[style*=”font-size”] {
font-size: 2em !important;
padding: 15px 10px !important;
margin-bottom: 25px !important;
}
h2[style*=”font-size”] {
font-size: 1.6em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
padding-bottom: 8px !important;
}
h3[style*=”font-size”] {
font-size: 1.3em !important;
margin-top: 25px !important;
margin-bottom: 12px !important;
}
table, th, td {
font-size: 0.9em !important;
padding: 10px !important;
}
div[style*=”display: flex”] {
flex-direction: column;
gap: 15px;
}
div[style*=”flex: 1 1 45%”] {
flex: 1 1 100% !important;
min-width: unset !important;
}
ul li {
padding-left: 25px !important;
}
ul li span {
font-size: 1.3em !important;
}
}

@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 20px;
font-size: 1.05em !important;
line-height: 1.8 !important;
}
h1[style*=”font-size”] {
font-size: 2.4em !important;
}
h2[style*=”font-size”] {
font-size: 1.8em !important;
}
h3[style*=”font-size”] {
font-size: 1.5em !important;
}
table, th, td {
font-size: 1em !important;
padding: 12px !important;
}
}

/* For very large screens (TVs) – ensuring readability from a distance */
@media (min-width: 1920px) {
div[style*=”font-family: ‘Vazirmatn'”] {
max-width: 1200px; /* Wider content area */
font-size: 1.25em !important;
line-height: 2 !important;
}
h1[style*=”font-size”] {
font-size: 3.5em !important;
margin-bottom: 60px !important;
}
h2[style*=”font-size”] {
font-size: 2.5em !important;
margin-top: 70px !important;
margin-bottom: 35px !important;
}
h3[style*=”font-size”] {
font-size: 1.8em !important;
margin-top: 45px !important;
margin-bottom: 20px !important;
}
table, th, td {
font-size: 1.2em !important;
padding: 20px !important;
}
div[style*=”flex: 1 1 45%”] {
padding: 30px !important;
}
p[style*=”font-size: 0.95em”] { /* For infographic texts */
font-size: 1.1em !important;
}
p[style*=”font-size: 1.1em”] { /* For infographic titles */
font-size: 1.3em !important;
}
ul li span {
font-size: 1.8em !important;
}
}

/* General improvements for print */
@media print {
body {
background-color: #fff !important;
color: #000 !important;
}
div[style*=”font-family: ‘Vazirmatn'”], h1, h2, h3, p, ul, table {
box-shadow: none !important;
border: none !important;
background-color: transparent !important;
color: #000 !important;
}
h1 { color: #000 !important; }
h2 { color: #000 !important; border-bottom: 1px solid #ccc !important; }
h3 { color: #000 !important; }
/* Hide decorative elements for print */
div[style*=”background-color: #e0f2f7″] { background-color: transparent !important; }
div[style*=”background-color: #f8f9fa”] { background-color: transparent !important; }
div[style*=”background-color: #f0f7ff”] { background-color: transparent !important; }
}

/* Base Vazirmatn font import – adjust if already imported globally */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/round/webfonts/Vazirmatn-Regular.woff2’);
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/round/webfonts/Vazirmatn-Medium.woff2’);
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/round/webfonts/Vazirmatn-SemiBold.woff2’);
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/round/webfonts/Vazirmatn-Bold.woff2’);
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/round/webfonts/Vazirmatn-ExtraBold.woff2’);

body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl; /* Ensure RTL for Persian text */
text-align: right; /* Default text alignment for Persian */
margin: 0;
padding: 0;
background-color: #f4f7f9; /* Light background for the page */
}

/* Ensure images/emojis are responsive */
img {
max-width: 100%;
height: auto;
display: block; /* Prevent extra space below images */
}