MediaWiki:Trang Chính.css

Phiên bản vào lúc 22:16, ngày 6 tháng 11 năm 2021 của Martinpham (Thảo luận | đóng góp)

Chú ý: Sau khi lưu trang, có thể bạn sẽ phải xóa bộ nhớ đệm của trình duyệt để xem các thay đổi.

  • Firefox / Safari: Nhấn giữ phím Shift trong khi nhấn Tải lại (Reload), hoặc nhấn tổ hợp Ctrl-F5 hay Ctrl-R (⇧⌘R trên Mac)
  • Google Chrome: Nhấn tổ hợp Ctrl-Shift-R (⇧⌘R trên Mac)
  • Internet Explorer / Microsoft Edge: Nhấn giữ phím Ctrl trong khi nhấn Làm tươi, hoặc nhấn tổ hợp Ctrl-F5
  • Opera: Mở Menu → Cài đặt (Opera → Tùy chỉnh trên Mac), mở tab Quyền riêng tư & bảo mật, nhấn Xóa dữ liệu duyệt web và đánh hộp kiểm Hình ảnh và tệp trong cache, hoặc nhấn tổ hợp Ctrl-F5
#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;
}
.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;
	}
}