انجام پایان نامه در عباسی + تضمینی

/* CSS Reset for better consistency */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Custom styles for the article */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap’);

/* Base Body Styles (responsive) */
body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: right;
line-height: 1.8;
color: #333;
background-color: #f0f2f5; /* A light, soft background */
margin: 0;
padding: 0;
}

/* Main container for the article */
div {
max-width: 900px; /* Optimized for desktop/tablet */
margin: 20px auto; /* Centered with vertical margin */
padding: 25px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Softer, deeper shadow */
overflow: hidden; /* Ensure everything fits within borders */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
div {
margin: 10px auto;
padding: 15px;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
h1 {
font-size: 2em !important;
}
h2 {
font-size: 1.6em !important;
}
h3 {
font-size: 1.2em !important;
}
p, ul, table {
font-size: 0.95em !important;
}
table th, table td {
padding: 8px 10px !important;
}
}

@media (max-width: 480px) {
div {
margin: 5px auto;
padding: 10px;
border-radius: 5px;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.4em !important;
margin-top: 30px !important;
}
h3 {
font-size: 1.1em !important;
margin-top: 20px !important;
}
p, ul, table {
font-size: 0.9em !important;
}
ul li {
margin-bottom: 5px !important;
}
.infographic-box h3, .infographic-box h4 {
font-size: 1.1em !important;
}
}

/* Headings – applying styles directly to the span within H tags for block editor recognition */
h1 {
font-size: 2.5em; /* Base size for desktop */
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid #3498DB; /* A vibrant blue accent */
}

h2 {
font-size: 1.8em; /* Base size for desktop */
font-weight: bold;
color: #34495E; /* Darker grey-blue for main sections */
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid #D6EAF8; /* Light blue subtle separator */
}

h3 {
font-size: 1.3em; /* Base size for desktop */
font-weight: bold;
color: #2980B9; /* Medium blue for sub-sections */
margin-top: 30px;
margin-bottom: 15px;
}

h4 { /* For infographic titles */
font-size: 1.2em;
font-weight: bold;
color: #16A085; /* Teal for specific info blocks */
margin-bottom: 10px;
}

/* Paragraphs */
p {
margin-bottom: 20px;
text-align: justify;
font-size: 1.1em;
color: #444;
}

/* Lists */
ul {
list-style-type: none; /* Default for cleaner look */
padding: 0;
margin-right: 25px; /* Indent for visual hierarchy */
margin-bottom: 20px;
color: #5D6D7E; /* Slightly lighter text for lists */
}

ul li {
margin-bottom: 10px;
position: relative;
padding-right: 20px; /* Space for custom bullet */
}

/* Custom bullet points (if needed, otherwise default list-style-type will apply) */
ul.custom-bullets li::before {
content: ‘•’; /* Unicode bullet */
color: #3498DB; /* Blue bullet */
position: absolute;
right: 0;
top: 0;
font-weight: bold;
}

/* Links */
a {
color: #3498DB;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #217DBB;
text-decoration: underline;
}

/* Table of Contents specific styling */
div > ul { /* Target the direct ul of the ToC div */
list-style-type: none;
padding: 0;
margin: 0;
}
div > ul li {
margin-bottom: 8px;
padding-right: 0; /* No custom bullet for main ToC */
}
div > ul li a {
color: #34495E;
font-weight: 500;
}
div > ul li ul { /* Nested lists for sub-sections */
list-style-type: disc; /* Default disc for sub-items */
margin-right: 20px;
margin-top: 5px;
}
div > ul li ul li a {
color: #5D6D7E;
font-weight: normal;
}

/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
min-width: 300px; /* Ensures readability on small screens */
background-color: #ffffff;
border-radius: 8px;
overflow: hidden; /* Clips content at rounded corners */
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
margin-bottom: 25px;
}

table caption {
caption-side: top;
text-align: center;
font-weight: bold;
padding: 10px;
background-color: #f0f0f0;
border-bottom: 1px solid #ddd;
color: #34495E;
border-radius: 8px 8px 0 0;
}

table th, table td {
padding: 12px 15px;
border: 1px solid #eee;
text-align: right;
}

table thead tr {
background-color: #3498DB; /* Header background */
color: white;
}

table tbody tr:nth-child(even) { /* Zebra striping */
background-color: #f8f8f8;
}

table tbody tr:hover {
background-color: #f0faff; /* Light hover effect */
}

/* Infographic-like blocks (using div with styling) */
.infographic-box {
padding: 15px;
border-radius: 8px;
margin-bottom: 25px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Specific infographic colors */
.infographic-box[style*=”background-color: #FEF3C7″] { /* Challenge box */
border-left: 5px solid #FBC02D;
background-color: #FEF3C7;
}
.infographic-box[style*=”background-color: #E8F8F5″] { /* Proposal box */
border-left: 5px solid #1ABC9C;
background-color: #E8F8F5;
}
.infographic-box[style*=”background-color: #D6EAF8″] { /* Reliable Center box */
border-right: 5px solid #3498DB; /* Right border for a different visual */
background-color: #D6EAF8;
}
.infographic-box ul {
margin-right: 15px;
list-style-type: none;
padding: 0;
}
.infographic-box ul li {
margin-bottom: 8px;
position: relative;
padding-right: 25px;
}

/* FAQ section styling */
div[style*=”background-color: #fdfdfd”] { /* FAQ question boxes */
border: 1px solid #eee;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
div[style*=”background-color: #fdfdfd”] h3 {
margin-top: 0; /* Override default h3 margin */
margin-bottom: 10px;
color: #2C3E50;
}
div[style*=”background-color: #fdfdfd”] h3 span { /* Icon for FAQ */
color: #3498DB;
margin-right: 10px;
}

/* Concluding note styling */
div[style*=”background-color: #F0F8FF”] {
background-color: #F0F8FF;
border-left: 4px solid #3498DB;
border-radius: 8px;
padding: 15px;
margin-top: 30px;
}

/* Footer style */
div[style*=”border-top: 1px solid #eee”] {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eee;
color: #7F8C8D;
font-size: 0.9em;
}

/* Scrollbar styling for better aesthetics */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}

/* Ensure responsiveness for images/infographics if they were actual images */
img {
max-width: 100%;
height: auto;
display: block; /* Prevents extra space below image */
margin: 15px auto;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}