MediaWiki:Common.css

/* CSS dùng chung cho các ngoại hình */

/* Thay logo cho Tết */
/*
.branding-box img,
img[class="mw-logo-wordmark"] {
	content: url("//upload.wikimedia.org/wikipedia/commons/0/06/Wikibooks-wordmark-red.svg");
}

img[class="mw-logo-icon"] {
	content: url("//upload.wikimedia.org/wikipedia/commons/9/93/Wikibooks-logo-red.svg");
}

img[class="mw-logo-tagline"] {
	display:none;
}
*/

/* Đổi font phù hợp cho việc đọc */
#bodyContent {
	font-family: Roboto, -apple-system, Segoe UI, sans-serif !important;
	font-size: 16px;
}


/* Không hiện tab "xóa" tại Trang Chính */

body.page-Trang_Chính #ca-delete {
  display: none !important;
}

/* Lớp wikitable/prettytable để trang trí bảng trường */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0px;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* Kiểu cách cho các "hộp thông báo" */
.notice {
    clear: both;
    text-align: justify;
    margin: 1em 0.5em;
    padding: 0.5em;
}

.meta-notice {
    border-top: 3px double #cccccc;
    border-bottom: 3px double #cccccc;
}

.meta-notice-icon {
    background: url('/favicon.ico') center left no-repeat;
    padding-left: 24px;
}

#disambig {
    background: url('//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/32px-Disambig.svg.png') center left no-repeat;
    background-size: 32px auto;
    padding-left: 40px;
}

#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: 32px auto !important;
    padding-left: 16px !important;
    padding-right: 0 !important;
}

.k-player .k-options {
    letter-spacing: -0.05em;
    text-transform: none;
    white-space: nowrap;
}

/* Kiểu cách chuẩn cho các bản mẫu ở trang thảo luận */

.Talk-Notice  {
    border: 1px solid #C0C090;
    background-color: #F8EABA;
    margin-bottom: 3px;
    width: 85%;
    border-spacing: 3px;
    margin-left: auto;
    margin-right: auto;
}

/* Viết các trang đổi hướng bằng chữ xiên ở </nowiki>[[Đặc biệt:Allpages]]<nowiki> */
.allpagesredirect {
    font-style: italic
}

/* các trang đổi hướng trong danh sách theo dõi và </nowiki>[[Đặc biệt:Allpages]]<nowiki> có màu xanh lá */
.allpagesredirect a,
.watchlistredir a  {
color:green;
}

/* Hiển thị nền bản mẫu đúng kiểu trong các trình duyệt */
.Talk-Notice td {
    background: inherit;
}

/* Kiểu cách cho các danh sách phương tiện [[Bản mẫu:Nghe]],
   [[Bản mẫu:Multi-listen start]], [[Bản mẫu:Video]], và
   [[Bản mẫu:Multi-video start]] */

div.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Gnome-speakernotes.svg/30px-Gnome-speakernotes.svg.png");
    background-size: 30px auto;
    padding-left: 40px;
}

div.videolist, div.multivideolist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Film_reel.svg/40px-Film_reel.svg.png");
    background-size: 40px auto;
    padding-left: 50px;
}

/* Kiểu cách cho các danh sách phương tiện */

div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}

div.medialist ul {
    list-style-type: none; 
    list-style-image: none;
    margin: 0;
}

div.medialist ul li {
    padding-bottom: 0.5em;
}

div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/*
  Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  [[Thành viên:Krinkle|Krinkle]] ([[Thảo luận Thành viên:Krinkle|thảo luận]]) 02:14, ngày 19 tháng 11 năm 2016 (UTC)
*/

.plainlinksneverexpand {
  background: none ! important;
  padding: 0 ! important;
}

.plainlinksneverexpand .urlexpansion {
  display : none ! important;
}

/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/w/skins/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
   [[Thành viên:Krinkle|Krinkle]] ([[Thảo luận Thành viên:Krinkle|thảo luận]]) 02:14, ngày 19 tháng 11 năm 2016 (UTC)
*/
.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

/* Kiểu cách cho bản mẫu hợp nhất */

.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    margin: 4px auto;
}

.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin-bottom: 0.5em;
   margin-left: 1em; 
   padding: .2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td, .infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.sisterproject {
   width: 22em;
}

/* Bộ lọc hình ảnh (thí dụ trên [[Trang Chính]] dùng bảng định kiểu
   cách */
*.filter-images img {
   display: none !important;
}
*.filter-images *.show-image img {
   display: block !important;
}

/* Bộ lọc liên kết bên ngoài (thí dụ trên [[Trang Chính]] dùng bảng định
   kiểu cách */
