الگو:مهدویت (نمایه)/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 { | ||
margin: 10px 0px 0px 2px; | margin: 10px 0px 0px 2px; | ||
max-height: 300px; | max-height: 300px; | ||
خط ۶: | خط ۶: | ||
border-radius: 2px; | border-radius: 2px; | ||
} | } | ||
. | .article-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; | ||
} | } | ||
@media only screen and (max-width: 848px) { | @media only screen and (max-width: 848px) { | ||
. | .article-content { | ||
column-count: 2; | column-count: 2; | ||
} | |||
.question-content { | |||
column-count: 1; | |||
} | } | ||
} | } | ||
@media only screen and (max-width: 1200px) and (min-width: 848px) { | @media only screen and (max-width: 1200px) and (min-width: 848px) { | ||
. | .article-content { | ||
column-count: 4; | column-count: 4; | ||
} | } | ||
.question-content { | |||
column-count: 2; | |||
} | |||
} | } |
نسخهٔ کنونی تا ۱۲ آوریل ۲۰۲۰، ساعت ۱۱:۱۲
.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: 4;
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: 4;
}
.question-content {
column-count: 2;
}
}