انجام پایان نامه در نکا: راهنمای جامع و گام به گام برای موفقیت تضمینی

/* CSS for Responsive Design and Visuals – This part would be embedded in a tag or linked CSS file */

/* General Body Styling (for block editor) */
body {
font-family: ‘Vazirmatn’, sans-serif; /* Using a Persian-friendly font */
line-height: 1.8;
color: #333;
background-color: #f8f8f8; /* Light background for the whole page */
margin: 0;
padding: 0;
}

/* Container for the article */
div[style*=”font-family: ‘Vazirmatn'”] { /* Target the main wrapper div */
max-width: 1200px; /* Max width for larger screens */
margin: auto;
padding: 20px;
box-sizing: border-box;
background-color: #fff; /* White background for the article content */
border-radius: 12px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08); /* More pronounced shadow */
}

/* Headings Styling */
h1 {
font-size: 2.8em; /* Larger for H1 */
font-weight: 900; /* Extra bold */
color: #004d40; /* Dark Teal */
text-align: center;
margin-bottom: 45px;
padding: 20px 0;
border-bottom: 4px solid #004d40;
line-height: 1.2;
}

h2 {
font-size: 2.2em;
font-weight: 800; /* Very bold */
color: #00796b; /* Medium Teal */
margin-top: 60px;
margin-bottom: 30px;
padding-bottom: 12px;
border-bottom: 2px dashed #4db6ac; /* Lighter dashed border */
position: relative;
}
h2::after { /* Decorative element for H2 */
content: ”;
display: block;
width: 60px;
height: 6px;
background-color: #80cbc4; /* Even lighter teal */
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
border-radius: 3px;
}

h3 {
font-size: 1.8em;
font-weight: 700; /* Bold */
color: #00897b; /* Slightly lighter Teal */
margin-top: 40px;
margin-bottom: 20px;
padding-left: 15px;
border-left: 5px solid #4db6ac; /* Accent border for H3 */
}

/* Paragraphs */
p {
font-size: 1.15em;
text-align: justify;
margin-bottom: 20px;
padding: 0 15px;
line-height: 1.9;
color: #444;
}

/* Lists */
ul, ol {
margin-left: 35px;
margin-bottom: 25px;
font-size: 1.1em;
color: #444;
padding-right: 15px; /* Adjust padding for RTL */
}
ul li, ol li {
margin-bottom: 12px;
line-height: 1.7;
}
ul { list-style-type: ‘✔ ‘; /* Custom bullet for better visual */ }
ol { list-style-type: decimal; }

/* Table Styling */
table {
width: 100%;
border-collapse: separate; /* Use separate to allow border-radius */
border-spacing: 0;
margin: 35px 0;
font-size: 1.1em;
border-radius: 12px; /* Rounded corners for the table */
overflow: hidden; /* Ensures rounded corners apply to content */
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
background-color: #fff;
}
caption {
caption-side: top;
font-weight: bold;
font-size: 1.3em;
margin-bottom: 20px;
color: #004d40;
text-align: center;
padding: 10px;
}
thead {
background-color: #00796b; /* Medium Teal */
color: white;
}
th, td {
padding: 18px;
text-align: right;
border-bottom: 1px solid #e0f2f1; /* Lighter border for rows */
}
th:first-child { border-top-right-radius: 10px; }
th:last-child { border-top-left-radius: 10px; }
tr:nth-child(even) {
background-color: #e0f2f1; /* Lightest Teal for even rows */
}
tr:last-child td {
border-bottom: none; /* No border for the last row */
}
tr:last-child td:first-child { border-bottom-right-radius: 10px; }
tr:last-child td:last-child { border-bottom-left-radius: 10px; }