*.filter-links a.external, *.filter-links span.urlexpansion {
   display: none !important;
}
*.filter-links *.show-link a.external {
   display: inline !important;
}

/* Hỗ trợ [[Bản mẫu:IPA]], [[Bản mẫu:Unicode]], và
   [[Bản mẫu:Polytonic]]. The inherit declaration resets the font for all
   browsers except MSIE6.  The empty comment must remain. */
.IPA {
        font-family: "Chrysanthi Unicode", "Doulos SIL", Gentium, GentiumAlt, Code2000, "TITUS Cyberbit Basic", "DejaVu Sans", "Bitstream Cyberbit", "Arial Unicode MS", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "Matrix Unicode";
        font-family /**/:inherit;
}
.Unicode {
        font-family: "TITUS Cyberbit Basic", Code2000, "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Visual Geez Unicode", "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode";
        font-family /**/:inherit;
}
.polytonic {
        font-family: Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; 
        font-family /**/:inherit;
}

/* Dấu cấu trúc đựng tham số không định */
.hiddenStructure {
   display: none;
   speak: none;
}

/* Dời đường vạch dưới liên kết */
.nounderlines a { 
  text-decoration: none;
}

/* [[Bản mẫu:Hình tượng]] */
*.icon-box {
        position: relative; overflow: hidden; z-index: 2;
}
*.icon-box *.icon-link {
        position: absolute; top: 0px; left: 0px; z-index: 3;
}
*.icon-box *.icon-link a, *.icon-box *.icon-link a:hover {
        text-decoration: none;
}
*.icon-box *.icon-link span {
        float: left; cursor: hand;
}

/* Màu nền trắng thay vì xám đằng sau hình khung có vùng trong suốt */
div.thumb img.thumbimage {
    background-color: #fff;
}
 
/* Nền album hình ảnh màu xám nhạt */
#content .gallerybox div.thumb {
    background-color: #F9F9F9;
}

/* Nền "bàn cờ" đằng sau những hình có vùng trong suốt vào các trang miêu tả hình */
.gallerybox .thumb img,
.filehistory a img,
#file img {
    background: white url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
    background-size: 16px auto;
}

/* Trừ trong trang sách, trang cá nhân, chủ đề, và các trang ngoại lệ */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-102 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
    background: white;
}
 
/* Tránh trường hợp hộp nổi đè lên danh sách trang trong thể loại,
   lịch sử tập tin, và bản so sánh khi sửa đổi. */
#mw-subcategories, #mw-pages, #mw-category-media, 
#filehistory, #wikiPreview, #wikiDiff {
    clear: both;
}

/* Nổi lên các nút mở/đóng nốt trong cây thể loại. */
.CategoryTreeBullet {
    color: #0645ad;
}
.CategoryTreeEmptyBullet {
    color: #c0c0c0;
}

/* Đổi cỡ hộp sửa đổi */
/* Đây là mã CSS3 - chỉ hoạt động trong Safari hiện nay */

textarea#wpTextbox1 {
    resize: both;
}

/* Chữ xiên trong văn bản in xiên */
i i, i em, i cite,
em i, em em , em cite,
cite i, cite em, cite cite {
    font-style: normal;
}

/* Dời các liên kết không cần khi in ra trang */
@media print {
    #privacy, #about, #disclaimer {display:none;}
}

/* Số chữ được thêm hay dời */
.mw-plusminus-pos {
    color: darkgreen;
}

.mw-plusminus-neg {
    color: darkred;
}

/* Hình inline */
*.force-inline div, *.force-inline img {
    position: static !important;
    display: inline !important;
}

/* Kiểu cho các khung thông báo cấm thành viên */
div.user-block {
padding: 5px;
border: 1px solid #A9A9A9;
background-color: #FFEFD5;
}

/* Kích thước khung cho các hộp thông báo ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Kiểu cho hộp thông báo tại bài viết */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Kiểu cho hộp thông báo tại hình */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Kiểu cho hộp thông báo tại thể loại */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Kiểu cho họp thông báo ở các trang khác */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Kiểu cho hộp thông báo ở trang thảo luận */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Kiểu cho hộp định hướng và hộp chỉ số nhóm */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
}
 
/* Kiểu cho hộp thông báo ở đầu và cuối trang */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Thẻ div dựa trên các thông báo fmbox kiểu "cảnh báo". */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* 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;
}

/* Các lớp mbox-small này phải được đặt sau tất cả các lớp
   ambox/tmbox/ombox,v.v khác. "body.mediawiki" là để chúng
   đè lên "table.ambox + table.ambox" phía trên. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* làm cho các chú thích trong trang sách không làm xô lệch hàng */
.reference, .references sup {
     font-size: 80%;
     white-space: nowrap;
}

