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

از امامت‌پدیا، دانشنامهٔ امامت و ولایت
(صفحه‌ای تازه حاوی «.article-content { margin: 10px 0px 0px 2px; max-height: 300px; overflow-y: auto; font-size: 80%; border-radius: 2px; } .column-conten...» ایجاد کرد)
 
جزبدون خلاصۀ ویرایش
 
(یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
.article-content {
.column-content {
margin: 10px 0px 0px 2px;
margin: 10px 0px 0px 2px;
max-height: 300px;
max-height: 300px;
خط ۶: خط ۶:
border-radius: 2px;
border-radius: 2px;
}
}
.column-content {
.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) {
.column-content {
.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) {
.column-content {
.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; 
	}	
}