/* این استایلها به طور کلی برای بهبود نمایش در ویرایشگر بلوک و ریسپانسیو بودن کمک میکنند */
body {
margin: 0;
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif; /* در صورت عدم پشتیبانی مرورگر، Tahoma یا Sans-serif جایگزین میشود */
direction: rtl;
background-color: #f8f8f8;
}
div, p, h1, h2, h3, ul, li, table, th, td {
box-sizing: border-box;
}
h1, h2, h3 {
font-family: ‘Vazirmatn’, ‘Tahoma’, sans-serif;
text-align: right;
}
p, ul, table {
text-align: justify;
}
ul {
padding-right: 20px;
}
/* Responsive Table */
table {
display: block;
width: 100%;
border-collapse: collapse;
overflow-x: auto; /* For smaller screens */
}
th, td {
white-space: nowrap; /* Prevents text wrapping in cells */
}
/* Responsive Design for smaller screens */
@media (max-width: 768px) {
.div-flex {
flex-direction: column;
}
.div-flex > div {
flex: 0 0 100% !important;
margin-bottom: 20px;
}
h1 {
font-size: 1.8em !important;
}
h2 {
font-size: 1.5em !important;
}
h3 {
font-size: 1.2em !important;
}
p, ul, td {
font-size: 0.95em !important;
}
.main-content-wrapper {
padding: 15px !important;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.5em !important;
}
h2 {
font-size: 1.3em !important;
}
h3 {
font-size: 1.1em !important;
}
p, ul, td {
font-size: 0.9em !important;
}
}