/* Giảm chiều cao các hàng có <sup> và <sub> */
sup, sub {
    line-height: 1em;
}

/* làm cho danh sách các tham khảo trong [[Bản mẫu:Tham khảo]] nhỏ hơn */
.references-small { 
    font-size: 90%;
}

/* 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;
}

/* Kiểu cách cho chú thích */
span.citation, cite {
    font-style: normal;
    word-wrap: break-word;
}

/* 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
*/
@media screen, handheld, projection {
    span.citation *.printonly, cite *.printonly {
        display: none;
    }
}

/* Cho phép các cấp độ đầu đề nào hiển thị trong Mục lục;
   ví dụ, <div class="toclimit-3">, sẽ giới hạn trong viẹc hiển thị
   ==đầu đề== và ===đầu đề=== nhưng không hiển thị các đầu đề nhỏ hơn
   (miễn là không có =đầu đề= trong trang, điều không được khuyên dùng theo như
   Cẩm nang về văn phong).
 */
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* Danh sách nội dòng */
.bvi-inline-list { display: inline; list-style: none; margin: 0; }
.bvi-inline-list > li { display: inline; margin-left: 0.5em; margin-right: 0.5em; }

/* Thanh bên */
.bvi-symbol-links {
	display: flex;
	align-items: center;
}

.bvi-symbol-links > a {
	margin-left: 1em !important;
}

/* Trang Chính */
#ViBSearch {
    background-image: url("//upload.wikimedia.org/wikibooks/vi/e/ef/H%C3%ACnh_n%E1%BB%81n_Trang_Ch%C3%ADnh.jpg");
}
li.new {
   list-style-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/b/be/Fairytale_bookmark.png/14px-Fairytale_bookmark.png");
}

/* Lớp .bvi-inline-list có lề rộng quá làm cho danh sách này dễ tràn xuống dòng */
#bvi-mp-projects li {
    margin: 0em;
}

/* Mờ các hình tượng dự án liên quan cho đến khi mang con trỏ lên chúng */
#bvi-mp-projects a {
    padding: 1em;
    -moz-opacity: 0.5; -webkit-opacity: 0.5; -o-opacity: 0.5; opacity: 0.5;
    -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear;
}
#bvi-mp-projects a:hover {
    -moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; opacity: 1;
}

/* Cuộn trái/phải các đoạn mã giữ nguyên khoảng cách */
@media screen {
   pre { overflow: auto; }
}

/* 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;
}

/* 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;
}

/* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
   [[Bugzilla:26204]]. See also [[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;
}

/* Ẩ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;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
	/* [[MediaZilla:35337]] */
	#p-logo a {
		background-size: 135px auto;
	}
	
	#disambig {
		background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/64px-Disambig.svg.png');
	}
	
	#stub, #substub, #dich {
    	background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Baustelle.svg/64px-Baustelle.svg.png');
	}
	
	.audiolink a {
    	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/24px-Loudspeaker.svg.png") !important;
	}
	
	div.listenlist {
    	background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/9/94/Gnome-speakernotes.svg/60px-Gnome-speakernotes.svg.png");
	}
	
	div.videolist, div.multivideolist {
		background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Film_reel.svg/80px-Film_reel.svg.png");
	}
	
	/* Các thời biểu EasyTimeline không có bản độ phân giải cao. */
	img[src^="//upload.wikimedia.org/wikibooks/vi/timeline"] {
		image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor;
	}
}

