انجام پایان نامه کارشناسی ارشد رشته مهندسی ایمنی، بهداشت و محیط زیست + تضمینی

/* Reset basic styles for better block editor compatibility and consistency */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, thead, tbody, tr, th, td {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Base Font and Line-height for readability across devices */
body {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif; /* Fallback to Arial, sans-serif */
line-height: 1.7;
color: #34495E;
background-color: #F9F9F9; /* Light background for entire page */
direction: rtl; /* Ensure right-to-left for Persian text */
text-align: right; /* Default text alignment */
}

/* Responsive Font Sizes (simulated with em/rem) */
html {
font-size: 16px; /* Base for rem units */
}
@media (max-width: 768px) { /* Tablets and smaller */
html { font-size: 15px; }
h1 { font-size: 2.2em !important; }
h2 { font-size: 1.8em !important; }
h3 { font-size: 1.4em !important; }
p, li, td { font-size: 0.95em !important; }
}
@media (max-width: 480px) { /* Mobile phones */
html { font-size: 14px; }
h1 { font-size: 1.8em !important; margin-bottom: 20px !important; }
h2 { font-size: 1.5em !important; margin-top: 30px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.2em !important; margin-top: 20px !important; margin-bottom: 10px !important; }
.main-content-div { padding: 15px !important; margin: 15px auto !important; }
.infographic-step { flex: 1 1 100% !important; margin-bottom: 20px; }
table, thead, tbody, th, td, tr { display: block; }
thead tr { position: absolute; top: -9999px; left: -9999px; }
tr { border: 1px solid #ccc; margin-bottom: 10px; border-radius: 5px; }
td { border: none !important; border-bottom: 1px solid #eee !important; position: relative; padding-left: 50% !important; text-align: right !important; }
td:before {
position: absolute;
top: 0;
right: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #555;
}
td:nth-of-type(1):before { content: “عنوان فصل:”; }
td:nth-of-type(2):before { content: “محتوای اصلی:”; }
}

/* Specific styling for the main content div */
.main-content-div {
font-family: ‘Vazirmatn’, ‘Arial’, sans-serif;
line-height: 1.8;
color: #34495E;
max-width: 900px;
margin: 30px auto;
padding: 20px;
background-color: #FFFFFF;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

/* Ensure headings maintain their styles from inline */
h1 {
font-size: 2.8em;
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 40px;
padding: 15px 0;
background-color: #ECF0F1;
border-bottom: 5px solid #3498DB;
border-radius: 10px;
}

h2 {
font-size: 2.2em;
font-weight: bold;
color: #34495E;
margin-top: 40px;
margin-bottom: 25px;
border-bottom: 3px solid #F39C12;
padding-bottom: 10px;
}

h3 {
font-size: 1.8em;
font-weight: bold;
color: #7F8C8D;
margin-top: 30px;
margin-bottom: 20px;
}

/* Table of Contents specific styling */
.main-content-div > div:first-of-type { /* Targeting the ToC div */
background-color: #E8F6F3;
border-left: 5px solid #1ABC9C;
padding: 20px;
margin: 30px 0;
border-radius: 8px;
}
.main-content-div > div:first-of-type h2 {
color: #1ABC9C !important;
border-bottom: none !important;
margin-top: 0 !important;
font-size: 2em !important;
}
.main-content-div > div:first-of-type ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.main-content-div > div:first-of-type li {
margin-bottom: 10px;
}
.main-content-div > div:first-of-type a {
color: #2C3E50;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.main-content-div > div:first-of-type a:hover {
color: #1ABC9C;
text-decoration: underline;
}

/* Infographic styling */
.main-content-div > div:nth-of-type(4) { /* Targeting the Infographic div, if order is maintained */
background-color: #D6EAF8;
border: 2px solid #5DADE2;
border-radius: 12px;
padding: 30px;
margin: 40px 0;
text-align: center;
display: block; /* Ensure it’s not inline */
}
.main-content-div > div:nth-of-type(4) h3 {
color: #2874A6 !important;
margin-bottom: 25px !important;
font-size: 1.8em !important;
}
.main-content-div > div:nth-of-type(4) > div { /* Flex container for steps */
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px;
}
.main-content-div > div:nth-of-type(4) .infographic-step { /* Individual step */
flex: 1 1 280px;
background-color: #EBF5FB;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.main-content-div > div:nth-of-type(4) .infographic-step div { /* Circle for number */
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
.main-content-div > div:nth-of-type(4) .infographic-step div span {
font-size: 2.2em;
font-weight: bold;
color: white;
}
.main-content-div > div:nth-of-type(4) .infographic-step h4 {
font-size: 1.3em;
color: #2C3E50;
margin-bottom: 10px;
margin-top: 0; /* Override default h4 margin-top */
}
.main-content-div > div:nth-of-type(4) .infographic-step p {
font-size: 0.95em;
color: #555;
line-height: 1.6;
}

/* Table styling for responsiveness */
table {
width: 100%;
border-collapse: collapse;
background-color: #F4F6F6;
border-radius: 8px;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
}
th, td {
padding: 15px;
text-align: right;
border-bottom: 1px solid #D5DBDB;
}
thead tr {
background-color: #2C3E50;
color: white;
}
th {
font-size: 1.2em;
border-bottom: 2px solid #34495E;
}
td {
font-size: 1.05em;
}
tbody tr:nth-child(even) {
background-color: #FDFEFE;
}
tbody tr:hover {
background-color: #EAF2F8;
}

/* General paragraph and list styling */
p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 20px;
}
ul {
font-size: 1.1em;
list-style-type: disc;
margin-right: 25px; /* Adjust for RTL */
margin-bottom: 20px;
}
ul li {
margin-bottom: 10px;
}
ul.no-style {
list-style-type: none;
padding: 0;
margin-right: 0;
}
ul.no-style li {
margin-bottom: 8px;
}

/* Specific div styles (e.g., idea box, proposal components) */
div[style*=”background-color: #F8F9FA”] {
background-color: #F8F9FA;
border-radius: 10px;
padding: 25px;
margin-top: 30px;
margin-bottom: 40px;
border: 1px dashed #BDC3C7;
}

div[style*=”background-color: #EAF2F8″] {
background-color: #EAF2F8;
border-left: 5px solid #3498DB;
padding: 20px;
margin: 30px 0;
border-radius: 8px;
}

div[style*=”background-color: #FCF3CF”] {
background-color: #FCF3CF;
border: 1px solid #F1C40F;
padding: 20px;
border-radius: 8px;
margin-top: 30px;
margin-bottom: 40px;
}

div[style*=”background-color: #FDF2E9″] {
background-color: #FDF2E9;
border-left: 5px solid #E67E22;
padding: 25px;
margin: 30px 0;
border-radius: 8px;
}
div[style*=”background-color: #FDF2E9″] strong {
font-weight: bold;
color: #E67E22;
}

/* Adjustments for RTL where necessary (most are handled by direction: rtl on body) */
ul {
padding-right: 20px; /* Indent for bullet points */
padding-left: 0;
}
ul li::marker { /* For more control over bullet color/style in modern browsers */
color: #3498DB;
}