انجام پاورپوینت دفاع پایان نامه رشته بیوتروریسم + فوری 3ساعته

/* Global styles for improved readability and responsiveness */
body {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif; /* Fallback for Vazirmatn */
line-height: 1.8;
color: #333333;
margin: 0;
padding: 0;
background-color: #F0F2F5; /* Light grey background for the whole page */
font-size: 16px; /* Base font size */
}

/* Article container */
div[style*=”max-width: 900px”] {
background-color: #FFFFFF;
padding: 20px;
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
margin: 30px auto;
overflow-x: hidden; /* Prevent horizontal scroll for tables on small screens */
}

/* Headings */
h1 {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif;
font-size: 2.8em; /* Slightly larger for main title */
font-weight: 800; /* Extra bold */
color: #1A4D2E; /* Dark Green */
text-align: center;
padding: 25px 15px;
background-color: #F7F7F7;
border-bottom: 4px solid #4F772D; /* Secondary Green */
margin: 0;
line-height: 1.3;
}

h2 {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif;
font-size: 2em; /* Adjusted H2 size */
font-weight: 700; /* Bold */
color: #4F772D; /* Secondary Green */
margin-top: 50px;
margin-bottom: 25px;
border-left: 6px solid #EECC10; /* Accent Gold */
padding-left: 20px;
background-color: #f8fcf8; /* Very light green background */
padding: 15px 20px;
border-radius: 8px;
line-height: 1.4;
}

h3 {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif;
font-size: 1.6em; /* Adjusted H3 size */
font-weight: 600; /* Semi-bold */
color: #1A4D2E; /* Dark Green */
margin-top: 35px;
margin-bottom: 18px;
border-bottom: 2px solid #EECC10; /* Accent Gold */
padding-bottom: 8px;
line-height: 1.5;
}

/* Paragraphs */
p {
margin-bottom: 1.2em;
text-align: justify;
font-size: 1.05em;
}

/* Lists */
ul {
list-style-type: disc;
margin-left: 25px;
padding: 0;
margin-bottom: 1.5em;
}

ul li {
margin-bottom: 0.8em;
font-size: 1em;
}

ul li a {
color: #1A4D2E;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}

ul li a:hover {
color: #EECC10;
text-decoration: underline;
}

ul[style*=”list-style-type: square”] li {
color: #4F772D;
}

ul[style*=”list-style-type: check”] li {
color: #1A4D2E;
}

ul[style*=”list-style-type: decimal”] li {
color: #1A4D2E;
font-weight: 500;
}

/* Table */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 2em;
font-size: 0.95em;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply */
}

table thead {
background-color: #1A4D2E;
color: #FFFFFF;
}

table th, table td {
padding: 14px 18px;
border: 1px solid #e0e0e0;
text-align: right;
font-size: 1em;
}

table tbody tr:nth-child(even) {
background-color: #f9f9f9;
}

table tbody tr:hover {
background-color: #f0f0f0;
}

