MediaWiki:Mobile.css
Chú ý: Sau khi lưu thay đổi trang, bạn phải xóa bộ nhớ đệm của trình duyệt để nhìn thấy các thay đổi. Google Chrome, Firefox, Internet Explorer và Safari: Giữ phím ⇧ Shift và nhấn nút Reload/Tải lại trên thanh công cụ của trình duyệt. Để biết chi tiết và hướng dẫn cho các trình duyệt khác, xem Trợ giúp:Xóa bộ nhớ đệm.
/* Mã CSS đặt ở đây sẽ ảnh hưởng đến những người sử dụng trang di động */
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
.hide-when-compact {
display: none;
}
/* Mobile template hacks (see bug 54176) */
.mobile-float-reset {
float: none !important;
width: 100% !important;
}
/* Temporary fix for bug 53437 - nav boxes can disrupt reading experience on smaller screens
TODO: Update template to have nomobile class */
#bodyContent .vertical-navbox,
#bodyContent .navbox {
display: none;
}
/* Tablet specific styling */
@media all and (min-width: 768px) {
#bodyContent .vertical-navbox,
#bodyContent .navbox {
display: inherit;
}
}
/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
but should be included in the printed version
TODO: Move to Citation template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
@media screen, handheld {
.citation *.printonly {
display: none;
}
}
/* Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box
*/
.citation {
word-wrap: break-word;
}
/* Default styling for Navbar template
TODO: Move to Navbar template when templates have stylesheets
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
*/
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 4.2 (2013-11-20)
@author: [[:en:User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
#bodyContent .hlist dt:after {
content: ": ";
}
#bodyContent .hlist dd:after,
#bodyContent .hlist li:after {
content: " · ";
font-weight: bold;
}
#bodyContent .hlist dd:last-child:after,
#bodyContent .hlist dt:last-child:after,
#bodyContent .hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
#bodyContent .hlist dd dd:first-child:before, #bodyContent .hlist dd dt:first-child:before, #bodyContent .hlist dd li:first-child:before,
#bodyContent .hlist dt dd:first-child:before, #bodyContent .hlist dt dt:first-child:before, #bodyContent .hlist dt li:first-child:before,
#bodyContent .hlist li dd:first-child:before, #bodyContent .hlist li dt:first-child:before, #bodyContent .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
#bodyContent .hlist dd dd:last-child:after, #bodyContent .hlist dd dt:last-child:after, #bodyContent .hlist dd li:last-child:after,
#bodyContent .hlist dt dd:last-child:after, #bodyContent .hlist dt dt:last-child:after, #bodyContent .hlist dt li:last-child:after,
#bodyContent .hlist li dd:last-child:after, #bodyContent .hlist li dt:last-child:after, #bodyContent .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
#bodyContent .hlist ol {
counter-reset: list-item;
}
#bodyContent .hlist ol > li {
counter-increment: list-item;
}
#bodyContent .hlist ol > li:before {
content: " " counter(list-item) " ";
}
#bodyContent .hlist dd ol > li:first-child:before,
#bodyContent .hlist dt ol > li:first-child:before,
#bodyContent .hlist li ol > li:first-child:before {
content: " (" counter(list-item) " ";
}
/* Unbulleted lists e.g. [[:en:Barack Obama]] */
.plainlist ul {
list-style: none;
}
/* CODE FOR COMPACT AMBOX */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
/* Remove borders, backgrounds, padding, etc.
Please document here what pages use this
*/
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
.compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
padding: 0 !important;
margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
display: list-item;
line-height: 1.5em;
list-style-type: square;
list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}
/* Allow for hiding text in compact form */
.compact-ambox .hide-when-compact {
display: none;
}
/* Hatnotes and disambiguation notices
Please document here what pages use this
*/
.rellink,
.dablink {
font-style: italic;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
/* Geographical coordinates defaults. See [[Bản mẫu:Tọa độ/link]]
for how these are used. The classes "geo", "longitude", and
"latitude" are used by the [[w:Geo microformat]]. */
.geo-default, .geo-dms, .geo-dec { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }
/* Prevent line breaks in silly places:
1) Where desired
2) Links when we don't want them to
3) Bold "links" to the page itself
4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
Please document here what pages use this
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
white-space: normal;
}
/* Hide stuff meant for accounts with special permissions. Made visible again in
[[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]] and
[[MediaWiki:Group-autoconfirmed.css]]. */
.sysop-show,
.accountcreator-show,
.autoconfirmed-show {
display: none;
}
#li-coordinates {
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/80px-Edge-firefox.png);
float: right;
display: none;
-webkit-background-size: auto 30px;
background-size: auto 30px;
}
.client-js .content_block.coordinates {
display: none;
text-align: right;
margin-bottom: 0.5em;
font-size: smaller;
}
.client-js .content_block.coordinates .latitude {
display:none;
padding-left: 20px;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/57/Edge-firefox.png/50px-Edge-firefox.png);
background-repeat: no-repeat;
-webkit-background-size: auto 15px;
background-size: auto 15px;
}
/* Until Geohack is mobile optimised and/or there is a nice alternative e.g. map namespace */
.alpha #li-coordinates {
display: list-item;
}
.client-js .beta .content_block.coordinates {
display: block;
}
.client-js .beta .content_block.coordinates .latitude {
display:inline;
}
.topicon {
display: none;
}
/* Remove this when mobile page creation goes out of beta */
.stub {
display: none;
}
/* hidden sortkey for tablesorter */
td .sortkey,
th .sortkey {
display: none;
speak: none;
}
/* Sửa lỗi break-all trong <ins>, <del> ở trang diff, giao diện Minerva */
#mw-mf-diffview .mw-diff-inline-added ins,
#mw-mf-diffview .mw-diff-inline-changed ins,
#mw-mf-diffview .mw-diff-inline-deleted del,
#mw-mf-diffview .mw-diff-inline-changed del {
word-break: break-word !important;
}
/* Font chữ serif tiếng Việt cho tiêu đề h1, h2 */
.mw-body #firstHeading,
.mw-body h1,
.mw-body h2 {
font-family: "Linux Libertine", "Palatino Linotype", "Georgia", "EB Garamond", "Times New Roman", "Times", serif;
}
/* Logo cho giao diện Minerva */
/*.branding-box > a > span > img,*/
/*.minerva-footer-logo > img {*/
/* background-image: url(https://upload.wikimedia.org/wikipedia/vi/d/d6/Wikipedia-wordmark-en_2023_Tet_Holiday.svg);*/
/* background-repeat: no-repeat;*/
/* background-size: 7.5em;*/
/* padding: 1.125em 7.5em 0 0;*/
/* width: 0 !important;*/
/* height: 0 !important;*/
/*}*/
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
font-weight: normal;
/* @noflip */
text-align: left;
}
/* Hide ASN on mobile */
#asn-dismissable-notice {
display: none;
}