الگو:پرسمان سفیانی (نمایه)/styles.css: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱۸: | خط ۱۸: | ||
@media only screen and (max-width: 848px) { | @media only screen and (max-width: 848px) { | ||
.article-content { | .article-content { | ||
column-count: | column-count: 4; | ||
} | } | ||
.question-content { | .question-content { | ||
column-count: | column-count: 2; | ||
} | } | ||
} | } | ||
@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: 3; | ||
} | } | ||
.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: 4;
}
.question-content {
column-count: 2;
}
}
@media only screen and (max-width: 1200px) and (min-width: 848px) {
.article-content {
column-count: 3;
}
.question-content {
column-count: 1;
}
}