انجام پایان نامه رشته مدیریت منابع انسانی + تضمینی

/* Global Styles for Readability and Responsiveness */
@import url(‘https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;700&display=swap’);
body {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
margin: 0;
padding: 0;
background-color: #F0F2F5; /* Light background for the whole page */
direction: rtl; /* For right-to-left languages */
text-align: right;
}
div, p, h1, h2, h3, ul, ol, table {
box-sizing: border-box; /* Ensure padding and border are included in the element’s total width and height */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
.main-container {
padding: 15px !important;
}
h1 {
font-size: 2em !important;
padding: 15px 0 !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
p, li, td {
font-size: 0.95em !important;
}
.infographic-block > ul {
flex-direction: column !important;
}
.infographic-block > ul > li {
flex-basis: 95% !important;
}
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ddd;
margin-bottom: 10px;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
text-align: right !important;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label); /* Use data-label attribute for headers */
font-weight: bold;
}
/* Specific content for table headers */
td:nth-of-type(1):before { content: “روش تحقیق”; }
td:nth-of-type(2):before { content: “توضیحات و کاربرد”; }
}

@media (max-width: 480px) {
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.3em !important;
}
h3 {
font-size: 1.1em !important;
}
p, li, td {
font-size: 0.9em !important;
}
.infographic-block ol li, .infographic-block ul li {
padding-left: 0 !important;
}
.infographic-block ol li strong span {
padding: 3px 6px !important;
margin-right: 5px !important;
}
}

/* General Styling for Block Editor Compatibility (Minimalist & Robust) */
.main-container {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.8;
color: #333;
max-width: 960px;
margin: 0 auto;
padding: 20px;
background-color: #FFFFFF;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
direction: rtl;
text-align: right;
}

h1, h2, h3 {
font-family: ‘Vazirmatn’, sans-serif;
line-height: 1.4;
margin-top: 0; /* Reset default margin */
}

/* Specific heading styles applied via inline style, duplicated here for redundancy */
h1 {
font-size: 2.5em;
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 30px;
padding: 20px 0;
border-bottom: 2px solid #ECF0F1;
}
h2 {
font-size: 1.8em;
font-weight: bold;
color: #34495E;
margin-bottom: 20px;
}
h3 {
font-size: 1.3em;
font-weight: bold;
color: #5C6F80;
margin-top: 25px;
margin-bottom: 15px;
}

p {
font-size: 1.1em;
text-align: justify;
margin-bottom: 25px;
color: #34495E;
}

/* Section Boxes */
div[style*=”border-left”] {
padding: 20px;
margin: 30px 0;
border-radius: 8px;
}
div[style*=”border-left: 5px solid #3498DB;”] { background-color: #F8F9FA; }
div[style*=”border-left: 5px solid #E67E22;”] { background-color: #F8F9FA; }
div[style*=”border-left: 5px solid #27AE60;”] { background-color: #F8F9FA; }
div[style*=”border-left: 5px solid #8E44AD;”] { background-color: #F8F9FA; }
div[style*=”border-left: 5px solid #9B59B6;”] { background-color: #F8F9FA; }

/* List Styling */
ul {
list-style: none;
padding-left: 0;
margin-top: 15px;
}
ul li {
margin-bottom: 10px;
position: relative;
padding-left: 25px;
}
ul li span {
position: absolute;
right: 0; /* Adjust for RTL */
left: unset; /* Reset default left for LTR */
margin-right: 0; /* Reset default margin for LTR */
margin-left: -20px; /* Adjust for RTL checkmark */
}
ul li strong {
color: inherit;
}

/* Infographic 1 (Numbered List) */
div[style*=”background-color: #EBF5FB;”] {
border: 1px solid #D6EAF8;
border-radius: 10px;
padding: 25px;
margin: 30px 0;
}
div[style*=”background-color: #EBF5FB;”] ol {
list-style: none;
padding-left: 0;
}
div[style*=”background-color: #EBF5FB;”] ol li {
margin-bottom: 20px;
border-bottom: 1px dashed #AAB7B8;
padding-bottom: 15px;
position: relative;
padding-right: 60px; /* Space for the number circle */
padding-left: 0; /* Reset default */
}
div[style*=”background-color: #EBF5FB;”] ol li strong span {
background-color: #2E86C1;
color: white;
border-radius: 50%;
padding: 5px 10px;
margin-right: 0; /* Reset default */
position: absolute;
right: 0; /* Place to the right for RTL */
top: 0;
font-size: 1.1em;
font-weight: bold;
}

/* Infographic 2 (Pillars) */
div[style*=”background-color: #F4ECF7;”] {
border: 1px solid #D7BDE2;
border-radius: 10px;
padding: 25px;
margin: 30px 0;
}
div[style*=”background-color: #F4ECF7;”] ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding-left: 0;
}
div[style*=”background-color: #F4ECF7;”] ul li {
flex-basis: 45%;
margin-bottom: 20px;
padding: 15px;
border: 1px solid #AF7AC5;
border-radius: 8px;
background-color: #E8DAEF;
text-align: center;
position: relative; /* Reset position */
padding-left: 15px; /* Reset padding */
}
div[style*=”background-color: #F4ECF7;”] ul li strong span { /* No icon in this infographic, so this rule is not strictly needed */
position: static;
margin: 0;
padding: 0;
background-color: transparent;
color: inherit;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
font-size: 0.95em;
border: 1px solid #D6DBDF;
margin: 25px 0;
direction: rtl;
text-align: right;
}
thead {
background-color: #EBF5FB;
}
th, td {
padding: 12px 15px;
border: 1px solid #D6DBDF;
text-align: right;
color: #2C3E50;
}
tbody tr:nth-child(odd) {
background-color: #fcfcfc;
}
tbody tr:nth-child(even) {
background-color: #ffffff;
}