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