/* Collapsible Containers */
.collapsible { margin:0px; padding:0px; }
.collapsible .title, .collapsible tr:first-child th, .collapsible tr:first-child td { cursor:pointer; padding-right:16px; color:#4D4D4D; }
.collapsible.selected .title, .collapsible.selected tr:first-child th, .collapsible.selected tr:first-child td { color:#0645AD; }
.collapsible span.action { display:block; float:left; white-space:nowrap; text-align:left; height:16px; margin:auto 5px auto 0px; padding:0px; }
.collapsible span.action img { height:16px; width:16px; margin:0px; padding:0px; }

/* Default skin for navigation boxes */
table.navbox { border:1px solid #aaaaaa; width:100%; margin:auto; clear:both; font-size:88%; text-align:center; padding:1px; }
.navbox .collapsible{border:none;}
table.navbox + table.navbox { margin-top: -1px; }
.navbox-title, .navbox-abovebelow, table.navbox th { text-align:center; padding-left:1em; padding-right:1em; }
.navbox-group { white-space:nowrap; text-align:right; font-weight:bold; padding-left:1em; padding-right:1em; }
.navbox, .navbox-subgroup { background:#fdfdfd; }
.navbox-list { border-color:#fdfdfd; }
.navbox-title, table.navbox th { background:#ccccff; }
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; }
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
.navbox-even { background: #f7f7f7; }
.navbox-odd { background: transparent; }

/* Navigation Tabs */
.navtabs .tabs li { list-style:none; }
.navtabs .tabs a { text-decoration:none; text-transform:uppercase; outline-width:0px; font-size:x-small; font-weight:bold; color:black; } 
.navtabs .tabs .inactive { background:#bbb; padding:1ex; }
.navtabs .tabs .selected { background:#999; padding:1.1ex; }
.navtabs .tabs .inactive:hover { background:#f75; }
.navtabs .contents { padding:1ex; border:3px solid #999; }

/* Workaround pending completion of T241683*/
#coll-create_a_book {
	display: none;
}

/*TabberNeue*/
.tabber {
        position: relative;
        display: flex;
        overflow: hidden;
        flex-direction: column;
    }
    
    .tabber__tabs {
        display: flex;
        overflow: auto hidden;
        box-shadow: inset 0 -1px 0 0 #a2a9b1;
        scrollbar-width: none;
    }
    
    .tabber__tabs::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    
    .tabber__section {
        display: grid;
        overflow: hidden;
        block-size: 100%;
        grid-auto-columns: 100%;
        grid-auto-flow: column;
    }
    
    .tabber__header {
        position: relative;
        display: flex;
        flex-shrink: 0;
        min-block-size: fit-content;
    }
    
    .tabber__header__prev {
        left: 0;
    }
    
    .tabber__header__next {
        right: 0;
    }
    
    .tabber__header__prev,
    .tabber__header__next {
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        display: none;
        width: 20px;
        border-radius: 4px;
        cursor: pointer;
    }
    
    .tabber__header__prev:after,
    .tabber__header__next:after {
        position: absolute;
        top: 0;
        bottom: 0;
        width: inherit;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 14px;
        content: '';
    }
    
    .tabber__header--prev-visible .tabber__tabs {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%);
    }
    
    .tabber__header--next-visible .tabber__tabs {
        -webkit-mask-image: linear-gradient(90deg, #000 80%, transparent);
    }
    
    .tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    }
    
    .tabber__header--prev-visible .tabber__header__prev,
    .tabber__header--next-visible .tabber__header__next {
        display: block;
    }
    
    .tabber__header,
    .tabber__section {
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }
    
    .tabber__header::-webkit-scrollbar,
    .tabber__section::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
    
    .tabber__tab {
        display: inline-flex;
        align-items: center;
        padding: 5px 12px;
        color: #54595d;
        font-weight: bold;
        scroll-snap-align: start;
        text-decoration: none;
        white-space: nowrap;
    }
    
    .tabber__tab:visited {
        color: #54595d;
    }
    
    .tabber__tab:hover,
    .tabber__tab:active,
    .tabber__tab:focus {
        text-decoration: none;
    }
    
    .tabber__tab--active,
    .tabber__tab--active:visited {
        box-shadow: inset 0 -2px 0 0 #36c;
        color: #36c;
    }
    
    .tabber__panel {
        height: max-content !important;
        block-size: 100%;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-snap-align: start;
    }
    
    @media (hover: hover) {
        .tabber__tab:hover {
            box-shadow: inset 0 -2px 0 0 #447ff5;
            color: #447ff5;
        }
        .tabber__tab:active {
            box-shadow: inset 0 -2px 0 0 #2a4b8d;
            color: #2a4b8d;
        }
        .tabber__header__prev:hover,
        .tabber__header__next:hover {
            background-color: rgba(0, 24, 73, 0.03);
        }
        .tabber__header__prev:active,
        .tabber__header__next:active {
            background-color: rgba(0, 24, 73, 0.05);
        }
    }
    
    @media (prefers-reduced-motion: no-preference) and (min-width: 720px) {
        .tabber__header,
        .tabber__section,
        .tabber__tabs {
            scroll-behavior: smooth;
        }
    }

.tabber__header__next:after {
    background-image: linear-gradient(transparent,transparent),url(//upload.wikimedia.org/wikipedia/commons/8/8e/OOjs_UI_icon_next-ltr.svg);
}
.tabber__header__prev:after {
    background-image: linear-gradient(transparent,transparent),url(//static.miraheze.org/bookswiki/f/f4/Previous-ltr.svg);
}

.mf-mobile-only {
    display: none;
}

/* Thụt lề đầu dòng */

.prose {
   width: 100%;
   margin: 0 auto;
   text-align: justify;
}
.prose p {
   text-indent: 2em;
}

.gallerytext p {
	text-indent: 0;
}

/* Chỉnh phông chữ thanh dính đầu trang */

.vector-sticky-header-context-bar-primary {
	font-family: Palatino Linotype, 'Times', serif;
}