مشاوره پایان نامه در موضوع بیوانفورماتیک

/* این استایل‌ها به صورت کلی برای بهبود رندرینگ در مرورگرها است و ممکن است در ویرایشگر بلوک نیاز به تنظیمات خاصی داشته باشد */
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.eot’);
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.eot?#iefix’) format(’embedded-opentype’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.woff2’) format(‘woff2’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.woff’) format(‘woff’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin/BNazanin.ttf’) format(‘truetype’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘B Nazanin’;
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin_Bold/BNazanin_Bold.eot’);
src: url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin_Bold/BNazanin_Bold.eot?#iefix’) format(’embedded-opentype’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin_Bold/BNazanin_Bold.woff2’) format(‘woff2’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin_Bold/BNazanin_Bold.woff’) format(‘woff’),
url(‘https://cdn.fontcdn.ir/Font/Persian/BNazanin_Bold/BNazanin_Bold.ttf’) format(‘truetype’);
font-weight: bold;
font-style: normal;
}

body {
margin: 0;
padding: 0;
background-color: #F0F2F5; /* رنگ پس زمینه کلی صفحه */
direction: rtl; /* برای پشتیبانی از زبان فارسی */
text-align: right; /* برای راست‌چین کردن متن */
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 { font-size: 32px !important; }
h2 { font-size: 26px !important; }
h3 { font-size: 20px !important; }
p, li, td, th { font-size: 16px !important; }
div[style*=”max-width: 900px”] { padding: 15px !important; }
.infographic-item { flex: 1 1 100% !important; } /* Make infographic items stack */
}

@media (max-width: 480px) {
h1 { font-size: 28px !important; }
h2 { font-size: 22px !important; }
h3 { font-size: 18px !important; }
p, li, td, th { font-size: 15px !important; }
div[style*=”max-width: 900px”] { padding: 10px !important; border-radius: 8px !important; }
}

/* General table styling for better responsiveness */
table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch; /* For smoother scrolling on iOS */
}
thead, tbody, th, td, tr {
display: block; /* Make table elements behave like block elements */
}
thead tr {
position: absolute; /* Hide table header visually on small screens */
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
td {
border: none !important; /* Remove individual cell borders */
position: relative;
padding-left: 50% !important; /* Make room for the pseudo-element label */
text-align: right !important;
font-size: 16px !important;
}
td::before {
content: attr(data-label); /* Use data-label for content on small screens */
position: absolute;
right: 15px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #0A2E36;
font-size: 17px;
}
/* Specific styling for the table in the generated content – override above general styles for larger screens */
@media (min-width: 769px) {
table { display: table; }
thead tr { position: relative; top: auto; left: auto; display: table-row; }
tbody, th, td, tr { display: table-row; }
th, td { display: table-cell !important; }
td { padding-left: 15px !important; } /* Reset padding for larger screens */
td::before { content: none; } /* Hide pseudo-element for larger screens */
}