Khác biệt giữa các bản “MediaWiki:Trang Chính.css”
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ị 13 phiên bản của cùng người dùng ở giữa) | |||
| Dòng 38: | Dòng 38: | ||
background-color: #eee; | background-color: #eee; | ||
margin-top: 0px !important; | margin-top: 0px !important; | ||
margin-bottom: | margin-bottom: 5px !important; | ||
font-weight: bold; | font-weight: bold; | ||
clear: both; | clear: both; | ||
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 | |||
.box .box-content .thumbinner { | |||
width: 220px !important; | |||
} | } | ||
.box .box-content | .box .box-content .thumbinner img { | ||
max-width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
.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 . | .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;
}
}