الگو:پرسمان سفیانی (نمایه)/styles.css: تفاوت میان نسخه‌ها

از امامت‌پدیا، دانشنامهٔ امامت و ولایت
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۷: خط ۷:
}
}
.article-content {
.article-content {
column-count: 3;  
column-count: 5;  
column-gap: 40px;
column-gap: 40px;
padding: 10px;
padding: 10px;
}
}
.question-content {
.question-content {
column-count: 4;  
column-count: 3;  
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 {
.article-content {
column-count: 2;  
column-count: 4;  
}
}
.question-content {
.question-content {
column-count: 1;  
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: 4;  
column-count: 3;  
}
}
.question-content {
.question-content {
column-count: 2;  
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; 
	}	
}