ویرایش پایان نامه با نمونه کار در حوزه رفتار سازمانی

/* این بخش Style برای اطمینان از رسپانسیو بودن و زیبایی در نمایشگرهای مختلف است */
body {
margin: 0;
padding: 0;
background-color: #F0F2F5; /* رنگ پس‌زمینه عمومی برای کل صفحه */
}
div {
box-sizing: border-box; /* برای راحتی در محاسبات عرض و padding */
}
p, ul, li, table, th, td {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
line-height: 1.8;
font-size: 1.1em;
color: #333;
}
h1, h2, h3 {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif;
margin-top: 1.5em;
margin-bottom: 0.8em;
}
h1 {
font-size: 2.5em;
font-weight: bold;
color: #2C3E50;
text-align: center;
line-height: 1.3;
padding-top: 20px;
padding-bottom: 20px;
}
h2 {
font-size: 1.8em;
font-weight: bold;
color: #007BFF; /* رنگ آبی برای H2 */
border-bottom: 2px solid rgba(0, 123, 255, 0.3);
padding-bottom: 5px;
margin-top: 35px;
}
div:nth-of-type(3) h2 { color: #E0A800; border-bottom: 2px solid rgba(255, 193, 7, 0.3); } /* H2 در بلوک زرد */
div:nth-of-type(4) h2 { color: #28A745; border-bottom: 2px solid rgba(40, 167, 69, 0.3); } /* H2 در بلوک سبز */
div:nth-of-type(5) h2 { color: #D39E00; border-bottom: 2px solid rgba(255, 236, 179, 0.3); } /* H2 در بلوک کرم */

h3 {
font-size: 1.4em;
font-weight: bold;
color: #34495E;
margin-top: 25px;
margin-bottom: 12px;
}
ul {
list-style-type: none;
padding-left: 0;
}
ul li {
margin-bottom: 8px;
position: relative;
padding-right: 25px; /* فضا برای تیک */
text-align: justify;
}
ul li:before {
content: ‘•’; /* Bullet point ساده */
color: #007BFF; /* رنگ آبی برای بولت */
font-weight: bold;
display: inline-block;
width: 1em;
margin-right: 0.5em;
position: absolute;
right: 0;
top: 0;
}
div:nth-of-type(3) ul li:before { color: #E0A800; } /* بولت در بلوک زرد */
div:nth-of-type(4) ul li:before { color: #28A745; } /* بولت در بلوک سبز */

/* استایل‌های جدول */
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 1em;
}
th, td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right; /* برای زبان فارسی */
vertical-align: top;
}
th {
background-color: #F2F2F2;
font-weight: bold;
color: #444;
font-size: 1.1em;
}
tr:nth-child(even) {
background-color: #F9F9F9;
}
tr:hover {
background-color: #F5F5F5;
}

/* استایل برای بلاک‌های رنگی اطراف هدینگ‌ها */
.colored-block {
padding: 20px;
border-radius: 8px;
margin: 30px 0;
}
.blue-block { background-color: #E6F3F7; border-left: 5px solid #007BFF; }
.yellow-block { background-color: #F7F3E6; border-left: 5px solid #FFC107; }
.green-block { background-color: #E6F7E6; border-left: 5px solid #28A745; }
.cream-block { background-color: #F8F8E6; border-left: 5px solid #FFECB3; }

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
.h1-main {
font-size: 2em;
padding: 15px 10px;
}
h2 {
font-size: 1.5em;
margin-top: 25px;
margin-bottom: 8px;
}
h3 {
font-size: 1.2em;
margin-top: 18px;
margin-bottom: 8px;
}
p, ul, li, table, th, td {
font-size: 1em;
line-height: 1.7;
}
th, td {
padding: 10px 12px;
}
table {
display: block;
overflow-x: auto; /* برای جدول در موبایل اسکرول افقی */
white-space: nowrap;
}
table thead, table tbody, table th, table td, table tr {
display: block;
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tr {
border: 1px solid #ddd;
margin-bottom: 10px;
display: flex;
flex-direction: column;
}
table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50%; /* فضا برای عنوان ستون */
text-align: right;
}
table td:before {
position: absolute;
left: 6px;
width: 45%;
padding-left: 10px;
white-space: nowrap;
font-weight: bold;
}
table td:nth-of-type(1):before { content: “خطای رایج:”; }
table td:nth-of-type(2):before { content: “راهکار ویرایشی:”; }

/* ریسپانسیو برای اینفوگرافیک جایگزین */
div[style*=”background-color: #F0F8FF”] > div {
width: 90% !important;
margin: 10px auto !important;
}
}
@media (max-width: 480px) {
h1 { font-size: 1.8em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
p, ul, li, table, th, td { font-size: 0.95em; }
}
/* برای نمایشگرهای بزرگتر مانند تلویزیون */
@media (min-width: 1200px) {
.h1-main { font-size: 3em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.6em; }
p, ul, li, table, th, td { font-size: 1.2em; }
.colored-block { padding: 30px; }
div[style*=”background-color: #F0F8FF”] > div {
width: 40% !important; /* کمی فشرده‌تر برای نمایشگرهای عریض */
}
}