MediaWiki:Common.css
Giao diện
Cache: Sau khi lưu biểu mẫu này, phải xóa bộ nhớ đệm (cache) của trình duyệt để những thay đổi hiện ra:
Firefox, Chrome, Safari, Opera — Shift Internet Explorer — Ctrl Konqueror —
Nếu bạn viết mã JavaScript, chú ý đọc hướng dẫn để tránh mâu thuẫn với mã mặc định của mạng.
@charset "utf-8";
/* CSS dùng chung cho các ngoại hình */
/*********
** Các bản mẫu chuẩn thường dùng
*********/
/* {{chọn lọc}} */
#cornerbox
{
position: absolute;
top: 0.3em;
right: 0.2em;
border: 1px solid #BBB;
font-size: 0.8em;
}
/*********
** Hộp thẻ
*********/
/* Cho phép căn giữa hay căn phải các thẻ dùng thuộc tính align. */
.ui-tabs .ui-tabs-nav li {
display: inline-block;
float: none;
vertical-align: bottom;
}
/*********
** Trang Chính
*********/
body.page-Trang_Chính #deleteconfirm,
body.page-Trang_Chính #t-cite,
body.page-Trang_Chính #lastmod,
body.page-Trang_Chính #siteSub,
body.page-Trang_Chính h1.firstHeading {
display: none !important;
}
/* Đánh dấu đoạn (không hỗ trợ IE7) */
body.ns-104 div.pagetext > p:before {
content: "\00B6";
float: left;
position: relative;
left: -1em;
width: 0;
}
/*********
** Hộp thông báo chuẩn
*********/
/* CHÚ Ý PHÊ CHUẨN: những mã sau hiển thị đúng, nhưng phê chuẩn W3C không chấp nhận nó */
/* -moz-* là một phần mở rộng tùy theo nhà cung cấp (CSS 2.1 4.1.2.1) */
/* column-count lấy từ gói CSS3 "CSS Multi-column Layout" */
/* Xin hãy bỏ qua các lỗi phê chuẩn tạo ra bởi hai dòng này */
.references-2column {
font-size: 90%;
-moz-column-count: 2;
column-count: 2;
}
/* Tô sáng tham khảo được nhấn để dễ tìm */
ol.references > li:target,
sup.reference:target,
span.citation:target, cite:target {
background-color: #DEF;
}
/* Làm cho mục tham khảo trong đầu đề bảng không bị đậm hay nghiêng */
sup.reference {
font-weight: normal;
font-style: normal;
}
/* T156351: Support for Parsoid's Cite implementation */
span[ rel="mw:referencedBy" ] {
counter-reset: mw-ref-linkback 0;
}
span[ rel="mw:referencedBy" ]::before {
content: "▲ ";
}
span[ rel="mw:referencedBy" ] > a::before {
font-weight: bold;
font-style: italic;
content: counter( mw-ref-linkback, lower-vietnamese );
}
a[ rel="mw:referencedBy" ]::before {
content: "▲";
}
.mw-ref > a[data-mw-group=lower-alpha]::after {
content: '[' counter( mw-Ref, lower-alpha ) ']';
}
/* Kiểu cách cho chú thích */
span.citation, cite {
font-style: normal;
word-wrap: break-word;
}
/* Thay đổi icon */
div.dablink {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/15px-Disambig.svg.png") center left no-repeat;
background-size: 15px auto;
font-style: italic;
margin-left: 2em;
padding-left: 20px;
min-height: 12px;
}
#stub, #substub, #dich {
background: url('//upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Baustelle.svg/32px-Baustelle.svg.png') center left no-repeat;
background-size: 32px auto;
padding-left: 40px;
}
/* Đoạn âm thanh có cách phát âm */
.audiolink a{
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/12px-Loudspeaker.svg.png") center left no-repeat !important;
background-size: 12px auto !important;
padding-left: 16px !important;
padding-right: 0 !important;
}
/* Viết các trang đổi hướng bằng chữ xiên ở [[Đặc biệt:Allpages]] */
.allpagesredirect {
font-style: italic
}
/* Thay đổi màu nền cho khung Thay đổi gần đây */
#BG_wiki {
background-image: url(//upload.wikimedia.org/wikisource/it/e/e1/Wikisource-logo-sfondo.png);
}
/* Dời các liên kết không cần khi in ra trang */
@media print {
#privacy, #about, #disclaimer {display:none;}
}
/* Số có màu trong danh sách theo dõi */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */
/* Cuộn trái/phải các đoạn mã giữ nguyên khoảng cách */
@media screen {
pre { overflow: auto; }
}
/* Kiểu in cổ điển, chủ yếu vì [[Từ điển Việt–Bồ–La]] */
.classic {
font-family: 'Dac Lo', 'Junicode', 'Hoefler Text', 'Charis SIL', 'Gentium Plus', 'Georgia', serif;
-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
-moz-font-feature-settings: "cswh=1, dlig=1" /* , hist=1 */; -ms-font-feature-settings: "cswh" 1, "dlig" 1 /* , "hist" 1 */; -webkit-font-feature-settings: "cswh" 1, "dlig" 1 /* , "hist" 1 */;
font-variant-ligatures: discretionary-ligatures; /* font-variant-alternates: historical-forms; */
}
.classic p {
margin-bottom: 0;
}
#text .classic p {
text-indent: 0;
}
.classic p + p, #text .classic p + p {
margin-top: 0;
text-indent: 1.5em;
}
.classic-index p + p, #text .classic-index p + p {
padding-left: 1.5em;
text-indent: -1.5em;
}
/* Chữ Hán, chữ Nôm */
.Hani {
font-family: SimSun, PMingLiU, Song, Ming, MingLiu, HanaMinA, HanaMinB, "Arial Unicode MS", Code2000, sans-serif;
font-size: 110%;
font-style: normal;
font-weight: normal;
}
.Hans {
font-family: SimSun, FangSong, Song, Ming, MingLiu, HanaMinA, HanaMinB, "Arial Unicode MS", Code2000, sans-serif;
font-size: 110%;
font-style: normal;
font-weight: normal;
}
.Hant, .Hani:lang(vi), .Hani:lang(vi-Hani) {
font-family: "Nom Na Tong", "HAN NOM A", "HAN NOM B", "Han-Nom Kai", "Han-Nom Gothic", "Han-Nom Minh", "Han-Nom Ming", PMingLiU, Song, Ming, MingLiu, HanaMinA, HanaMinB, "Arial Unicode MS", Code2000, sans-serif;
font-size: 110%;
font-style: normal;
font-weight: normal;
}
/* {{dòngt}} */
.dongt {
color: blue;
line-height: 1.5em;
}
i i, i em, i cite, i .italic,
em i, em em, em cite, em .italic,
cite i, cite em, cite cite, cite .italic,
.italic i, .italic em, .italic cite, .italic .italic {
font-style: normal;
}
/* Thống nhất chiều dài của các dấu tab trong đoạn mã. */
.mw-highlight > pre,
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript,
pre.source-lua {
-moz-tab-size: 4; -o-tab-size: 4; tab-size: 4;
}
/* Sửa để thẻ <syntaxhighlight> cùng các trang .css và .js có cỡ chữ bình thường.
[[Bugzilla:26204]]. Xem thêm [[Wikipedia:Typography#The monospace 'bug']] */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript,
pre.source-lua {
font-family: monospace, Courier !important;
}
/* Chữ Hán dọc */
.vertical-lr {
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;
}
.vertical-rl {
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-rl;
}
.vertical-lr rt, .vertical-rl rt {
writing-mode: horizontal-tb;
}
/* Dấu ngoặc kép đúng theo ngôn ngữ */
:lang(af), :lang(ca), :lang(el), :lang(es), :lang(it) {quotes: "«" "»" "“" "”"}
:lang(ar), :lang(az), :lang(be), :lang(eu), :lang(fa), :lang(hy), :lang(uk) {quotes: "«" "»" "‹" "›"}
:lang(bg) {quotes: "„" "“" "’" "’"}
:lang(cs), :lang(de), :lang(et), :lang(ka), :lang(is), :lang(lt), :lang(sk), :lang(sl), :lang(wen) {quotes: "„" "“" "‚" "‘"}
:lang(cy), :lang(nl) {quotes: "‘" "’" "“" "”"}
:lang(da) {quotes: "»" "«" "„" "“"}
:lang(en), :lang(eo), :lang(ga), :lang(ia), :lang(id), :lang(ko), :lang(pt), :lang(th), :lang(tl), :lang(tr), :lang(vi) {quotes: "“" "”" "‘" "’"}
:lang(fi), :lang(sv) {quotes: "”" "”" "’" "’"}
:lang(fr) {quotes: "«\202F" "\202F»" "“\202F" "\202F”"}
:lang(he), :lang(hr) {quotes: "„" "”" "‚" "’"}
:lang(hu) {quotes: "„" "”" "»" "«"}
:lang(ja), :lang(zh) {quotes: "「" "」" "『" "』"}
:lang(jbo) {quotes: "lu " " li’u"}
:lang(mk) {quotes: "„" "“" "’" "‘"}
:lang(nb), :lang(nn), :lang(no) {quotes: "«" "»" "’" "’"}
:lang(pl), :lang(ro) {quotes: "„" "”" "«" "»"}
:lang(lv), :lang(ru) {quotes: "«" "»" "„" "“"}
:lang(sq) {quotes: "„" "“" "‘" "’"}
:lang(sr) {quotes: "„" "”" "’" "’"}
/**
* Icons on the top right of the article.
* See also JS
*
* @source https://www.mediawiki.org/wiki/Snippets/Top_icons
* @author Krinkle
* @version 6
*/
/* Hide without javascript */
.Top_icon_raw {
display: none;
}
/* With JavaScript */
.Top_icon_dynamic {
float: right;
padding-left: 10px;
font-size: 50%;
width: auto !important;
}
.Top_icon_raw p, .Top_icon_dynamic p {
padding: 0;
margin: 0;
}
/* Ẩn liên kết § cho những đề mục không bao giờ cần liên kết đến. */
.noarticletext .mw-headline-anchor,
.searchresults .mw-headline-anchor {
display: none;
}
/* Đánh số các danh sách theo bảng chữ cái quốc ngữ. */
/*@counter-style upper-vietnamese {
system: alphabetic;
symbols: "A" "Ă" "Â" "B" "C" "D" "Đ" "E" "Ê" "G" "H" "I" "K" "L" "M" "N" "O" "Ô" "Ơ" "P" "Q" "R" "S" "T" "U" "Ư" "V" "X" "Y";
}*/
@counter-style lower-vietnamese {
system: alphabetic;
symbols: "a" "ă" "â" "b" "c" "d" "đ" "e" "ê" "g" "h" "i" "k" "l" "m" "n" "o" "ô" "ơ" "p" "q" "r" "s" "t" "u" "ư" "v" "x" "y";
}
/* Các danh sách được xếp lồng vào nhau */
ol ol {
list-style-type: lower-alpha;
}
ol ol:lang(vi) {
list-style-type: lower-vietnamese;
}
ol ol ol, ol ol:lang(vi) ol {
list-style-type: lower-roman;
}
/* Div dựa trên kiểu "cảnh báo" của fmbox. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}
/* Các lớp mbox-small này phải đặt phía sau các lớp
ambox/tmbox/ombox v.v khács. "html body.mediawiki" để chúng có thể
ghi đè "table.ambox + table.ambox" phía trên. */
html body.mediawiki .mbox-small { /* For the "small=yes" option. */
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
margin: 4px 0 4px 1em;
box-sizing: border-box;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
html body.mediawiki .mbox-small-left { /* For the "small=left" option. */
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
/* Kiểu cho ambox nhỏ gọn*/
/* Ẩn hình */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
display: none;
}
/* Xóa biên, nền, khoảng cahcs, v.v. */
.compact-ambox table.ambox {
border: none;
border-collapse: collapse;
background-color: transparent;
margin: 0 0 0 1.6em !important;
padding: 0 !important;
width: auto;
display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
font-size: 100%;
width: auto;
margin: 0;
}
/* Kiểu của khung chữ là danh sách và xóa khoảng đệm */
.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(/w/skins/MonoBook/resources/images/bullet.gif);
}
.skin-vector .compact-ambox table .mbox-text-span {
list-style-type: disc;
list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
}
/* Cho phép ẩn chữ trong dạng nhỏ gọn */
.compact-ambox .hide-when-compact {
display: none;
}
/* Thẻ div dựa trên các thông báo fmbox kiểu "hệ thống". Dùng trong
[[MediaWiki:Noarticletext]] và [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.noarticletext,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}
/* CLEARFIX
* //stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
*
* some basic fixes for a well known bug dealing with floats & their containers
*
*/
.clearFix {
display: inline-block;
}
/* HTML Entity (decimal)   (hex)   */
.clearFix:after {
content: " ";
display: block;
height: 0;
clear: both;
overflow: hidden;
visibility: hidden;
}
.clearFix {
display: block;
}