Khác biệt giữa các bản “MediaWiki:Trang Chính.css”

Từ Người Việt Nam ở Ý
Bước tới điều hướng Bước tới tìm kiếm
Thẻ: Sửa đổi từ trang di động Sửa đổi di động
 
(Không hiển thị 12 phiên bản của cùng người dùng ở giữa)
Dòng 43: Dòng 43:
     font-size: 120%;
     font-size: 120%;
display: block !important;
display: block !important;
}
.box h3 {
display: block !important;
margin: 0px !important;
    padding: 0px !important;
}
}
.box .box-content {
.box .box-content {
Dòng 50: Dòng 55:
margin: 0px;
margin: 0px;
}
}
.box .box-content .right-image .thumbinner {
 
float: right;
.box .box-content .thumbinner {
margin-left: 1em;
    width: 220px !important;
margin-bottom: 1em;
}
}
.box .box-content .left-image .thumbinner {
.box .box-content .thumbinner img {
float: left;
    max-width: 100% !important;
margin-right: 1em;
    height: auto !important;
margin-bottom: 1em;
}
}
.skin-minerva .box .box-content .thumbinner {
.skin-minerva .box .box-content .thumbinner {
     width: 150px !important;
     width: 150px !important;
}
@media (min-width: 876px) and (max-width: 1140px) {
.box .box-content .thumb {
float: none !important;
width: calc(100% - 8px) !important;
margin: 0 !important;
}
.box .box-content .thumb .thumbinner {
width: 100% !important;
text-align: center !important;
}
}
}
@media (max-width: 875px) {
@media (max-width: 875px) {
Dòng 72: Dòng 86:
}
}
@media (max-width: 480px) {
@media (max-width: 480px) {
.box .box-content .thumbinner {
.box .box-content .thumb {
float: none !important;
float: none !important;
width: calc(100% - 8px) !important;
width: calc(100% - 8px) !important;
margin: 0 !important;
}
}
.box .box-content .thumb .thumbinner {
width: 100% !important;
text-align: center !important;
}
}
}

Bản hiện tại lúc 22:17, ngày 6 tháng 11 năm 2021

#firstHeading {
	display:none !important;
}
.main-page * {
	font-family: sans-serif !important;
}
.boxs {
	width: 100%;
	display: flex;
}

.boxs .box {
	margin-left: 10px;
}	
.boxs .box:first-child {
	margin-left: 0px;
}
.box {
	flex: 1 1 0px;
	border-top: 4px solid #6F6F6F; 
	background-color: #F6F6F6; 
	padding: 10px 15px;
	margin-bottom: 15px;
}
.box h1 {
    margin: 0;
    font-family: sans-serif !important;
    font-size: 160%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 0px;
    padding: 5px 0px;
    font-weight: bold;
}
.box h2 {
	border: 1px solid #ccc;
	padding: 0.2em 0.3em;
	background-color: #eee;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
    font-weight: bold;
	clear: both;
    font-size: 120%;
display: block !important;
}
.box h3 {
display: block !important;
margin: 0px !important;
    padding: 0px !important;
}
.box .box-content {
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	font-size: 100%;
	margin: 0px;
}

.box .box-content .thumbinner {
    width: 220px !important;
}
.box .box-content .thumbinner img {
    max-width: 100% !important;
    height: auto !important;
}
.skin-minerva .box .box-content .thumbinner {
    width: 150px !important;
}
@media (min-width: 876px) and (max-width: 1140px) {
	.box .box-content .thumb {
		float: none !important;
		width: calc(100% - 8px) !important;
		margin: 0 !important;
	}
	.box .box-content .thumb .thumbinner {
		width: 100% !important;
		text-align: center !important;
	}	
}
@media (max-width: 875px) {
	.boxs {
		flex-direction: column;
	}
	.boxs .box {
		margin-left: 0px !important;
	}	
}	
@media (max-width: 480px) {
	.box .box-content .thumb {
		float: none !important;
		width: calc(100% - 8px) !important;
		margin: 0 !important;
	}	
	.box .box-content .thumb .thumbinner {
		width: 100% !important;
		text-align: center !important;
	}
}