/* Blockquote-like styled divs (for highlights, infographics, etc.) */
div[style*=”border-left: 5px solid #00796b”],
div[style*=”background-color: #ffecb3″],
div[style*=”background-color: #e3f2fd”],
div[style*=”background-color: #fff3e0″] {
padding: 25px;
margin: 45px 15px; /* Adjust margin for overall balance */
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
text-align: justify;
}

/* Specific highlight boxes */
div[style*=”border-left: 5px solid #00796b”] { /* Initial Key Point */
background-color: #e0f2f1;
border-left: 6px solid #00796b;
}

div[style*=”background-color: #ffecb3″] { /* Infographic 1 */
background-color: #fff3e0; /* Lighter yellow */
border: 1px dashed #ffb74d;
color: #666;
}
div[style*=”background-color: #ffecb3″] h3 {
color: #ff9800; /* Orange */
border-left: none; /* Remove H3 border inside */
text-align: center;
padding-left: 0;
}
div[style*=”background-color: #ffecb3″] p {
padding: 0;
color: #555;
}

div[style*=”background-color: #e3f2fd”] { /* Block Editor Tip */
background-color: #e3f2fd;
border-left: 6px solid #2196f3; /* Blue */
}
div[style*=”background-color: #e3f2fd”] h3 {
color: #1976d2; /* Darker blue */
border-left: none;
padding-left: 0;
}
div[style*=”background-color: #e3f2fd”] p {
color: #3f51b5;
padding: 0;
}

div[style*=”background-color: #fff3e0″] { /* Infographic 2 */
background-color: #fff3e0;
border: 1px dashed #ffb74d;
color: #666;
}
div[style*=”background-color: #fff3e0″] h3 {
color: #ff9800;
border-left: none;
text-align: center;
padding-left: 0;
}
div[style*=”background-color: #fff3e0″] p {
padding: 0;
color: #555;
}

/* Conclusion Block */
div[style*=”background-color: #004d40″] {
background-color: #004d40;
color: white;
padding: 35px;
border-radius: 12px;
text-align: center;
margin-top: 70px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}
div[style*=”background-color: #004d40″] p {
color: white;
padding: 0;
line-height: 1.7;
}
div[style*=”background-color: #004d40″] strong {
font-size: 1.4em;
display: block;
margin-bottom: 15px;
}

/* Responsive Design */
@media (max-width: 768px) {
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
h1 {
font-size: 1.8em;
margin-bottom: 30px;
padding: 10px 0;
}
h2 {
font-size: 1.6em;
margin-top: 40px;
margin-bottom: 20px;
}
h2::after {
width: 40px;
height: 4px;
bottom: -4px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 12px;
padding-left: 10px;
border-left-width: 4px;
}
p {
font-size: 1em;
padding: 0 10px;
margin-bottom: 15px;
}
ul, ol {
margin-left: 20px;
font-size: 1em;
padding-right: 10px;
}
table {
font-size: 0.9em;
border-radius: 8px;
}
th, td {
padding: 12px;
}
caption {
font-size: 1.1em;
margin-bottom: 10px;
}
div[style*=”border-left: 5px solid #00796b”],
div[style*=”background-color: #ffecb3″],
div[style*=”background-color: #e3f2fd”],
div[style*=”background-color: #fff3e0″] {
padding: 18px;
margin: 30px 10px;
border-radius: 8px;
}
div[style*=”background-color: #ffecb3″] h3,
div[style*=”background-color: #e3f2fd”] h3,
div[style*=”background-color: #fff3e0″] h3 {
font-size: 1.4em;
}
div[style*=”background-color: #004d40″] {
padding: 25px;
margin-top: 50px;
border-radius: 8px;
}
div[style*=”background-color: #004d40″] p {
font-size: 1em;
}
div[style*=”background-color: #004d40″] strong {
font-size: 1.2em;
}
}

/* Tablet / Landscape Mobile */
@media (min-width: 769px) and (max-width: 1024px) {
div[style*=”font-family: ‘Vazirmatn'”] {
padding: 25px;
}
h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
p { font-size: 1.05em; }
ul, ol { font-size: 1em; }
table { font-size: 1em; }
}

/* Specific adjustments for TV screens (larger text, more spacing) */
@media (min-width: 1920px) { /* Assuming a common TV resolution */
div[style*=”font-family: ‘Vazirmatn'”] {
max-width: 1400px;
padding: 40px;
border-radius: 15px;
}
h1 { font-size: 3.5em; margin-bottom: 60px; padding: 30px 0; }
h2 { font-size: 2.8em; margin-top: 80px; margin-bottom: 40px; padding-bottom: 15px; }
h2::after { width: 80px; height: 8px; bottom: -8px; }
h3 { font-size: 2.2em; margin-top: 50px; margin-bottom: 25px; padding-left: 20px; border-left-width: 7px; }
p { font-size: 1.3em; margin-bottom: 25px; padding: 0 20px; line-height: 2; }
ul, ol { margin-left: 50px; margin-bottom: 30px; font-size: 1.25em; padding-right: 20px; }
ul li, ol li { margin-bottom: 15px; }
table { font-size: 1.2em; margin: 40px 0; border-radius: 15px; }
caption { font-size: 1.5em; margin-bottom: 25px; }
th, td { padding: 25px; }
div[style*=”border-left: 5px solid #00796b”],
div[style*=”background-color: #ffecb3″],
div[style*=”background-color: #e3f2fd”],
div[style*=”background-color: #fff3e0″] {
padding: 35px;
margin: 60px 20px;
border-radius: 15px;
}
div[style*=”background-color: #ffecb3″] h3,
div[style*=”background-color: #e3f2fd”] h3,
div[style*=”background-color: #fff3e0″] h3 {
font-size: 2.2em;
}
div[style*=”background-color: #004d40″] {
padding: 50px;
margin-top: 80px;
border-radius: 15px;
}
div[style*=”background-color: #004d40″] p {
font-size: 1.4em;
}
div[style*=”background-color: #004d40″] strong {
font-size: 1.6em;
}
}

/* Font import for Vazirmatn (assuming it’s hosted or linked) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);