𨀈𬧐內容

恪別𡧲版𢯢𢷮𧵑「MediaWiki:Common.css」

MediaWiki:Common.css (䀡碼源)

番版𣅶16:17、𣈜17𣎃1𢆥2014

40.718 bytes added 、 𣈜17𣎃1𢆥2014
no edit summary
空固𥿂略𢯢𢷮
空固𥿂略𢯢𢷮
𣳔425： 𣳔425：
}
}


/* Cited from Vietnamese Wikipedia */
/* CSS dùng chung cho các skin */
/* Kiểu cách cho thông báo */
#bodyContent .letterhead {
background-image:url('//upload.wikimedia.org/wikipedia/commons/e/e0/Tan-page-corner.png');
background-size: 80px auto;
background-repeat:no-repeat;
padding: 2em;
background-color: #faf9f2;
}
/* Kiểu chữ bình thường cho các đầu hàng bảng có thuộc tính scope="row" */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}
/* Các danh sách trong ô dữ liệu luôn được căn bên trái */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}
/* …trừ khi cũng có lớp hlist */
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}
/* Kiểu cho các bản mẫu hộp thông tin */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.35em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    /* @noflip */
    text-align: left;
    font-size: 90%;
    line-height: 1.4em;
    min-width: 290px;
max-width: 325px;
word-wrap: break-word;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox th[scope="row"] {
max-width: 140px;
word-wrap: normal;
}
.infobox th[scope=col].double {
text-align: left;
}
.infobox th[scope=row] {
text-align: left;
vertical-align: top;
padding-right: 0.8em;
/* width: 30%; */
width: 8em;
}
.infobox th[scope=row],
.infobox td {
padding-top: 4px;
vertical-align: top;
}
.infobox th[scope=row].middle {
vertical-align: middle;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
.infobox td.data {
text-align: center;
}
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
/* Kiểu cho hộp phân loại */
.infobox.taxobox th[scope=row] {
  text-align: left;
  vertical-align: top;
  width: 10em;
}
/* Kiểu cho infobox road */
.infobox.road th[scope=row] {
  text-align: left;
  vertical-align: top;
  width: 5em;
}
/* Kiểu cho infobox có bản đồ đường sắt */
.infobox.railway {
  background: #F9F9F9;
  border: 1px solid #AAA;
  clear: right;
  float: right;
  line-height: 1.4em;
  font-size: 0.9em;
  max-width: 750px;
  margin: 0 0 0.5em 1em;
  word-wrap: break-word;
}
.infobox.railway th[scope=row],
.infobox.railway td {
  padding-top: 0px;
  vertical-align: top;
}
/* Kiểu cho các infobox có viền và các hàng được nhập với nhau */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    /* @noflip */
    border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}
