مشاوره پایان نامه تخصصی علوم تربیتی

/* Responsive Styling for general content */
@media (max-width: 768px) {
body {
padding: 10px;
}
h1 {
font-size: 28px !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 22px !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h3 {
font-size: 20px !important;
margin-top: 25px !important;
margin-bottom: 10px !important;
}
div[style*=”max-width: 900px”] {
padding: 15px !important;
border-radius: 8px !important;
}
div[style*=”background-color: #e0f2f7″] {
padding: 15px 20px !important;
border-radius: 8px !important;
}
table {
font-size: 0.9em !important;
display: block !important;
width: 100% !important;
overflow-x: auto !important;
white-space: nowrap; /* Prevents text wrapping in table cells */
}
table thead, table tbody, table tr {
display: block;
}
table th, table td {
display: block;
width: 100% !important;
box-sizing: border-box; /* Include padding in width */
text-align: right !important;
border: none; /* Remove individual cell borders for better stacking */
padding: 10px 15px !important;
}
table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table tbody tr {
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
}
table td:before {
content: attr(data-label);
font-weight: bold;
display: inline-block;
margin-left: 10px;
color: #1a2e47;
min-width: 80px; /* Adjust as needed */
text-align: right;
}
/* Style for the Infographic Alternative (flex container) */
div[style*=”display: flex; flex-direction: column;”] {
padding: 20px !important;
}
div[style*=”flex: 1 1 300px”] {
flex-basis: 100% !important; /* Stack items on small screens */
margin-bottom: 15px;
}
}

/* General styling for block editor compatibility and aesthetics */
body {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: right;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* Light background for the page */
}

/* Ensure specific font-sizes and weights are respected */
h1 {
font-size: 32px !important;
font-weight: bold !important;
color: #1a2e47 !important; /* Dark blue */
text-align: center !important;
margin-bottom: 30px !important;
line-height: 1.3 !important;
}
h2 {
font-size: 26px !important;
font-weight: bold !important;
color: #1a2e47 !important; /* Dark blue */
margin-top: 50px !important;
margin-bottom: 25px !important;
border-bottom: 3px solid #007bb6 !important; /* Royal blue underline */
padding-bottom: 10px !important;
}
h3 {
font-size: 22px !important;
font-weight: bold !important;
color: #2a6a8c !important; /* Muted blue */
margin-top: 40px !important;
margin-bottom: 15px !important;
}

p {
margin-bottom: 15px;
line-height: 1.8;
color: #333;
}

ul, ol {
margin-bottom: 25px;
padding-right: 20px;
color: #333;
}

li {
margin-bottom: 8px;
line-height: 1.6;
}

a {
color: #007bb6; /* Royal blue for links */
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}

/* Table specific styles */
table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
font-size: 1em;
text-align: right;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners */
}
table caption {
caption-side: top;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
color: #1a2e47;
font-size: 1.1em;
}
table thead {
background-color: #007bb6;
color: white;
}
table th,
table td {
padding: 15px 20px;
border: 1px solid #ddd;
white-space: normal; /* Allow text wrapping in table cells by default */
}
table tbody tr:nth-child(even) {
background-color: #f2f8fa; /* Light blueish tint for even rows */
}
table tbody tr:nth-child(odd) {
background-color: #ffffff;
}
table tbody tr:hover {
background-color: #e6f7ff; /* Lighter blue on hover */
}