الگو:مهدویت (نمایه)/styles.css: تفاوت میان نسخهها
(صفحهای تازه حاوی «.article-content { margin: 10px 0px 0px 2px; max-height: 300px; overflow-y: auto; font-size: 80%; border-radius: 2px; } .column-conten...» ایجاد کرد) |
جزبدون خلاصۀ ویرایش |
||
خط ۸: | خط ۸: | ||
.column-content { | .column-content { | ||
column-count: 5; | column-count: 5; | ||
column-gap: 40px; | |||
padding: 10px; | |||
} | |||
.question-content { | |||
column-count: 4; | |||
column-gap: 40px; | column-gap: 40px; | ||
padding: 10px; | padding: 10px; | ||
خط ۱۴: | خط ۱۹: | ||
.column-content { | .column-content { | ||
column-count: 2; | column-count: 2; | ||
} | |||
.question-content { | |||
column-count: 1; | |||
} | } | ||
} | } | ||
خط ۲۰: | خط ۲۸: | ||
column-count: 4; | column-count: 4; | ||
} | } | ||
.question-content { | |||
column-count: 2; | |||
} | |||
} | } |
نسخهٔ ۱۲ آوریل ۲۰۲۰، ساعت ۱۱:۰۹
.article-content {
margin: 10px 0px 0px 2px;
max-height: 300px;
overflow-y: auto;
font-size: 80%;
border-radius: 2px;
}
.column-content {
column-count: 5;
column-gap: 40px;
padding: 10px;
}
.question-content {
column-count: 4;
column-gap: 40px;
padding: 10px;
}
@media only screen and (max-width: 848px) {
.column-content {
column-count: 2;
}
.question-content {
column-count: 1;
}
}
@media only screen and (max-width: 1200px) and (min-width: 848px) {
.column-content {
column-count: 4;
}
.question-content {
column-count: 2;
}
}