/* Kiểu cho các infobox địa lý, v.d. quốc gia, các đơn vị hành chính. */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}
.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}
/* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */
.flowlist ul {
    overflow-x: hidden;
    margin-left: 0em;
    padding-left: 1.6em;
}
.flowlist ol {
    overflow-x: hidden;
    margin-left: 0em;
    padding-left: 3.2em;
}
.flowlist dl {
    overflow-x: hidden;
}
/* Style for horizontal lists (separator following item).
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
  @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;
    white-space: nowrap;
}
/* 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 */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: " (";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: list-item;
}
.hlist ol > li {
    counter-increment: list-item;
}
.hlist ol > li:before {
    content: " " counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(list-item) " ";
}
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {            /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
/* Default styling for Navbar template */
.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;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
  from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
/* Bật sáng lên đầu đề bảng mở/đóng khi rê chuột lên. */
table.collapsible tr th.collapsible-header {
cursor: default;
-moz-transition: background-size 0.2s linear 0.1s;
    -webkit-transition: background-size 0.2s linear 0.1s;
    -o-transition: background-size 0.2s linear 0.1s;
    -ms-transition: background-size 0.2s linear 0.1s;
    transition: background-size 0.2s linear 0.1s;
   
    background-repeat: repeat-x;
    background-position: center;
    background-size: auto 200%;
   
background-image: -moz-linear-gradient(top,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* Gecko 1.9.2+ */
    background-image: -webkit-gradient(linear, left top, left bottom,
      from(rgba(255, 255, 255, 0.8)),
      color-stop(80%, rgba(255, 255, 255, 0)),
      to(transparent)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* Chrome 10+, Safari 5.1+ */
    background-image: -o-linear-gradient(top,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* Presto 2.8+ */
    background-image: -icab-linear-gradient(top,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* iCab? */
    background-image: -khtml-linear-gradient(linear, left top, left bottom,
      from(rgba(255, 255, 255, 0.8)),
      color-stop(rgba(255, 255, 255, 0)),
      to(transparent)); /* KHTML? */
    background-image: -ms-linear-gradient(top,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* Trident 6.0+ */
    background-image: linear-gradient(to bottom,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%); /* CSS 3 */
}
table.collapsible tr th.collapsible-header:hover {
    background-size: auto 100%;
   
-moz-transition: background-size 0.1s linear;
    -webkit-transition: background-size 0.1s linear;
    -o-transition: background-size 0.1s linear;
    -ms-transition: background-size 0.1s linear;
    transition: background-size 0.1s linear;
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}
/* Bảng điều khiển chuẩn, lấy từ .de, để dấu các thông tin trong hộp
  Chi tiết tại [[:en:Wikipedia:NavFrame]]. */
div.NavFrame {
    margin: 0;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
}
div.NavPic {
    background-color: #fff;
    margin: 0;
    padding: 2px;
    /* @noflip */
    float: left;
}
div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    background-color: #ccf;
    position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
    font-size: 100%;
}
div.NavEnd {
    margin: 0;
    padding: 0;
    line-height: 1px;
    clear: both;
}
a.NavToggle {
    position: absolute;
    top: 0;
    /* @noflip */
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
/* 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;
}
/* #spoiler {
    border-top: 2px solid #ddd;
    border-bottom:2px solid #ddd;
} */
/* Đ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;
}
.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
}
/* 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.
  ~~~~
*/
.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
  //en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
  ~~~~
*/
.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;
}
/* 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,
.IPA a:link, .IPA a:visited {
    text-decoration: none !important;
}
/* [[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 bài viết, trang cá nhân, chủ đề, và các trang ngoại lệ */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
    background: white;
}
/* Tránh trường hợp hộp nổi đè lên danh sách bài 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;
}
/* Đổi cỡ hộp sửa đổi */
/* Đây là mã CSS3 - chỉ hoạt động trong Safari hiện nay */
textarea#wpTextbox1 {
    resize: both;
}
/* 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;
}
/* [[Bản mẫu:Chính]], [[Bản mẫu:Bài chính thể loại]] */
.section-detail, div.catmore {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Searchtool-80%25.png/15px-Searchtool-80%25.png") top left no-repeat;
    background-size: 15px auto;
    padding-left: 20px;
    min-height: 15px;
}
/* [[Bản mẫu:Dablink]], [[Bản mẫu:Otheruses]], v.v. */
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;
}
/* [[Bản mẫu:Bài chính thể loại]] */
div.catmore {
    margin-left: 2em;
}
/* 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;
}
/* Quy định kiểu dáng cho các bản mẫu thông báo */
table.ambox {
    margin: 0 10%;
    border-collapse: collapse;
    background-color: #fbfbfb;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size: 95%;
}
table.ambox th.ambox-text, table.ambox td.ambox-text {
    padding: 0.25em 0.5em; /* 0.5em left/right */
    width: 100%; /* Để các bản mẫu cùng kích thước */
}
table.ambox td.ambox-image {
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;
}
table.ambox td.ambox-imageright {
    padding: 2px 0.5em 2px 0;  /* 0px left, 0.5em right */
    text-align: center;
}
table.ambox-notice {border-top: 5px solid #608EC2}  /* Xanh lam */
table.ambox-protection {border-top: 5px solid #bba} /* Xám */
table.ambox-delete,
table.ambox-serious {border-top: 5px solid #b22222} /* Đỏ */
table.ambox-content {border-top: 5px solid #f28500} /* Cam */
table.ambox-style {border-top: 5px solid #f4c430}  /* Vàng*/
table.ambox-move,
table.ambox-merge {border-top: 5px solid #8c08a4}  /* Tím */
table.ambox-growth {border-top: 5px solid #47a30d}  /* Xanh lục */
table.ambox-license {border-top: 5px solid #88a;    /* Xám đậm */ background: #f7f8ff;  /* Xám nhạt */ }
table.ambox-featured {border-top: 5px solid #cba135}  /* Brown-gold */
   
table.ambox.ambox-mini {
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
/* 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 bài 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;
    }
}
/* Tọa độ địa lý
Để hiển thị tọa độ địa lý dùng cách ghi chú trong mã nguồn, hãy thêm dòng sau vào trang Thành viên:Tênthànhviên/monobook.css:
  .geo-default { display: inline } .geo-nondefault { display: none }
  .geo-dec { display: inline } .geo-dms { display: inline }
Để hiển thị tọa độ địa lý dùng cách ghi chú thập phân, hãy thêm dòng sau vào trang Thành viên:Tênthànhviên/monobook.css:
  .geo-default { display: inline } .geo-nondefault { display: inline }
  .geo-dec { display: inline } .geo-dms { display: none }
Để hiển thị tọa độ địa lý dùng cách ghi chú kiểu DMS, hãy thêm dòng sau vào trang Thành viên:Tênthànhviên/monobook.css:
  .geo-default { display: inline } .geo-nondefault { display: inline }
  .geo-dec { display: none }  .geo-dms { display: inline }
Để hiển thị tọa độ địa lý dùng cách ghi chú kiểu DMS lẫn thập phân, hãy thêm dòng sau vào trang Thành viên:Tênthànhviên/monobook.css:
  .geo-default { display: inline } .geo-nondefault { display: inline }
  .geo-dec { display: inline }  .geo-dms { display: inline }
  .geo-multi-punct { display: inline }
Xem [[Bản mẫu:Coor link]] để xem cách dùng.
Lưu ý các lớp "geo", "longitude", và "latitude" không chỉ là các kiểu cách trình bày mà còn được [[vi định dạng Geo]] sử dụng, do đó không nên đổi tên.
*/
.geo-default { display: inline; }
.geo-nondefault { display: none; }
.geo-dms { display: inline; }
.geo-dec { display: inline; }
.geo-multi-punct { display: none; }
.longitude, .latitude {
    white-space: nowrap;
}
/* Dùng cho vi định dạng Geo (Geo microformat), hiện chưa cần kiểu nào ngoại trừ .geo-dec. */
.geo { }
/***** hết các kiểu cách cho tọa độ địa lý */
/* 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; }
/* 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 cách cho Bản mẫu:Quote */
blockquote.templatequote {
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}
/* Thông báo cấm thành viên */
div.user-block {
    padding: 5px;
    margin-bottom: 0.5em;
    border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
/* Tránh ngắt đoạn ở những trường hợp ngớ ngẩn:
  1) Muốn vậy
  2) Liên kết khi chúng ta không muốn
  3) In đậm "liên kết" trong chính trang đó
  4) Hàm thức HTML
  5) Thẻ ref với tên nhóm <ref group="Note"> --> "[Note 1]"
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
    white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}
/* Cho tài liệu bản mẫu */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}
/* Kiểu cách cho thẻ Bộ lọc Sai phạm */
.mw-tag-markers {
    font-family:sans-serif;
    font-style:italic;
    font-size:90%;
}
/* Ẩn những nội dung chỉ cho bảo quản viên biết. Hãy viết tương tự trong
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-accountcreator.css]], và
  [[Mediawiki:Group-autoconfirmed.css]].
*/
.sysop-show,
.accountcreator-show,
.autoconfirmed-show {
    display: none;
}
/**
* Hide the redlink generated by {{Editnotice}},
* this overrides the ".sysop-show { display: none; }" above that applies
* to the same link as well.
*/
.ve-init-mw-viewPageTarget-toolbar-editNotices-notice .editnotice-redlink {
    display: none !important;
}
/* Không có thanh ngang trên mác trang đăng nhập */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label {
    white-space: nowrap;
}
/* Disable the automatic text-size adjust of WebKit on iPhones etc.
  It scales some text, and not the other. Use none, or fixed percentage instead.
  Use media selector, because defining a value, overwrites platform defaults. */
@media only screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
/* Biểu đồ Pie thử nghiệm: Viền trong suốt */
.transborder {
    border: solid transparent;
}
* html .transborder {  /* IE6 */
    border: solid #000001;
    filter: chroma(color=#000001);
}
/* Kiểu cách cho đánh dấu cập nhật trong trang theo dõi và lịch sử trang */
span.updatedmarker {
    background-color: transparent;
    color: #006400;
}
strong.mw-watched a {
    font-weight: bold
}
/* Danh sách tham khảo nhỏ hơn */
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;          /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;          /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}
/* Thống nhất chiều dài của các dấu tab trong đoạn mã. */
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript,
pre.source-lua,
.diffchange {
    -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;
}
/* Bao quanh thẻ <code> bằng một khung nhằm tách biệt mã ví dụ với nền chữ thông thường */
code {
  border: 1px solid #ddd;
  padding: 1px 4px;
  border-radius: 2px;
}
/* Ẩn các phần [[MediaWiki:Newarticletext]] không phù hợp với trình soạn thảo trực quan */
.ve-init-mw-viewPageTarget-toolbar .novisualeditor,
.ve-init-mw-viewPageTarget-toolbar #wdsearch_container {
display: none !important;
}
#sandbox-intro {
    background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/38/Mypaint-icon.svg/48px-Mypaint-icon.svg.png");
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: 48px auto;
    padding: 1.5em 0 1.5em 72px;
}
.sandbox {
background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 30px, rgba(37, 37, 37, 0.03) 30px, rgba(37, 37, 37, 0.03) 60px);
background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 30px, rgba(37, 37, 37, 0.03) 30px, rgba(37, 37, 37, 0.03) 60px);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 30px, rgba(37, 37, 37, 0.03) 30px, rgba(37, 37, 37, 0.03) 60px);
}
@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-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Wikipedia-logo-v2-vi.svg/270px-Wikipedia-logo-v2-vi.svg.png") !important;
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");
}
.section-detail, div.catmore {
    background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/1a/Searchtool-80%25.png/30px-Searchtool-80%25.png");
}
div.dablink {
    background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/7/72/Disambig.svg/30px-Disambig.svg.png");
}
#sandbox-intro {
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/38/Mypaint-icon.svg/96px-Mypaint-icon.svg.png");
}
/* Các thời biểu EasyTimeline không có bản độ phân giải cao. */
img[src^="//upload.wikimedia.org/wikipedia/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;
}
}




𥙩自「http://www.hannom-rcv.org/wi/index.php/特別:MobileDiff/1603」