MediaWiki:Common.css

@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) &#8199;  (hex) &#x2007; */
.clearFix:after {
	content: "&#8199;";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearFix {
	display: block;
}