انجام پایان نامه چگونه انجام می‌شود: راهنمای گام به گام در حوزه بازاریابی

@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap’);

/* Global styles for responsiveness and readability */
body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Base container for the article */
div[style*=”font-family: ‘Vazirmatn'”] {
max-width: 900px; /* Optimal width for readability */
margin: 40px auto; /* Center the article on larger screens */
padding: 30px;
background-color: #ffffff; /* White background for content */
border-radius: 15px;
box-shadow: 0 8px 30px rgba(0,0,0,0.1); /* Soft shadow for depth */
border: none; /* Remove explicit border as shadow provides definition */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
div[style*=”font-family: ‘Vazirmatn'”] {
margin: 20px 15px;
padding: 20px;
border-radius: 10px;
}
h1 {
font-size: 2em !important; /* Smaller for mobile */
margin-bottom: 25px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 30px !important;
}
h3 {
font-size: 1.3em !important;
}
p, li {
font-size: 1em !important;
}
table {
font-size: 0.9em; /* Adjust table font size */
}
th, td {
padding: 10px !important;
}
.infographic-item {
flex: 1 1 100% !important; /* Full width on small screens */
max-width: 100%;
}
}

@media (max-width: 480px) {
div[style*=”font-family: ‘Vazirmatn'”] {
margin: 10px 10px;
padding: 15px;
border-radius: 8px;
}
h1 {
font-size: 1.8em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.4em !important;
margin-top: 25px !important;
}
h3 {
font-size: 1.2em !important;
}
p, li {
font-size: 0.95em !important;
}
.infographic-item span {
font-size: 2em !important;
}
.infographic-item h3 {
font-size: 1.1em !important;
}
.infographic-item p {
font-size: 0.85em !important;
}
}

/* Specific styling for elements to enhance aesthetics */
h1 {
font-family: ‘Vazirmatn’, sans-serif;
color: #0A2E50; /* Deep blue */
text-align: center;
margin-bottom: 35px;
padding-bottom: 15px;
border-bottom: 2px solid #D1D9E6; /* Light gray-blue border */
position: relative;
}
h1::after {
content: ”;
display: block;
width: 80px;
height: 4px;
background-color: #4A90E2; /* Accent blue */
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
border-radius: 2px;
}

h2 {
font-family: ‘Vazirmatn’, sans-serif;
color: #2A5A88; /* Slightly lighter blue than H1 */
margin-top: 40px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #E0E7F5; /* Lighter border */
position: relative;
}
h2::before {
content: ‘■’; /* Square bullet */
color: #4A90E2; /* Accent blue */
margin-left: 10px;
font-size: 0.8em;
}

h3 {
font-family: ‘Vazirmatn’, sans-serif;
color: #3A78B6; /* Mid-tone blue */
margin-top: 30px;
margin-bottom: 15px;
}

p {
color: #555;
font-family: ‘Vazirmatn’, sans-serif;
}

ul {
padding-left: 20px;
margin-bottom: 30px;
}

ul li {
margin-bottom: 12px;
color: #444;
font-family: ‘Vazirmatn’, sans-serif;
position: relative;
padding-right: 25px; /* Space for custom bullet */
}

ul li strong {
color: #4A90E2; /* Consistent accent color for key points */
}
ul li:not(:last-child) {
border-bottom: 1px dashed #f0f0f0; /* Subtle separator for list items */
padding-bottom: 10px;
}
ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08); /* Enhanced shadow */
margin-bottom: 30px;
}
thead tr {
background-color: #5B9BD5; /* Header blue */
color: white;
}
th, td {
padding: 15px;
text-align: right;
border: 1px solid #E0E7F5; /* Light border for cells */
font-family: ‘Vazirmatn’, sans-serif;
}
tbody tr:nth-child(even) {
background-color: #f5f8fc; /* Zebrastriping for readability */
}
td {
color: #444;
}

/* Infographic styling */
div[style*=”background-color: #E6F0F8″] { /* Infographic container */
background-color: #E6F0F8; /* Light blue background */
padding: 30px;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
display: flex;
flex-wrap: wrap;
justify-content: center; /* Center items for better layout */
gap: 25px;
}
div[style*=”flex: 1 1 280px”] { /* Infographic item */
background-color: #fff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.07);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effects */
max-width: calc(33% – 25px); /* Max 3 items per row on large screens */
min-width: 250px; /* Ensure minimum width for stacking */
box-sizing: border-box; /* Include padding and border in the element’s total width and height */
}
div[style*=”flex: 1 1 280px”]:hover {
transform: translateY(-8px); /* Lift effect on hover */
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
div[style*=”flex: 1 1 280px”] span {
font-size: 3em; /* Larger icons */
color: #0A2E50; /* Deep blue for icons */
margin-bottom: 12px;
}
div[style*=”flex: 1 1 280px”] h3 {
font-size: 1.4em;
font-weight: 700;
color: #0A2E50;
margin-bottom: 8px;
}
div[style*=”flex: 1 1 280px”] p {
font-size: 0.95em;
color: #666;
line-height: 1.5;
}

/* Key points section with distinct styling */
ul strong[style*=”color: #E27B4A”] {
color: #E27B4A !important; /* Warm orange accent for “Nکات کلیدی” */
}
ul li:not(:last-child) strong[style*=”color: #E27B4A”] {
border-bottom: 1px dashed #ffeedd; /* Lighter dashed border for these items */
}

/* Ensure text aligns correctly for RTL */
h1, h2, h3, p, ul, table {
direction: rtl;
text-align: right;
}
th, td {
text-align: right;
}
ul {
padding-right: 20px;
padding-left: 0;
}
ul li {
padding-right: 0; /* Remove padding if custom bullet is handled by CSS */
list-style-position: inside; /* Adjust bullet position */
}
ul li::before {
content: ‘•’; /* Default bullet */
color: #4A90E2;
font-size: 1.2em;
margin-left: 10px;
display: inline-block;
width: 1em; /* Ensure consistent spacing */
}
ul li strong[style*=”color: #E27B4A”]::before {
content: ‘★’; /* Star bullet for key points */
color: #E27B4A;
font-size: 1.1em;
}

/* Override the default list-style for specific lists if needed, e.g., for custom bullets */
ul[style*=”list-style-type: none”] li::before {
content: ”; /* Hide default bullet if using an icon */
}
ul[style*=”list-style-type: none”] li {
padding-right: 0;
text-indent: -25px; /* Pull text back under custom bullet */
margin-right: 25px; /* Space for the bullet */
}
ul[style*=”list-style-type: none”] li:not(:last-child) {
border-bottom: 1px dashed #f0f0f0;
padding-bottom: 10px;
}

/* Specific custom bullets for the first set of lists (Gham Aval, Gham Dovom, Gham Sevom, Gham Chaharom, Gham Panjom) */
h2 + p + ul li::before {
content: ‘✓’; /* Checkmark bullet */
color: #4A90E2;
font-size: 1.1em;
margin-left: 10px;
display: inline-block;
width: 1em;
text-indent: 0;
}

/* Specific custom bullets for Gham Panjom (chapters) */
h2 + p + ul[style*=”list-style-type: none”] li strong:nth-of-type(1)::before {
content: ‘📑’; /* Document emoji */
color: #4A90E2;
font-size: 1em;
margin-left: 10px;
display: inline-block;
width: 1em;
text-indent: 0;
}