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

/* Basic Reset for cross-browser consistency – good practice for embedded HTML */
body, div, p, h1, h2, h3, h4, ul, li, table, thead, tbody, tr, th, td {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* General Body Styles for responsiveness and readability */
body {
font-family: ‘B Nazanin’, ‘Arial’, sans-serif; /* Fallback fonts */
line-height: 1.7;
color: #333;
background-color: #f5f7f9;
font-size: 1em; /* Base font size */
}

/* Responsive adjustments for main container */
div[style*=”max-width: 900px;”] {
padding: 20px;
margin: 0 auto; /* Center alignment */
}

/* Headings responsiveness */
h1[style*=”font-size: 2.8em”],
h2[style*=”font-size: 2em”],
h3[style*=”font-size: 1.6em”] {
word-break: break-word; /* Prevents long words from overflowing */
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
body {
font-size: 0.95em; /* Slightly smaller base font for mobile */
}
h1[style*=”font-size: 2.8em”] {
font-size: 2em !important; /* Smaller H1 on mobile */
text-align: right !important; /* Adjust text alignment for RTL */
}
h2[style*=”font-size: 2em”] {
font-size: 1.6em !important; /* Smaller H2 on mobile */
text-align: right !important;
}
h3[style*=”font-size: 1.6em”] {
font-size: 1.3em !important; /* Smaller H3 on mobile */
text-align: right !important;
}
p, ul, ol, table {
padding-left: 10px; /* Adjust padding for lists/paragraphs */
padding-right: 10px;
}
/* Adjust infographic layout for smaller screens */
div[style*=”display: flex; flex-wrap: wrap;”] > div {
flex: 1 1 100% !important; /* Stack infographic boxes on mobile */
margin-bottom: 15px; /* Add space between stacked boxes */
}
/* Table responsiveness */
table, thead, tbody, th, td, tr {
display: block; /* Make table elements block-level */
}
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; /* Space for the “pseudo-header” */
text-align: right !important;
white-space: normal;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-weight: bold;
color: #34495E;
}
/* Specific labels for table cells on mobile */
td:nth-of-type(1):before { content: “حوزه موضوعی:”; }
td:nth-of-type(2):before { content: “نمونه عنوان:”; }
}

/* Tablet and Laptop adjustments (medium screens) */
@media (min-width: 769px) and (max-width: 1024px) {
body {
font-size: 1em;
}
h1[style*=”font-size: 2.8em”] {
font-size: 2.3em !important;
}
h2[style*=”font-size: 2em”] {
font-size: 1.8em !important;
}
h3[style*=”font-size: 1.6em”] {
font-size: 1.4em !important;
}
}

/* General styling for list items for better readability */
ul li, ol li {
margin-bottom: 8px;
padding-right: 5px; /* Adjust for RTL */
text-align: justify;
}

/* Ensure text alignment for RTL */
h1, h2, h3, h4, p, li, th, td {
direction: rtl;
text-align: right;
}

/* Adjust specific elements that might need overriding default RTL behavior if they were LTR by default */
div[style*=”display: flex; flex-wrap: wrap;”] {
flex-direction: row-reverse; /* For infographic flow in RTL */
}

div[style*=”display: flex; flex-wrap: wrap;”] > div {
text-align: center; /* Keep infographic items centered */
}

/* Specific adjustment for list bullet/number positioning in RTL */
ul[style*=”list-style-type: disc;”],
ul[style*=”list-style-type: square;”],
ul[style*=”list-style-type: circle;”],
ol[style*=”list-style-type: decimal;”] {
padding-right: 20px; /* Indent for bullet/number */
padding-left: 0;
margin-right: 25px; /* Indent from right margin */
margin-left: 0;
}