مشاوره پایان نامه رشته مهندسی مکانیک طراحی و ساخت خودرو + تضمینی

/* Global styles for responsiveness and clean display */
body {
font-family: ‘Vazirmatn’, sans-serif; /* A popular Persian web font */
direction: rtl; /* For right-to-left languages */
text-align: right;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* Light background for the page */
}

/* Base container styling */
div[style*=”max-width: 1000px”] {
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
border: 1px solid #e0e0e0;
}

/* Headings styling */
h1 {
font-family: ‘Vazirmatn’, sans-serif;
color: #004d40; /* Dark Teal */
font-size: 3em; /* Larger for H1 */
font-weight: 800; /* Extra bold */
text-align: center;
margin-bottom: 40px;
line-height: 1.3;
padding-top: 20px;
}

h2 {
font-family: ‘Vazirmatn’, sans-serif;
color: #00695c; /* Medium Teal */
font-size: 2.2em;
font-weight: 700; /* Bold */
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 2px solid #b2dfdb; /* Light teal underline */
padding-bottom: 10px;
}

h3 {
font-family: ‘Vazirmatn’, sans-serif;
color: #00796b; /* Slightly lighter teal */
font-size: 1.6em;
font-weight: 600; /* Semi-bold */
margin-top: 30px;
margin-bottom: 15px;
}

/* Paragraphs and general text */
p {
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1.05em;
line-height: 1.8;
color: #333;
margin-bottom: 1em;
}

/* Specific box styles */
div[style*=”background-color: #e0f2f1″] {
border-left-color: #004d40; /* Darker border for intro box */
}

div[style*=”background-color: #e8f5e9″] {
border-color: #c8e6c9; /* Lighter border for infographic replacement */
}

div[style*=”background-color: #f1f8e9″] h3 {
color: #2e7d32; /* Green for infographic sections */
}

div[style*=”background-color: #f0fdfc”] {
border-left-color: #009688; /* Accent border for FAQ */
}

div[style*=”background-color: #e0f7fa”] {
border-left-color: #0097a7; /* Accent border for conclusion */
}

/* Table styling */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
border: 1px solid #b2dfdb;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

th, td {
padding: 15px;
text-align: right;
border: 1px solid #b2dfdb;
font-family: ‘Vazirmatn’, sans-serif;
font-size: 1em;
color: #444;
}

thead tr {
background-color: #00796b;
color: white;
font-weight: 600;
}

tbody tr:nth-child(even) {
background-color: #f5f5f5; /* Alternating row colors */
}

tbody tr:nth-child(odd) {
background-color: #e0f2f1;
}

/* List styling */
ul {
list-style-type: disc;
margin-right: 25px; /* Adjust for RTL */
padding-right: 0;
color: #555;
line-height: 1.8;
margin-bottom: 20px;
}

ul li {
margin-bottom: 8px;
font-size: 1em;
}

/* Link styling */
a {
color: #00796b;
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #004d40;
text-decoration: underline;
}

.cta-button {
color: white;
background-color: #009688;
padding: 12px 25px;
border-radius: 8px;
font-weight: 700;
display: inline-block;
margin-top: 20px;
transition: background-color 0.3s ease, transform 0.2s ease;
}

.cta-button:hover {
background-color: #00695c;
transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
h1 {
font-size: 2.2em;
margin-bottom: 30px;
}
h2 {
font-size: 1.8em;
margin-top: 40px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
}
p, ul li, th, td {
font-size: 0.95em;
}
div[style*=”max-width: 1000px”] {
padding: 15px;
}
table, thead, tbody, th, td, tr {
display: block; /* Stack table elements */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px; /* Hide table header */
}
tr {
border: 1px solid #b2dfdb;
margin-bottom: 15px;
display: flex;
flex-direction: column;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50%; /* Space for pseudo-element */
text-align: left;
}
td:before {
position: absolute;
right: 6px;
padding-left: 10px;
white-space: nowrap;
font-weight: bold;
color: #004d40;
content: attr(data-label); /* Use data-label for mobile headers */
}
td:nth-of-type(1):before { content: “حوزه موضوعی:”; }
td:nth-of-type(2):before { content: “مثال‌ها:”; }

/* Specific styles for simulated infographic blocks on small screens */
div[style*=”display: flex”].infographic-container {
flex-direction: column;
gap: 15px;
}
div[style*=”flex: 1 1 45%”] {
flex: 1 1 100% !important; /* Take full width on small screens */
max-width: 100%;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
p, ul li, th, td {
font-size: 0.9em;
}
.cta-button {
width: 100%;
text-align: center;
padding: 10px 15px;
}
}

/* Vazirmatn font import (if not already globally available) */
@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/misc/vazirmatn-font-face.css’);