/* Infographic (Text-based visual) */
div[style*=”background-color: #1A4D2E”] { /* Main infographic container */
background-color: #1A4D2E;
color: #FFFFFF;
padding: 30px;
border-radius: 12px;
margin: 35px 0;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}
div[style*=”background-color: #1A4D2E”] h3 {
color: #EECC10; /* Accent Gold for infographic title */
font-size: 1.8em;
font-weight: 700;
margin-bottom: 20px;
border-bottom: none; /* Override general h3 border */
padding-bottom: 0;
}
div[style*=”background-color: #4F772D”] { /* Inner infographic blocks */
background-color: #4F772D; /* Secondary Green */
color: #FFFFFF;
padding: 20px;
border-radius: 10px;
text-align: center;
min-width: 280px; /* Ensure blocks are not too small */
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
transition: transform 0.3s ease;
}
div[style*=”background-color: #4F772D”]:hover {
transform: translateY(-5px);
}
div[style*=”background-color: #4F772D”] strong {
color: #EECC10; /* Accent Gold for step titles */
font-size: 1.3em;
display: block; /* Make strong tag take full width */
margin-bottom: 10px;
}
div[style*=”background-color: #4F772D”] ul {
list-style: none;
padding: 0;
margin-top: 10px;
font-size: 0.9em;
text-align: right; /* Align bullet points right within blocks */
margin-left: 0;
}
div[style*=”background-color: #4F772D”] ul li {
margin-bottom: 5px;
font-size: 0.95em;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 15px 10px;
}
h2 {
font-size: 1.5em;
padding-left: 15px;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}
p {
font-size: 0.95em;
}
ul {
margin-left: 15px;
}
ul li {
font-size: 0.9em;
}
table {
display: block;
overflow-x: auto; /* Enable horizontal scroll for table on small screens */
white-space: nowrap; /* Prevent table content from wrapping */
-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
border-radius: 0; /* Remove rounded corners for full width scroll */
}
table thead {
display: none; /* Hide table header on small screens */
}
table tr {
display: block;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
background-color: #FFFFFF; /* Ensure white background for each row */
box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
table td {
display: block;
text-align: right;
border: none;
padding: 10px 15px;
position: relative;
font-size: 0.9em;
}
table td::before { /* Add pseudo-elements for header labels on small screens */
content: attr(data-label);
font-weight: bold;
display: block;
text-align: right;
margin-bottom: 5px;
color: #1A4D2E;
}
table tbody tr:nth-child(even) {
background-color: #fefefe; /* Reset row background on small screens */
}

/* Update table cell content for mobile to include data-label attribute */
table td:nth-of-type(1):before { content: “بخش پاورپوینت:”; }
table td:nth-of-type(2):before { content: “نکات کلیدی محتوایی (ویژه بیوتروریسم):”; }

div[style*=”background-color: #1A4D2E”] { /* Infographic */
padding: 20px;
margin: 25px 0;
}
div[style*=”background-color: #1A4D2E”] h3 {
font-size: 1.5em;
}
div[style*=”background-color: #4F772D”] {
padding: 15px;
}
div[style*=”background-color: #4F772D”] strong {
font-size: 1.1em;
}
div[style*=”background-color: #4F772D”] ul {
font-size: 0.85em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.7em;
padding: 10px 5px;
}
h2 {
font-size: 1.3em;
padding-left: 10px;
}
h3 {
font-size: 1.1em;
}
p {
font-size: 0.9em;
}
ul {
margin-left: 10px;
}
ul li {
font-size: 0.85em;
}
div[style*=”background-color: #1A4D2E”] h3 {
font-size: 1.3em;
}
div[style*=”background-color: #4F772D”] strong {
font-size: 1em;
}
}

/* Print styles */
@media print {
body {
background-color: #FFFFFF;
font-size: 12pt;
color: #000000;
}
div[style*=”max-width: 900px”] {
box-shadow: none;
border-radius: 0;
padding: 0;
margin: 0;
}
h1, h2, h3 {
color: #000000 !important;
background-color: #FFFFFF !important;
border: none !important;
padding: 0 !important;
margin-top: 20px !important;
margin-bottom: 10px !important;
}
h1 { font-size: 24pt !important; }
h2 { font-size: 18pt !important; }
h3 { font-size: 14pt !important; }
a {
text-decoration: none;
color: #000000;
}
a:after {
content: ” (” attr(href) “)”;
font-size: 9pt;
}
table, div[style*=”background-color: #1A4D2E”] {
box-shadow: none;
border: 1px solid #ccc;
page-break-inside: avoid;
}
div[style*=”background-color: #1A4D2E”] {
background-color: #f0f0f0 !important;
color: #333333 !important;
}
div[style*=”background-color: #4F772D”] {
background-color: #e0e0e0 !important;
color: #333333 !important;
}
div[style*=”background-color: #4F772D”] strong {
color: #000000 !important;
}
ul li {
font-size: 12pt;
}
}

/* Specific fixes for table responsiveness with data-label */
@media (max-width: 768px) {
table td[data-label] {
text-align: right; /* Ensure content aligns right */
}
}

// This script is for dynamic data-labeling in tables for better mobile display
document.addEventListener(‘DOMContentLoaded’, function() {
if (window.innerWidth th.textContent);
table.querySelectorAll(‘tr’).forEach(row => {
row.querySelectorAll(‘td’).forEach((cell, index) => {
cell.setAttribute(‘data-label’, headers[index] + ‘:’);
});
});
}
}
});