MediaWiki:Common.css

/* CSS dùng chung cho các skin */

/* 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
   Mã nguồn gốc của [[fr:Utilisateur:Antaya/Infobox V2]] */
.infobox {
	background: #f9f9f9;
	color: black;
	font-size: 90%;
	line-height: 1.1em;
	float: right;
	clear: right;
	margin: 0 0 .5em 1em;
	width: 280px;
	border: 1px solid #aaa;
	padding: 0;
}

/* Dành 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: 5px;
}

/* Kiểu dáng cho các danh sách ngang
 * @nguồn mediawiki.org/wiki/Snippets/Horizontal_lists
 * @bản 6 (2014-05-09)
 * @tác giả [[:en:User:Edokter]] */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Hiện các yếu tố trong danh sách cùng dòng */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}

/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.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: " · ";
    content: "\00A0· ";
    font-weight: bold;
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}

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

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

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li:before {
	content: " " counter(listitem) " ";
	white-space: nowrap;
}

.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) " ";
}

/* Unbulleted lists */
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}

.plainlist ul li {
	margin-bottom: 0;
}

/* Kiểu dáng cho hộp điều hướng */
.navbox {
	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;
	line-height: 1.5em;
	text-align: center;
}

th.navbox-group {
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}

.navbox,
.navbox-subgroup {
	background: #fdfdfd;
}

.navbox-list {
	line-height: 1.8em;
	border-color: #fdfdfd;
}

.navbox th,
.navbox-title {
	background: #ccccff;
}

.navbox-abovebelow,
th.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;
}

table.navbox + table.navbox {
	margin-top: -1px;
}

.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;
}

ol + table.navbox,
ul + table.navbox {
	margin-top: 0.5em;
}

/* 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, bởi thành viên Mxn */
table.collapsible tr th.collapsible-header, div.NavFrame div.NavHead {
	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 !important;
	background-position: center !important;
	background-size: auto 200% !important;
	
	background-image: -moz-linear-gradient(top,
		rgba(255, 255, 255, 0.8) 0%,
		rgba(255, 255, 255, 0) 80%,
		transparent 100%) !important; /* 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)) !important; /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top,
		rgba(255, 255, 255, 0.8) 0%,
		rgba(255, 255, 255, 0) 80%,
		transparent 100%) !important; /* 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%) !important; /* Presto 2.8+ */
	background-image: -icab-linear-gradient(top,
		rgba(255, 255, 255, 0.8) 0%,
		rgba(255, 255, 255, 0) 80%,
		transparent 100%) !important; /* 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)) !important; /* KHTML? */
	background-image: -ms-linear-gradient(top,
		rgba(255, 255, 255, 0.8) 0%,
		rgba(255, 255, 255, 0) 80%,
		transparent 100%) !important; /* Trident 6.0+ */
	background-image: linear-gradient(to bottom,
		rgba(255, 255, 255, 0.8) 0%,
		rgba(255, 255, 255, 0) 80%,
		transparent 100%) !important; /* CSS 3 */
}

table.collapsible tr th.collapsible-header:hover, div.NavFrame div.NavHead:hover {
	background-size: auto 100% !important;
	-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-parser-output .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%;
}

/*  Định nghĩa class "plainlinksneverexpand" */
.plainlinksneverexpand {
	background: none ! important;
	padding: 0 ! important;
}

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

/* Liên kết ngoài dùng class "plainlinksneverexpand" không có mũi tên */
.plainlinksneverexpand a {
   background: none !important;
   padding: 0 !important
}

.plainlinksneverexpand a.external.text:after,
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

@media print {
	.navbox {
		display: none;
	}
}

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

/* Nút Lưu đậm */
#wpSave {
	font-weight: bold;
}

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

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

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

/* Danh sách nội dòng */
.qvi-inline-list {
	display: inline;
	list-style: none;
	margin: 0;
}

.qvi-inline-list > li {
	display: inline;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/* Mờ các hình tượng dự án liên quan cho đến khi mang con trỏ lên chúng, bởi thành viên Mxn */
#qvi-mp-projects li {
    margin: 0em;
}

#qvi-mp-projects li {
	padding: 0.5em 1em !important;
	width: auto !important;
	height: auto !important;
}
 
#qvi-mp-projects a {
	width: 60px;
	height: 60px;
	margin: -0.5em -1em;
	padding: 0.5em 1em;
	-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;
}
 
#qvi-mp-projects:hover a {
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
 
#qvi-mp-projects a:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

/* Thay đổi để hiển thị rõ nhóm số hiển thị số ký tự thay đổi.
   Các thay đổi bao gồm trang Thay đổi gần đây, Đóng góp và Trang theo dõi. */
.mw-plusminus-pos {
	color: #00B000;
}
.mw-plusminus-neg {
	color: #FF2050;
}
.mw-plusminus-null {
	color: #999;
}

/* Quy định thay thế biểu trưng rõ hơn trên các màn hình có độ phân giải cao hơn */
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
	/* [[MediaZilla:35337]] */
	#p-logo a {
		background-size: 150px auto;
	}
}

/* Kích thước khung cho các hộp thông báo */
th.mbox-text, td.mbox-text {
	border: none;
	padding: 0.25em 0.9em;
	width: 100%;
}

td.mbox-image {
	border: none;
	padding: 2px 0 2px 0.9em;
	text-align: center;
}

td.mbox-imageright {
	border: none;
	padding: 2px 0.9em 2px 0;
	text-align: center;
}

td.mbox-empty-cell {
	border: none;
	padding: 0;
	width: 1px;
}

/* Font chữ serif tiếng Việt cho tiêu đề h1, h2
 * For attribution: [[:w:vi:MediaWiki:Common.css]]
 */
.mw-body #firstHeading,
.mw-body h1,
.mw-body h2,
.oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title, .oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title {
    font-family: "Linux Libertine", "Palatino Linotype", "EB Garamond", "Times New Roman", "Times", serif;
}

/* T156351: Support for Parsoid's Cite implementation */
a[ rel="mw:referencedBy" ]::before {
    font-weight: bold;
    content: "^";
}
span[ rel="mw:referencedBy" ]::before {
    content: "^ "; 
}