انجام پایان نامه در قم + مشاوره، نگارش و اصلاح [ارشد و دکتری]

/*
این بخش شامل استایل‌های CSS است که برای نمایش صحیح و زیبای محتوا در ویرایشگرهای بلوک یا در محیط وب لازم است.
لطفاً این کد را در قسمت ویرایش HTML یا CSS سفارشی سایت خود قرار دهید تا طراحی منحصر به فرد مورد نظر اعمال شود.
اگر ویرایشگر بلوک شما از استایل‌های درون‌خطی (inline styles) پشتیبانی کامل می‌کند، نیازی به این بخش نیست.
اما برای اطمینان از رسپانسیو بودن و زیبایی بیشتر، داشتن این CSS توصیه می‌شود.
*/
body {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif; /* فونت Vazirmatn یا Tahoma برای فارسی */
direction: rtl; /* برای زبان فارسی */
line-height: 1.8;
color: #34495E;
background-color: #F4F6F6; /* رنگ پس‌زمینه کلی */
margin: 0;
padding: 0;
}

/* استایل دهی به هدینگ ها برای اطبیق با درخواست فونت و اندازه */
h1 {
font-size: 2.5em; /* سایز بزرگتر برای H1 */
font-weight: 900; /* ضخامت بیشتر */
color: #2C3E50;
margin-bottom: 30px;
text-align: center;
padding-top: 20px;
}

h2 {
font-size: 2em; /* سایز متوسط برای H2 */
font-weight: bold;
color: #2980B9; /* رنگ آبی برای H2 */
margin-top: 45px;
margin-bottom: 25px;
border-bottom: 2px solid #AED6F1; /* خط زیرین برای زیبایی */
padding-bottom: 8px;
}

h3 {
font-size: 1.6em; /* سایز کوچکتر برای H3 */
font-weight: bold;
color: #34495E; /* رنگ خاکستری تیره برای H3 */
margin-top: 35px;
margin-bottom: 15px;
}

a {
color: #3498DB; /* رنگ لینک‌ها */
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #2980B9; /* تغییر رنگ لینک هنگام هاور */
text-decoration: underline;
}

p {
margin-bottom: 15px;
text-align: justify; /* توجیه متن برای خوانایی بیشتر */
}

ul {
margin-left: 20px;
padding: 0;
list-style-type: disc;
}

ul li {
margin-bottom: 8px;
}

/* استایل جدول */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1em;
min-width: 300px; /* حداقل عرض برای رسپانسیو بودن */
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden; /* برای نمایش گردی گوشه‌ها */
}

table caption {
caption-side: top;
text-align: center;
margin-bottom: 15px;
font-weight: bold;
font-size: 1.1em;
color: #2C3E50;
}

table thead tr {
background-color: #3498DB;
color: #FFFFFF;
text-align: right;
}

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

table tbody tr {
border-bottom: 1px solid #DDDDDD;
}

table tbody tr:nth-of-type(even) {
background-color: #F8F9FA; /* رنگ متناوب برای ردیف‌ها */
}

table tbody tr:last-of-type {
border-bottom: 2px solid #3498DB;
}

table tbody tr:hover {
background-color: #EBF5FB; /* تغییر رنگ هنگام هاور روی ردیف */
}

/* باکس Infographic Substitute */
div[style*=”border-left: 5px solid #F39C12″] {
background-color: #FFF9EF; /* رنگ پس‌زمینه روشن‌تر */
border-radius: 10px;
padding: 25px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

div[style*=”border-left: 5px solid #F39C12″] h3 {
color: #E67E22; /* رنگ نارنجی تیره برای عنوان اینفوگرافیک */
border-bottom: none;
padding-bottom: 0;
margin-bottom: 20px;
}

div[style*=”border-left: 5px solid #F39C12″] ul li {
display: flex;
align-items: center;
margin-bottom: 10px;
color: #34495E;
}

div[style*=”border-left: 5px solid #F39C12″] ul li span {
font-size: 1.5em;
color: #F39C12;
margin-left: 10px; /* فاصله آیکون از متن */
}

/* FAQ Section styling */
div[style*=”background-color: #F8F9FA”][style*=”border-radius: 8px”][style*=”margin-bottom: 30px”] {
border: 1px solid #D6DBDF;
box-shadow: 0 1px 5px rgba(0,0,0,0.05);
}
div[style*=”background-color: #F8F9FA”][style*=”border-radius: 8px”][style*=”margin-bottom: 30px”] h3 {
color: #2C3E50;
margin-bottom: 10px;
font-size: 1.5em;
border-bottom: 1px dashed #D6DBDF;
padding-bottom: 10px;
}
div[style*=”background-color: #F8F9FA”][style*=”border-radius: 8px”][style*=”margin-bottom: 30px”] p {
padding-right: 15px; /* برای جلوه سوال و جواب */
position: relative;
}
div[style*=”background-color: #F8F9FA”][style*=”border-radius: 8px”][style*=”margin-bottom: 30px”] p::before {
content: “💡”; /* آیکون برای پاسخ */
position: absolute;
right: 0;
top: 0;
font-size: 1.2em;
color: #8E44AD;
}

/* رسپانسیو برای موبایل و تبلت */
@media (max-width: 768px) {
h1 {
font-size: 1.8em;
margin-bottom: 20px;
}

h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}

h3 {
font-size: 1.2em;
margin-top: 25px;
margin-bottom: 10px;
}

.div[style*=”max-width: 800px”] {
padding: 15px;
}

table {
display: block;
width: 100%;
}

table thead {
display: none; /* مخفی کردن سربرگ جدول در موبایل */
}

table tbody, table tr, table td {
display: block;
width: 100%;
}

table tr {
margin-bottom: 15px;
border: 1px solid #BDC3C7;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

table td {
text-align: right;
border: none;
border-bottom: 1px solid #EEEEEE;
position: relative;
padding-left: 50%; /* فضا برای عنوان در سمت راست */
}

table td:last-child {
border-bottom: none;
}

table td::before {
content: attr(data-label); /* نمایش عنوان ستون به عنوان لیبل */
position: absolute;
right: 15px;
width: calc(50% – 30px);
font-weight: bold;
text-align: right;
color: #555;
}
/* اضافه کردن لیبل برای ستون‌ها در حالت موبایل */
table td:nth-of-type(1)::before { content: “بخش:”; }
table td:nth-of-type(2)::before { content: “توضیح:”; }
}

/* استایل برای تبلت */
@media (min-width: 769px) and (max-width: 1024px) {
.div[style*=”max-width: 800px”] {
padding: 25px;
margin: 0 20px;
}
}

/* استایل برای تلویزیون (صفحات بزرگ) */
@media (min-width: 1025px) {
.div[style*=”max-width: 800px”] {
padding: 30px;
margin: 0 auto;
max-width: 900px; /* افزایش عرض برای نمایش بهتر در صفحات بزرگ */
}
h1 {
font-size: 3em;
}
h2 {
font-size: 2.2em;
}
h3 {
font-size: 1.8em;
}
}