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

/* Basic Reset for consistent display */
body, div, h1, h2, h3, p, ul, ol, li, table, thead, tbody, tr, th, td {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* General styling for the main container */
div[style*=”font-family: ‘Arial’, sans-serif”] {
font-family: ‘Arial’, sans-serif;
line-height: 1.8;
color: #333333;
max-width: 850px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff; /* White background for the main content block */
border-radius: 8px; /* Slightly rounded corners */
box-shadow: 0 4px 8px rgba(0,0,0,0.05); /* Subtle shadow for depth */
overflow-x: auto; /* For table responsiveness */
}

/* Headings */
h1 {
font-size: 2.5em;
font-weight: bold;
color: #1A5276; /* Dark blue */
text-align: center;
padding: 20px 0;
margin-bottom: 30px;
line-height: 1.2;
}
h2 {
font-size: 2em;
font-weight: bold;
color: #2E8B57; /* Forest green */
margin-top: 40px;
margin-bottom: 20px;
border-bottom: 2px solid #EBF5FB; /* Light blue border */
padding-bottom: 10px;
}
h3 {
font-size: 1.5em;
font-weight: bold;
color: #1A5276; /* Dark blue */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraphs */
p {
font-size: 1.1em;
margin-bottom: 15px;
}

/* Lists */
ul {
list-style-type: disc;
margin-left: 25px;
margin-bottom: 15px;
}
ul li {
margin-bottom: 8px;
}
ul[style*=”list-style-type: decimal”] { /* Specific style for ordered list */
list-style-type: decimal;
}
ul[style*=”list-style-type: none”] { /* For infographic like list */
list-style-type: none;
padding: 0;
margin-left: 0;
}

/* Special blocks for infographic and quick tips */
div[style*=”background-color: #EBF5FB”] { /* Infographic block */
background-color: #EBF5FB; /* Very light blue */
border-left: 5px solid #3498DB; /* Medium blue accent border */
padding: 20px;
margin-bottom: 25px;
border-radius: 5px;
}
div[style*=”background-color: #F8F8F8″] { /* Quick tips block */
background-color: #F8F8F8; /* Light gray */
border: 1px dashed #A9D0F5; /* Dashed light blue border */
padding: 20px;
margin-bottom: 25px;
border-radius: 5px;
}
.quick-tip-icon { /* Optional: if using an actual icon */
color: #3498DB;
margin-right: 10px;
font-size: 1.2em;
}
div[style*=”background-color: #F2F4F7″] { /* Table container */
background-color: #F2F4F7; /* Another light gray */
border: 1px solid #E0E0E0; /* Light gray border */
padding: 20px;
margin-bottom: 25px;
border-radius: 5px;
overflow-x: auto; /* Ensure table is responsive */
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
font-size: 0.95em; /* Slightly smaller font for table text */
}
table thead tr {
background-color: #3498DB; /* Medium blue */
color: white;
}
table th, table td {
padding: 12px;
border: 1px solid #ddd;
text-align: right;
}
table th {
font-size: 1.1em;
font-weight: bold;
}
table tbody tr:nth-child(odd) { /* Zebra striping */
background-color: #f9f9f9;
}
table tbody tr:hover { /* Hover effect */
background-color: #eef;
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2em;
padding: 15px 10px;
}
h2 {
font-size: 1.7em;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 10px;
}
p, ul, ol, li, table {
font-size: 1em;
}
div[style*=”font-family: ‘Arial’, sans-serif”] {
padding: 15px;
margin: 0 10px; /* Add some side margin for smaller screens */
}
table th, table td {
padding: 8px;
}
div[style*=”background-color: #EBF5FB”], div[style*=”background-color: #F8F8F8″], div[style*=”background-color: #F2F4F7″] {
padding: 15px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.8em;
padding: 10px 5px;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
p, ul, ol, li, table {
font-size: 0.95em;
}
div[style*=”font-family: ‘Arial’, sans-serif”] {
padding: 10px;
margin: 0 5px;
}
/* Further adjust table for tiny screens */
table {
display: block;
overflow-x: auto;
white-space: nowrap; /* Prevent text wrapping in cells if desired, or let it wrap with less padding */
}
table thead {
display: none; /* Hide header on very small screens, rely on context */
}
table tbody, table tr, table td {
display: block;
width: 100%;
}
table tr {
margin-bottom: 10px;
border: 1px solid #eee;
}
table td {
text-align: right;
border: none;
padding: 8px 10px;
}
table td:before {
/* Add custom headers for accessibility on small screens if needed */
content: attr(data-label) “: “;
font-weight: bold;
display: inline-block;
min-width: 90px;
}
/* For this specific table with only 2 columns, it might be better to just let it scroll */
table {
white-space: normal; /* Allow normal wrapping */
}
}