انجام پایان نامه کارشناسی ارشد رشته برنامه ریزی آموزشی + تضمینی

/* Base Styles for the document, assume a neutral page background */
body {
background-color: #F5F7F9; /* Light background for the overall page */
margin: 0;
padding: 20px; /* Some padding around the main content block */
direction: rtl; /* For Persian text */
text-align: right;
font-family: ‘B Nazanin’, Tahoma, Arial, sans-serif;
line-height: 1.6;
color: #333;
}

/* Ensure headings have proper margins and line-heights for readability */
h1 { margin-bottom: 25px; }
h2 { margin-top: 40px; margin-bottom: 20px; }
h3 { margin-top: 30px; margin-bottom: 15px; }

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
body {
padding: 10px; /* Reduce global padding on small screens */
}
.main-content-wrapper {
padding: 15px !important; /* Adjust padding for the main content block */
border-radius: 8px !important; /* Slightly smaller border-radius */
box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important; /* Lighter shadow */
}
h1 { font-size: 2em !important; margin-top: 20px !important; margin-bottom: 15px !important; }
h2 { font-size: 1.7em !important; margin-top: 30px !important; margin-bottom: 15px !important; }
h3 { font-size: 1.4em !important; margin-top: 25px !important; margin-bottom: 10px !important; }
p, ul, ol, td, th { font-size: 1em !important; line-height: 1.7 !important; }

/* Infographic & Success Factors Responsiveness */
.infographic-item, .success-factor-box {
flex: 1 1 100% !important; /* Stack items vertically */
min-width: unset !important; /* Remove min-width constraint */
padding: 15px !important; /* Adjust padding */
}

/* Table Responsiveness */
table, thead, tbody, th, td, tr {
display: block; /* Stack table cells */
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px; /* Hide table headers visually */
}
tr {
border: 1px solid #ccc;
margin-bottom: 15px;
display: block;
border-radius: 8px; /* Rounded corners for table rows */
overflow: hidden; /* Ensures borders are contained */
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-right: 50% !important; /* Space for the “header” label */
padding-left: 15px !important; /* Normal left padding */
text-align: left !important; /* Align content properly */
font-size: 1em !important;
background-color: #FFFFFF; /* White background for data cells */
}
td:last-child {
border-bottom: 0; /* No border for the last cell in a row */
}
td:before {
position: absolute;
top: 0;
right: 0;
width: 45%; /* Width for the “header” label */
padding: 12px 15px; /* Padding matching the original header */
white-space: nowrap;
font-weight: bold;
color: #FFFFFF; /* White text for pseudo-header */
background-color: #3498DB; /* Blue background for pseudo-header */
box-sizing: border-box; /* Include padding in width */
text-align: right;
height: 100%; /* Make pseudo-header fill cell height */
display: flex;
align-items: center; /* Center text vertically */
justify-content: flex-end; /* Align text to the right */
border-left: 1px solid #AABBDD; /* Separator for pseudo-header */
}
/* Specific content for pseudo-headers based on their original column */
td:nth-of-type(1):before { content: “بخش پروپوزال:”; }
td:nth-of-type(2):before { content: “اهمیت و محتوا:”; }
caption {
font-size: 1.1em !important;
margin-bottom: 15px !important;
}
}