https://www.tunguyentiengviet.com/api.php?action=feedcontributions&feedformat=atom&user=Admin
Từ nguyên Tiếng Việt - Đóng góp của người dùng [vi]
2026-06-01T03:04:50Z
Đóng góp của người dùng
MediaWiki 1.45.1
https://www.tunguyentiengviet.com/index.php?title=M%E1%BA%AFt&diff=18010
Mắt
2026-04-30T05:15:54Z
<p>Admin: </p>
<hr />
<div># {{etym|Proto-Mon-Khmer|/*mat{{ref|sho2006}}/|}}{{cog|{{list|{{w|Old Mon|{{nb|/mɔt/}}}}|{{w|Mon|{{rubyM|မတ်|/mat/}}}}|{{w|Bahnar|măt}}|{{w|Pacoh|/mát/}}|{{w|Khasi|{{nb|/'mat}} ~ {{nb|khmat/}}}}|{{w|Khmu|/mat/}}|{{w|Mang|/mat⁷/}}|{{w|Santali|{{rubyM|ᱢᱮᱫ|/met’/}}}}}}}} → {{etym|Proto-Vietic|/*mat{{ref|fer2007}}/|}}{{cog|{{list|{{w|Muong|măt, mắt}}|{{w|Tho|/mat⁸/}} (Cuối Chăm)|{{w|Thavung|mát}}|{{w|Chứt|/mə̆àt⁸/}}|{{w|Pong|/mat/}}|{{w|Maleng|/mat⁷/}} (Bro)|{{w|Maleng|/mɐt⁸/}} (Khả Phong)}}}}{{nombook|ants|{{ruby|末|mạt}} {{nb|/mat/}}}} cơ quan dùng để nhìn của động vật; {{chuyển}} những vật thể có hình dạng giống con mắt <br />
#: '''mắt''' phượng [[mày]] [[ngài]]<br />
#: [[bé]] như [[cái]] '''mắt''' [[muỗi]]<br />
#: '''mắt''' [[khoai]] tây<br />
#: '''mắt''' [[dứa]]<br />
#: '''mắt''' [[lưới]]<br />
{{gal|1|Tabby cat with blue eyes-3336579.jpg|Mắt mèo}}<br />
{{notes}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18009
MediaWiki:Common.css
2026-04-30T05:12:50Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray!important;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img {<br />
filter: invert(1);<br />
}<br />
.skin-theme-clientpref-night .reference a, .skin-theme-clientpref-night .notelistalpha .references>li::marker, .skin-theme-clientpref-night .cognates .references>li:before {<br />
color: forestgreen;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18008
MediaWiki:Common.css
2026-04-30T05:11:54Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img {<br />
filter: invert(1);<br />
}<br />
.skin-theme-clientpref-night .reference a, .skin-theme-clientpref-night .notelistalpha .references>li::marker, .skin-theme-clientpref-night .cognates .references>li:before {<br />
color: forestgreen;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18007
MediaWiki:Common.css
2026-04-30T03:54:22Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, .vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}<br />
.skin-theme-clientpref-night .reference a, .vector-feature-night-mode-enabled .reference a, .skin-theme-clientpref-night .notelistalpha .references>li::marker, .vector-feature-night-mode-enabled .notelistalpha .references>li::marker, .skin-theme-clientpref-night .cognates .references>li:before, .vector-feature-night-mode-enabled .cognates .references>li:before {<br />
color: forestgreen;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18006
MediaWiki:Common.css
2026-04-30T03:51:27Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, .vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}<br />
.skin-theme-clientpref-night .reference a, .vector-feature-night-mode-enabled .reference a, .skin-theme-clientpref-night .notelistalpha .references>li::marker, .vector-feature-night-mode-enabled .notelistalpha .references>li::marker {<br />
color: forestgreen;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18005
MediaWiki:Common.css
2026-04-30T03:47:42Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18004
MediaWiki:Common.css
2026-04-30T03:46:57Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: unset!important<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18003
MediaWiki:Common.css
2026-04-30T03:45:56Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element .video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=18002
MediaWiki:Common.js
2026-04-30T03:38:43Z
<p>Admin: </p>
<hr />
<div>// Example columns<br />
function excol() {<br />
var dl = document.getElementsByTagName('dl');<br />
var maxwidth = 0;<br />
var cnt = 0;<br />
for (var i = 0; i < dl.length; i++) {<br />
cnt = 0;<br />
var dd = dl[i].getElementsByTagName('dd');<br />
for (j = 0; j < dd.length; j++) {<br />
dd[j].style.setProperty('min-width', 'max-content');<br />
dd[j].style.setProperty('column-span', 'unset');<br />
if (dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) > dl[i].clientWidth / 2) {<br />
dd[j].style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd[j].style.setProperty('column-span', 'all');<br />
}<br />
if (maxwidth < dd[j].clientWidth && dd[j].style.minWidth != 'calc(100% - 1.6em)') {<br />
maxwidth = dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) + 5;<br />
}<br />
console.log(maxwidth);<br />
cnt++;<br />
}<br />
if (cnt >= 6 && maxwidth * 3 < dl[i].clientWidth) {<br />
dl[i].style.columns = 3<br />
} else if (cnt >= 6 && maxwidth * 2 < dl[i].clientWidth && maxwidth * 3 > dl[i].clientWidth) {<br />
dl[i].style.columns = 2<br />
} else {<br />
dl[i].style.columns = 1<br />
} <br />
}<br />
}<br />
<br />
// Cognates columns<br />
function cogcol() {<br />
var cognates = document.querySelectorAll('.cognates ul');<br />
for (var c = 0; c < cognates.length; c++) {<br />
var widest = null;<br />
var widestwidth = 0;<br />
var coglis = cognates[c].querySelectorAll('li');<br />
for (var l = 0; l < coglis.length; l++) {<br />
if (widest == null) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
} else if (widestwidth < coglis[l].clientWidth) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
}<br />
}<br />
<br />
if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 3 + 10 && cognates[c].querySelectorAll('li').length > 7) {<br />
cognates[c].style.columnCount = 3;<br />
} else if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 2 + 10 && cognates[c].querySelectorAll('li').length > 4) {<br />
cognates[c].style.columnCount = 2;<br />
} else {<br />
cognates[c].style.columnCount = 1;<br />
}<br />
}<br />
}<br />
excol();<br />
cogcol();<br />
window.addEventListener('resize', () => {<br />
cogcol();<br />
excol();<br />
})<br />
<br />
if (document.querySelector('.notelistalpha') != null && document.querySelector('.notelistalpha').childElementCount < 2) { document.querySelector('.notelistalpha').style.visibility = 'hidden' };<br />
<br />
// Wikipedia links<br />
var wlinks = document.getElementsByClassName('extiw');<br />
for (var i = 0; i < wlinks.length; i++) {<br />
wlinks[i].title = wlinks[i].title.replace('wikipedia:vi:', '')<br />
}<br />
<br />
// CTRL + shortcuts<br />
document.addEventListener("keydown", function(e) {<br />
if (e.key === 's' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Save changes"]').click();<br />
};<br />
if (e.key === 'p' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Show preview"]').click();<br />
};<br />
if (e.key === 'e' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('a[accesskey="e"]').click();<br />
};<br />
if (e.key === 'r' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="r"]').click();<br />
};<br />
if (e.key === 'g' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="g"]').click();<br />
};<br />
}, false);<br />
<br />
// Remove space before citation<br />
var citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
if (citerefs.length > 0) {<br />
for (var i = 0; i < citerefs.length; i++) {<br />
if (citerefs[i].childNodes[0].textContent == ' ') {<br />
citerefs[i].childNodes[0].textContent = '';<br />
}<br />
}<br />
citerefs[0].parentElement.innerHTML = citerefs[0].parentElement.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
<br />
// Line-break arrows<br />
var entries = '';<br />
if (window.location.href.search('index.php') < 0 && window.location.href.lastIndexOf(':') == 5) {<br />
entries = document.querySelector('ol').querySelectorAll('li');<br />
for (i = 0; i < entries.length; i++) {<br />
if (entries[i].innerHTML.match(/> →/g) != null) {<br />
var entry = entries[i].innerHTML.split('> →');<br />
entries[i].innerHTML = '';<br />
entries[i].innerHTML += entry[0] + 'b>';<br />
for (j = 1; j < entry.length - 1; j++) {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + (j + 1) + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[j] + '></span>';<br />
}<br />
if (entry[entry.length - 1].search('dl') > -1 && entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).slice(entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).length - 2) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].split('<dl')[0].slice(entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ') + 1) + '</span><dl' + entry[entry.length - 1].split('<dl')[1];<br />
} else if (entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') - 2, entry[entry.length - 1].lastIndexOf(' ')) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].slice(0, entry[entry.length - 1].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') + 1) + '</span>';<br />
} else {<br />
entries[0].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1]<br />
}<br />
}<br />
}<br />
}<br />
// Remove double spaces & replace Word Connectors * replace → arrow<br />
if (window.location.href.indexOf('MediaWiki') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' &gt; ', '<con> &gt; </con>').replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
<br />
// Zoom Videos<br />
var zoombtn = document.getElementsByClassName("enlarge");<br />
for (var i = 0; i < zoombtn.length; i++) {<br />
zoombtn[i].setAttribute("onclick", "enlarge(" + i + ")");<br />
zoombtn[i].setAttribute("title", "Phóng to");<br />
}<br />
var video = document.querySelectorAll('[title="Play video"]');<br />
<br />
function enlarge(vid) {<br />
video[vid].width *= 2;<br />
video[vid].height *= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "smaller(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}<br />
<br />
function smaller(vid) {<br />
video[vid].width /= 2;<br />
video[vid].height /= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "enlarge(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}<br />
<br />
// Display zoomed text<br />
var ht = document.getElementsByClassName('Hani');<br />
if (ht.length > 0) {<br />
for (var i = 0; i < ht.length; i++) {<br />
ht[i].innerHTML = '<div class="tttext">' + ht[i].innerHTML + '<span class="ttzoom"> ' + ht[i].innerHTML + '</span></div>';<br />
}<br />
}<br />
var hc = document.getElementsByClassName('notHani');<br />
if (hc.length > 0) {<br />
for (var i = 0; i < hc.length; i++) {<br />
hc[i].innerHTML = '<div class="tttext">' + hc[i].innerHTML + '<span class="ttzoom"> ' + hc[i].innerHTML + '</span></div>';<br />
}<br />
}<br />
<br />
// Zoomed text to left if overflow<br />
var ttzoom = document.querySelectorAll('.ttzoom')<br />
for (tt = 0; tt < ttzoom.length; tt++) {<br />
if (ttzoom[tt].getBoundingClientRect().right + 20 > window.innerWidth) {<br />
ttzoom[tt].style.left = '-800%'<br />
}<br />
}<br />
// Hide empty ruby text<br />
var rt = document.getElementsByTagName('rt');<br />
if (rt.length > 0) {<br />
for (var i = 0; i < rt.length; i++) {<br />
if (rt[i].innerText == '') { rt[i].style.display = 'none' };<br />
}<br />
}<br />
<br />
<br />
// Replace textimg<br />
var textimg = document.querySelectorAll('[class*="textimg"]');<br />
if (textimg.length > 0) {<br />
for (var i = 0; i < textimg.length; i++) {<br />
textimg[i].querySelector('img').src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++;<br />
}<br />
}<br />
<br />
// Highlight entry<br />
if (window.location.href.includes('#entry')) {<br />
document.getElementById(window.location.href.substring(window.location.href.indexOf('#')+1,window.location.href.length)).parentElement.style.background = "rgba(255,222,100,0.4)"<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18001
MediaWiki:Common.css
2026-04-30T03:36:53Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E") no-repeat center;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=18000
MediaWiki:Common.css
2026-04-30T03:18:57Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^=""http""]:after {<br />
content: "" "" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: ""\0028"";<br />
}<br />
.fognates rt span:after {<br />
content: ""\0029"";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: """";<br />
}<br />
.cognates .references>li:before{<br />
content: ""cg"" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: """";<br />
}<br />
.fognates .references>li:before{<br />
content: ""fc"" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*=""cite_ref-ref""] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: ""\f107"";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: """";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
<br />
/* Night mode, dark theme */<br />
.skin-theme-clientpref-night .tttext>span>span>img, vector-feature-night-mode-enabled .tttext>span>span>img {<br />
filter: invert(1);<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17999
MediaWiki:Common.css
2026-04-28T10:26:55Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^=""http""]:after {<br />
content: "" "" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: ""\0028"";<br />
}<br />
.fognates rt span:after {<br />
content: ""\0029"";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: """";<br />
}<br />
.cognates .references>li:before{<br />
content: ""cg"" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: """";<br />
}<br />
.fognates .references>li:before{<br />
content: ""fc"" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*=""cite_ref-ref""] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: ""\f107"";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: """";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17998
MediaWiki:Common.css
2026-04-28T10:25:59Z
<p>Admin: </p>
<hr />
<div>"/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^=""http""]:after {<br />
content: "" "" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: ""\0028"";<br />
}<br />
.fognates rt span:after {<br />
content: ""\0029"";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: """";<br />
}<br />
.cognates .references>li:before{<br />
content: ""cg"" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: """";<br />
}<br />
.fognates .references>li:before{<br />
content: ""fc"" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*=""cite_ref-ref""] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: ""\f107"";<br />
}<br />
<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: """";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}"</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17997
MediaWiki:Common.css
2026-04-28T10:25:11Z
<p>Admin: </p>
<hr />
<div>"/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^=""http""]:after {<br />
content: "" "" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: ""\0028"";<br />
}<br />
.fognates rt span:after {<br />
content: ""\0029"";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: """";<br />
}<br />
.cognates .references>li:before{<br />
content: ""cg"" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: """";<br />
}<br />
.fognates .references>li:before{<br />
content: ""fc"" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*=""cite_ref-ref""] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: ""\f107"";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: """";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}"</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17996
MediaWiki:Common.css
2026-04-28T10:23:53Z
<p>Admin: </p>
<hr />
<div>"/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^=""http""]:after {<br />
content: "" "" url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: ""\0028"";<br />
}<br />
.fognates rt span:after {<br />
content: ""\0029"";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: """";<br />
}<br />
.cognates .references>li:before{<br />
content: ""cg"" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: """";<br />
}<br />
.fognates .references>li:before{<br />
content: ""fc"" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*=""cite_ref-ref""] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: ""\f107"";<br />
}<br />
<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
}<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: """";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}"</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17995
MediaWiki:Common.css
2026-04-28T10:12:26Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17994
MediaWiki:Common.js
2026-04-25T15:52:17Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
var el = document.querySelector(selector);<br />
if (el) el.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0] && ref.childNodes[0].textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
var ol = document.querySelector('ol');<br />
const entries = ol ? ol.querySelectorAll('li') : null;<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el && el.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
};<br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}<br />
<br />
document.querySelectorAll('.timedmediaplayer').forEach(el => el.classList.remove('notheme'));</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17993
MediaWiki:Common.js
2026-04-25T15:49:54Z
<p>Admin: </p>
<hr />
<div>// Example columns<br />
function excol() {<br />
var dl = document.getElementsByTagName('dl');<br />
var maxwidth = 0;<br />
var cnt = 0;<br />
for (var i = 0; i < dl.length; i++) {<br />
cnt = 0;<br />
var dd = dl[i].getElementsByTagName('dd');<br />
for (j = 0; j < dd.length; j++) {<br />
dd[j].style.setProperty('min-width', 'max-content');<br />
dd[j].style.setProperty('column-span', 'unset');<br />
if (dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) > dl[i].clientWidth / 2) {<br />
dd[j].style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd[j].style.setProperty('column-span', 'all');<br />
}<br />
if (maxwidth < dd[j].clientWidth && dd[j].style.minWidth != 'calc(100% - 1.6em)') {<br />
maxwidth = dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) + 5;<br />
}<br />
console.log(maxwidth);<br />
cnt++;<br />
}<br />
if (cnt >= 6 && maxwidth * 3 < dl[i].clientWidth) {<br />
dl[i].style.columns = 3<br />
} else if (cnt >= 6 && maxwidth * 2 < dl[i].clientWidth && maxwidth * 3 > dl[i].clientWidth) {<br />
dl[i].style.columns = 2<br />
} else {<br />
dl[i].style.columns = 1<br />
} <br />
}<br />
}<br />
<br />
// Cognates columns<br />
function cogcol() {<br />
var cognates = document.querySelectorAll('.cognates ul');<br />
for (var c = 0; c < cognates.length; c++) {<br />
var widest = null;<br />
var widestwidth = 0;<br />
var coglis = cognates[c].querySelectorAll('li');<br />
for (var l = 0; l < coglis.length; l++) {<br />
if (widest == null) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
} else if (widestwidth < coglis[l].clientWidth) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
}<br />
}<br />
<br />
if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 3 + 10 && cognates[c].querySelectorAll('li').length > 7) {<br />
cognates[c].style.columnCount = 3;<br />
} else if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 2 + 10 && cognates[c].querySelectorAll('li').length > 4) {<br />
cognates[c].style.columnCount = 2;<br />
} else {<br />
cognates[c].style.columnCount = 1;<br />
}<br />
}<br />
}<br />
excol();<br />
cogcol();<br />
window.addEventListener('resize', () => {<br />
cogcol();<br />
excol();<br />
})<br />
<br />
if (document.querySelector('.notelistalpha') != null && document.querySelector('.notelistalpha').childElementCount < 2) { document.querySelector('.notelistalpha').style.visibility = 'hidden' };<br />
<br />
// Wikipedia links<br />
var wlinks = document.getElementsByClassName('extiw');<br />
for (var i = 0; i < wlinks.length; i++) {<br />
wlinks[i].title = wlinks[i].title.replace('wikipedia:vi:', '')<br />
}<br />
<br />
// CTRL + shortcuts<br />
document.addEventListener("keydown", function(e) {<br />
if (e.key === 's' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Save changes"]').click();<br />
};<br />
if (e.key === 'p' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Show preview"]').click();<br />
};<br />
if (e.key === 'e' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('a[accesskey="e"]').click();<br />
};<br />
if (e.key === 'r' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="r"]').click();<br />
};<br />
if (e.key === 'g' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="g"]').click();<br />
};<br />
}, false);<br />
<br />
// Remove space before citation<br />
var citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
if (citerefs.length > 0) {<br />
for (var i = 0; i < citerefs.length; i++) {<br />
if (citerefs[i].childNodes[0].textContent == ' ') {<br />
citerefs[i].childNodes[0].textContent = '';<br />
}<br />
}<br />
citerefs[0].parentElement.innerHTML = citerefs[0].parentElement.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
<br />
// Line-break arrows<br />
var entries = '';<br />
if (window.location.href.search('index.php') < 0 && window.location.href.lastIndexOf(':') == 5) {<br />
entries = document.querySelector('ol').querySelectorAll('li');<br />
for (i = 0; i < entries.length; i++) {<br />
if (entries[i].innerHTML.match(/> →/g) != null) {<br />
var entry = entries[i].innerHTML.split('> →');<br />
entries[i].innerHTML = '';<br />
entries[i].innerHTML += entry[0] + 'b>';<br />
for (j = 1; j < entry.length - 1; j++) {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + (j + 1) + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[j] + '></span>';<br />
}<br />
if (entry[entry.length - 1].search('dl') > -1 && entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).slice(entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).length - 2) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].split('<dl')[0].slice(entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ') + 1) + '</span><dl' + entry[entry.length - 1].split('<dl')[1];<br />
} else if (entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') - 2, entry[entry.length - 1].lastIndexOf(' ')) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].slice(0, entry[entry.length - 1].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') + 1) + '</span>';<br />
} else {<br />
entries[0].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1]<br />
}<br />
}<br />
}<br />
}<br />
// Remove double spaces & replace Word Connectors * replace → arrow<br />
if (window.location.href.indexOf('MediaWiki') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' &gt; ', '<con> &gt; </con>').replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
<br />
// Zoom Videos<br />
var zoombtn = document.getElementsByClassName("enlarge");<br />
for (var i = 0; i < zoombtn.length; i++) {<br />
zoombtn[i].setAttribute("onclick", "enlarge(" + i + ")");<br />
zoombtn[i].setAttribute("title", "Phóng to");<br />
}<br />
var video = document.querySelectorAll('[title="Play video"]');<br />
<br />
function enlarge(vid) {<br />
video[vid].width *= 2;<br />
video[vid].height *= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "smaller(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}<br />
<br />
function smaller(vid) {<br />
video[vid].width /= 2;<br />
video[vid].height /= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "enlarge(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}<br />
// Display zoomed text<br />
var ht = document.getElementsByClassName('Hani');<br />
if (ht.length > 0) {<br />
for (var i = 0; i < ht.length; i++) {<br />
ht[i].innerHTML = '<div class="tttext">' + ht[i].innerHTML + '<span class="ttzoom"> ' + ht[i].innerHTML + '</span></div>';<br />
}<br />
}<br />
var hc = document.getElementsByClassName('notHani');<br />
if (hc.length > 0) {<br />
for (var i = 0; i < hc.length; i++) {<br />
hc[i].innerHTML = '<div class="tttext">' + hc[i].innerHTML + '<span class="ttzoom"> ' + hc[i].innerHTML + '</span></div>';<br />
}<br />
}<br />
<br />
// Zoomed text to left if overflow<br />
var ttzoom = document.querySelectorAll('.ttzoom')<br />
for (tt = 0; tt < ttzoom.length; tt++) {<br />
if (ttzoom[tt].getBoundingClientRect().right + 20 > window.innerWidth) {<br />
ttzoom[tt].style.left = '-800%'<br />
}<br />
}<br />
// Hide empty ruby text<br />
var rt = document.getElementsByTagName('rt');<br />
if (rt.length > 0) {<br />
for (var i = 0; i < rt.length; i++) {<br />
if (rt[i].innerText == '') { rt[i].style.display = 'none' };<br />
}<br />
}<br />
<br />
<br />
// Replace textimg<br />
var textimg = document.querySelectorAll('[class*="textimg"]');<br />
if (textimg.length > 0) {<br />
for (var i = 0; i < textimg.length; i++) {<br />
textimg[i].querySelector('img').src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++;<br />
}<br />
}<br />
<br />
// Highlight entry<br />
if (window.location.href.includes('#entry')) {<br />
document.getElementById(window.location.href.substring(window.location.href.indexOf('#')+1,window.location.href.length)).parentElement.style.background = "rgba(255,222,100,0.4)"<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Minerva.css&diff=17992
MediaWiki:Minerva.css
2026-04-23T02:34:40Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho giao diện điện thoại */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .catlinks, .notes, .cognates, .fognates, .reflist, #footer-icons, #language-selector {<br />
display:none!important;<br />
}<br />
.pre-content h1, .content h1 {<br />
font-family: Times New Roman!important;<br />
}<br />
<br />
h2 {<br />
font-size: 1.1em!important;<br />
}<br />
.content li {<br />
border-bottom: 1px lightgrey solid<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em!important;<br />
font-style: italic!important;<br />
min-width: max-content!important;<br />
page-break-inside: avoid;<br />
max-width: min-content;<br />
}<br />
<br />
dl {<br />
margin: 0.2em 0 0.5em 0;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
.content ol {<br />
padding-left: 0em;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex!important;<br />
flex-direction: column-reverse!important;<br />
line-height: 1.1em!important;<br />
text-align: center!important;<br />
vertical-align: text-bottom!important;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Noto Sans Khmer, Noto Sans Cham!important;<br />
}<br />
<br />
rt {<br />
font-size:60%!important;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px!important;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0!important;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul {<br />
text-align: left!important;<br />
}<br />
.alignright {<br />
text-align: right!important;<br />
}<br />
<br />
.alignright li {<br />
text-align: left!important;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
color: #777!important;<br />
text-decoration-line: underline!important;<br />
text-decoration-style: dotted!important;<br />
text-decoration-thickness: 1px!important;<br />
cursor: help!important;<br />
vertical-align: super!important;<br />
font-size: x-small!important;<br />
}<br />
<br />
.symbol.note {<br />
display: none!important;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red!important;<br />
text-decoration-thickness: 2px!important;<br />
text-decoration-style: double!important;<br />
}<br />
<br />
/* Note */<br />
.references-drawer ol {<br />
margin-block-start: -2em;<br />
}<br />
<br />
.references-drawer ol>li {<br />
list-style: none!important;<br />
}<br />
<br />
.references-drawer .ttzoom {<br />
display:none!important<br />
}<br />
.references-drawer ul {<br />
list-style: disc!important;<br />
margin-left: 30px!important;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.drawer.references-drawer a.new {<br />
color: #dd3333!important;<br />
}<br />
.drawer.references-drawer .references-drawer__title {<br />
color: #c8ccd1!important;<br />
}<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: 0.6em;<br />
}<br />
/* Zoom text */<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun!important;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff!important;<br />
color: #000!important;<br />
text-align: center!important;<br />
border-radius: 6px!important;<br />
position: fixed!important;<br />
z-index: 1!important;<br />
left: 10px!important;<br />
top: 10px!important;<br />
bottom: unset!important;<br />
transition: opacity 0.3s!important;<br />
opacity: 0;<br />
padding: 10px!important;<br />
border: black solid 1px!important;<br />
font-size: 3em!important;<br />
line-height: 1.5em!important;<br />
align-items: center!important;<br />
font-weight: normal!important;<br />
min-width: 1.5em!important;<br />
max-width: 90vw;<br />
white-space: nowrap!important;<br />
}<br />
.tttext {<br />
position: relative!important;<br />
display: inline-block!important;<br />
border-bottom: 1px dotted grey!important;<br />
}<br />
.nozoom .ttzoom {<br />
display: none!important;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none!important;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1.1em;<br />
width: 1.1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
filter: invert(100%) sepia(32%) saturate(924%) hue-rotate(172deg) brightness(86%) contrast(87%);<br />
}<br />
<br />
/* Missing font notice */<br />
.missing.message.popup {<br />
<br />
}<br />
.missing.message.popup:before {<br />
background-color: rgba(0,0,0,0.2)!important;<br />
height: 100vh!important;<br />
width: 100vw!important;<br />
content: """";<br />
display: block!important;<br />
position: fixed!important;<br />
top: 0!important;<br />
left: 0!important;<br />
}<br />
<br />
/* Cognates */<br />
.cognates>ol>li {<br />
list-style: none!important;<br />
}<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
}<br />
<br />
.own {<br />
color: slateblue;<br />
}<br />
<br />
.enlarge {<br />
display:none!important;<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan!important;<br />
font-size: smaller!important;<br />
font-weight: bold!important;<br />
}<br />
<br />
/* Quote block */<br />
.quote {<br />
padding: 8px 20px;<br />
margin-inline-end: 30px;<br />
margin-inline-start: 30px;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1em !important;<br />
}<br />
<br />
/* IDC */<br />
.tttext .idc131{<br />
transform: scaleX(0.5);<br />
display: inline-block;<br />
position: absolute;<br />
left: -0.25em;<br />
}<br />
.tttext .idc132{<br />
left: 0.15em;<br />
position: relative;<br />
transform: scalex(0.66);<br />
display: inline-block;<br />
}<br />
.ttzoom .idc131{<br />
transform: scaleX(0.5);<br />
display: inline-block;<br />
position: absolute;<br />
left: -0.25em;<br />
padding-left: 0.3em;<br />
}<br />
<br />
.ttzoom .idc132{<br />
position: relative;<br />
transform: scalex(0.66);<br />
display: inline-block;<br />
left: 0.15em;<br />
padding-left: 0.3em<br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
con {<br />
font-weight: normal<br />
}<br />
arrow {<br />
font-family: serif;<br />
font-weight: bold;<br />
}<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17991
MediaWiki:Common.js
2026-04-23T02:23:27Z
<p>Admin: </p>
<hr />
<div>// Example columns<br />
function excol() {<br />
var dl = document.getElementsByTagName('dl');<br />
var maxwidth = 0;<br />
var cnt = 0;<br />
for (var i = 0; i < dl.length; i++) {<br />
cnt = 0;<br />
var dd = dl[i].getElementsByTagName('dd');<br />
for (j = 0; j < dd.length; j++) {<br />
dd[j].style.setProperty('min-width', 'max-content');<br />
dd[j].style.setProperty('column-span', 'unset');<br />
if (dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) > dl[i].clientWidth / 2) {<br />
dd[j].style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd[j].style.setProperty('column-span', 'all');<br />
}<br />
if (maxwidth < dd[j].clientWidth && dd[j].style.minWidth != 'calc(100% - 1.6em)') {<br />
maxwidth = dd[j].clientWidth + parseFloat(window.getComputedStyle(dd[j]).marginLeft) + 5;<br />
}<br />
console.log(maxwidth);<br />
cnt++;<br />
}<br />
if (cnt >= 6 && maxwidth * 3 < dl[i].clientWidth) {<br />
dl[i].style.columns = 3<br />
} else if (cnt >= 6 && maxwidth * 2 < dl[i].clientWidth && maxwidth * 3 > dl[i].clientWidth) {<br />
dl[i].style.columns = 2<br />
} else {<br />
dl[i].style.columns = 1<br />
} <br />
}<br />
}<br />
<br />
// Cognates columns<br />
function cogcol() {<br />
var cognates = document.querySelectorAll('.cognates ul');<br />
for (var c = 0; c < cognates.length; c++) {<br />
var widest = null;<br />
var widestwidth = 0;<br />
var coglis = cognates[c].querySelectorAll('li');<br />
for (var l = 0; l < coglis.length; l++) {<br />
if (widest == null) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
} else if (widestwidth < coglis[l].clientWidth) {<br />
widestwidth = coglis[l].clientWidth;<br />
widest = l;<br />
}<br />
}<br />
<br />
if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 3 + 10 && cognates[c].querySelectorAll('li').length > 7) {<br />
cognates[c].style.columnCount = 3;<br />
} else if (document.querySelector('.cognates .reference-text').clientWidth > (widestwidth + parseFloat(window.getComputedStyle(document.querySelector('.reference-text ol'))['marginLeft'])) * 2 + 10 && cognates[c].querySelectorAll('li').length > 4) {<br />
cognates[c].style.columnCount = 2;<br />
} else {<br />
cognates[c].style.columnCount = 1;<br />
}<br />
}<br />
}<br />
excol();<br />
cogcol();<br />
window.addEventListener('resize', () => {<br />
cogcol();<br />
excol();<br />
})<br />
<br />
if (document.querySelector('.notelistalpha') != null && document.querySelector('.notelistalpha').childElementCount < 2) { document.querySelector('.notelistalpha').style.visibility = 'hidden' };<br />
<br />
// Wikipedia links<br />
var wlinks = document.getElementsByClassName('extiw');<br />
for (var i = 0; i < wlinks.length; i++) {<br />
wlinks[i].title = wlinks[i].title.replace('wikipedia:vi:', '')<br />
}<br />
<br />
// CTRL + shortcuts<br />
document.addEventListener("keydown", function(e) {<br />
if (e.key === 's' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Save changes"]').click();<br />
};<br />
if (e.key === 'p' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('[value="Show preview"]').click();<br />
};<br />
if (e.key === 'e' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('a[accesskey="e"]').click();<br />
};<br />
if (e.key === 'r' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="r"]').click();<br />
};<br />
if (e.key === 'g' && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {<br />
e.preventDefault();<br />
document.querySelector('input[accesskey="g"]').click();<br />
};<br />
}, false);<br />
<br />
// Remove space before citation<br />
var citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
if (citerefs.length > 0) {<br />
for (var i = 0; i < citerefs.length; i++) {<br />
if (citerefs[i].childNodes[0].textContent == ' ') {<br />
citerefs[i].childNodes[0].textContent = '';<br />
}<br />
}<br />
citerefs[0].parentElement.innerHTML = citerefs[0].parentElement.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
<br />
// Line-break arrows<br />
var entries = '';<br />
if (window.location.href.search('index.php') < 0 && window.location.href.lastIndexOf(':') == 5) {<br />
entries = document.querySelector('ol').querySelectorAll('li');<br />
for (i = 0; i < entries.length; i++) {<br />
if (entries[i].innerHTML.match(/> →/g) != null) {<br />
var entry = entries[i].innerHTML.split('> →');<br />
entries[i].innerHTML = '';<br />
entries[i].innerHTML += entry[0] + 'b>';<br />
for (j = 1; j < entry.length - 1; j++) {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + (j + 1) + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[j] + '></span>';<br />
}<br />
if (entry[entry.length - 1].search('dl') > -1 && entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).slice(entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')).length - 2) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].split('<dl')[0].slice(0, entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].split('<dl')[0].slice(entry[entry.length - 1].split('<dl')[0].lastIndexOf(' ') + 1) + '</span><dl' + entry[entry.length - 1].split('<dl')[1];<br />
} else if (entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') - 2, entry[entry.length - 1].lastIndexOf(' ')) != '<a') {<br />
entries[i].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1].slice(0, entry[entry.length - 1].lastIndexOf(' ')) + '&nbsp;' + entry[entry.length - 1].slice(entry[entry.length - 1].lastIndexOf(' ') + 1) + '</span>';<br />
} else {<br />
entries[0].innerHTML += '<br><span style="display:inline-block;margin-left:calc(' + entry.length + 'em + 0.5ch);text-indent: calc(-1em - 0.5ch)">' + '<arrow>↳ </arrow>' + entry[entry.length - 1]<br />
}<br />
}<br />
}<br />
}<br />
// Remove double spaces & replace Word Connectors * replace → arrow<br />
if (window.location.href.indexOf('MediaWiki') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') == -1) {<br />
document.getElementById('mw-content-text').innerHTML = document.getElementById('mw-content-text').innerHTML.replaceAll(' &gt; ', '<con> &gt; </con>').replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
<br />
// Zoom Videos<br />
var zoombtn = document.getElementsByClassName("enlarge");<br />
for (var i = 0; i < zoombtn.length; i++) {<br />
zoombtn[i].setAttribute("onclick", "enlarge(" + i + ")");<br />
zoombtn[i].setAttribute("title", "Phóng to");<br />
}<br />
var video = document.querySelectorAll('[title="Play video"]');<br />
<br />
function enlarge(vid) {<br />
video[vid].width *= 2;<br />
video[vid].height *= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "smaller(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}<br />
<br />
function smaller(vid) {<br />
video[vid].width /= 2;<br />
video[vid].height /= 2;<br />
video[vid].style.setProperty("height", video[vid].height + "px");<br />
video[vid].style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.style.setProperty("height", video[vid].height + "px");<br />
video[vid].parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
video[vid].parentElement.parentElement.parentElement.style.setProperty("width", video[vid].width + "px");<br />
zoombtn[vid].setAttribute("onclick", "enlarge(" + vid + ")");<br />
zoombtn[vid].setAttribute("title", "Thu nhỏ");<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17990
MediaWiki:Common.css
2026-04-23T02:17:40Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17989
MediaWiki:Common.css
2026-04-23T02:15:50Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
.mw-tmh-play-icon.notheme {<br />
--color-base: inherit!important;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17988
MediaWiki:Common.js
2026-04-23T02:13:16Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
var el = document.querySelector(selector);<br />
if (el) el.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0] && ref.childNodes[0].textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
var ol = document.querySelector('ol');<br />
const entries = ol ? ol.querySelectorAll('li') : null;<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el && el.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
<br />
}; <br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17987
MediaWiki:Common.js
2026-04-23T02:10:58Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
var el = document.querySelector(selector);<br />
if (el) el.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0] && ref.childNodes[0].textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
var ol = document.querySelector('ol');<br />
const entries = ol ? ol.querySelectorAll('li') : null;<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el && el.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
<br />
// Remove "notheme"<br />
document.querySelectorAll('.mw-tmh-play-icon').forEach(el => el.classList.remove('notheme'));<br />
<br />
}; <br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17986
MediaWiki:Common.js
2026-04-23T02:10:18Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
var el = document.querySelector(selector);<br />
if (el) el.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0] && ref.childNodes[0].textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
var ol = document.querySelector('ol');<br />
const entries = ol ? ol.querySelectorAll('li') : null;<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el && el.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
<br />
// Remove "notheme"<br />
document.querySelectorAll('.timedmediaplayer').forEach(el => el.classList.remove('notheme'));<br />
<br />
}; <br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17985
MediaWiki:Common.css
2026-04-23T02:09:38Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background-color: var(--color-base);<br />
mask-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E);<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17984
MediaWiki:Common.js
2026-04-23T01:52:55Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
var el = document.querySelector(selector);<br />
if (el) el.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0] && ref.childNodes[0].textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
var ol = document.querySelector('ol');<br />
const entries = ol ? ol.querySelectorAll('li') : null;<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el && el.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
};<br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.js&diff=17983
MediaWiki:Common.js
2026-04-23T01:29:51Z
<p>Admin: </p>
<hr />
<div>// Optimized & Modernized Version (with your requested behaviors preserved)<br />
<br />
const optimizeColumns = () => {<br />
// Example columns (excol)<br />
document.querySelectorAll('dl').forEach(dl => {<br />
let maxWidth = 0;<br />
const dds = dl.querySelectorAll('dd');<br />
const containerWidth = dl.clientWidth;<br />
<br />
dds.forEach(dd => {<br />
dd.style.setProperty('min-width', 'max-content');<br />
dd.style.setProperty('column-span', 'unset');<br />
<br />
const ddWidth = dd.clientWidth + parseFloat(getComputedStyle(dd).marginLeft || 0);<br />
<br />
if (ddWidth > containerWidth / 2) {<br />
dd.style.setProperty('min-width', 'calc(100% - 1.6em)');<br />
dd.style.setProperty('column-span', 'all');<br />
} else if (maxWidth < ddWidth) {<br />
maxWidth = ddWidth + 5;<br />
}<br />
});<br />
<br />
const count = dds.length;<br />
if (count >= 6) {<br />
if (maxWidth * 3 < containerWidth) dl.style.columnCount = 3;<br />
else if (maxWidth * 2 < containerWidth) dl.style.columnCount = 2;<br />
else dl.style.columnCount = 1;<br />
} else {<br />
dl.style.columnCount = 1;<br />
}<br />
});<br />
<br />
// Cognates columns<br />
document.querySelectorAll('.cognates ul').forEach(ul => {<br />
const lis = ul.querySelectorAll('li');<br />
if (!lis.length) return;<br />
<br />
let widestWidth = 0;<br />
lis.forEach(li => widestWidth = Math.max(widestWidth, li.clientWidth));<br />
<br />
const refText = document.querySelector('.cognates .reference-text');<br />
if (!refText) return;<br />
<br />
const refOl = refText.querySelector('ol');<br />
const marginLeft = refOl ? parseFloat(getComputedStyle(refOl).marginLeft || 0) : 0;<br />
const containerWidth = refText.clientWidth;<br />
const itemWidth = widestWidth + marginLeft + 10;<br />
<br />
if (lis.length > 7 && containerWidth > itemWidth * 3) {<br />
ul.style.columnCount = 3;<br />
} else if (lis.length > 4 && containerWidth > itemWidth * 2) {<br />
ul.style.columnCount = 2;<br />
} else {<br />
ul.style.columnCount = 1;<br />
}<br />
});<br />
};<br />
<br />
// Wikipedia links<br />
const cleanWikiLinks = () => {<br />
document.querySelectorAll('.extiw').forEach(link => {<br />
link.title = link.title.replace('wikipedia:vi:', '');<br />
});<br />
};<br />
<br />
// Keyboard shortcuts<br />
const setupShortcuts = () => {<br />
document.addEventListener('keydown', e => {<br />
const isMac = navigator.platform.includes('Mac');<br />
if (!(isMac ? e.metaKey : e.ctrlKey)) return;<br />
<br />
const map = {<br />
's': '[value="Save changes"]',<br />
'p': '[value="Show preview"]',<br />
'e': 'a[accesskey="e"]',<br />
'r': 'input[accesskey="r"]',<br />
'g': 'input[accesskey="g"]'<br />
};<br />
<br />
const selector = map[e.key];<br />
if (selector) {<br />
e.preventDefault();<br />
document.querySelector(selector)?.click();<br />
}<br />
});<br />
};<br />
<br />
// Clean citations<br />
const cleanCitations = () => {<br />
const citerefs = document.querySelectorAll('[id^="cite_ref-"]');<br />
citerefs.forEach(ref => {<br />
if (ref.childNodes[0]?.textContent === ' ') {<br />
ref.childNodes[0].textContent = '';<br />
}<br />
});<br />
<br />
if (citerefs.length) {<br />
const parent = citerefs[0].parentElement;<br />
if (parent) {<br />
parent.innerHTML = parent.innerHTML.replaceAll(' <sup id="cite_ref-', '<sup id="cite_ref-');<br />
}<br />
}<br />
};<br />
<br />
// Line-break arrows - Preserved original fallback entries[0] case<br />
const processEntryArrows = () => {<br />
if (window.location.href.search('index.php') >= 0 || window.location.href.lastIndexOf(':') !== 5) return;<br />
<br />
const entries = document.querySelector('ol')?.querySelectorAll('li');<br />
if (!entries) return;<br />
<br />
entries.forEach((entryEl, i) => {<br />
if (!entryEl.innerHTML.includes('> →')) return;<br />
<br />
const parts = entryEl.innerHTML.split('> →');<br />
let newHTML = parts[0] + 'b>';<br />
let didFallback = false; // FIX: flag to track if entries[0] fallback was used<br />
<br />
for (let j = 1; j < parts.length; j++) {<br />
if (j < parts.length - 1) {<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${j+1}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}</span>`;<br />
} else {<br />
// Last part - keep original fallback logic<br />
if (parts[j].search('dl') > -1) {<br />
const beforeDl = parts[j].split('<dl')[0];<br />
const lastSpaceIdx = beforeDl.lastIndexOf(' ');<br />
const textBefore = beforeDl.slice(0, lastSpaceIdx);<br />
const lastWord = beforeDl.slice(lastSpaceIdx + 1);<br />
<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${textBefore}&nbsp;${lastWord}</span><dl${parts[j].split('<dl')[1]}`;<br />
} else if (parts[j].slice(parts[j].lastIndexOf(' ') - 2, parts[j].lastIndexOf(' ')) !== '<a') {<br />
const lastSpace = parts[j].lastIndexOf(' ');<br />
newHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j].slice(0, lastSpace)}&nbsp;${parts[j].slice(lastSpace + 1)}</span>`;<br />
} else {<br />
// Original fallback: append to first entry<br />
entries[0].innerHTML += `<br><span style="display:inline-block;margin-left:calc(${parts.length}em + 0.5ch);text-indent:calc(-1em - 0.5ch)"><arrow>↳ </arrow>${parts[j]}`;<br />
didFallback = true; // FIX: mark that we used the fallback<br />
}<br />
}<br />
}<br />
<br />
// FIX: only overwrite innerHTML if we didn't use the entries[0] fallback<br />
if (!didFallback) {<br />
entryEl.innerHTML = newHTML;<br />
}<br />
});<br />
};<br />
<br />
// Video zoom<br />
const setupVideoZoom = () => {<br />
const zoombtns = document.getElementsByClassName('enlarge');<br />
const videos = document.querySelectorAll('[title="Play video"]');<br />
<br />
const resizeVideo = (index, multiply) => {<br />
const vid = videos[index];<br />
if (!vid) return;<br />
<br />
vid.width *= multiply;<br />
vid.height *= multiply;<br />
<br />
const w = vid.width + 'px';<br />
const h = vid.height + 'px';<br />
<br />
vid.style.width = w; vid.style.height = h;<br />
<br />
let parent = vid.parentElement;<br />
while (parent && parent !== document.body) {<br />
parent.style.width = w;<br />
parent.style.height = h;<br />
parent = parent.parentElement;<br />
}<br />
<br />
const btn = zoombtns[index];<br />
if (btn) {<br />
const isEnlarge = multiply > 1;<br />
btn.onclick = () => resizeVideo(index, isEnlarge ? 0.5 : 2);<br />
btn.title = isEnlarge ? 'Thu nhỏ' : 'Phóng to';<br />
}<br />
};<br />
<br />
Array.from(zoombtns).forEach((btn, i) => {<br />
btn.onclick = () => resizeVideo(i, 2);<br />
btn.title = 'Phóng to';<br />
});<br />
};<br />
<br />
// Zoomed text<br />
// FIX: wrap HTMLCollection with Array.from() before calling .forEach()<br />
const setupZoomText = () => {<br />
const wrapClass = (className) => {<br />
Array.from(document.getElementsByClassName(className)).forEach(el => {<br />
const html = el.innerHTML;<br />
el.innerHTML = `<div class="tttext">${html}<span class="ttzoom"> ${html}</span></div>`;<br />
});<br />
};<br />
<br />
wrapClass('Hani');<br />
wrapClass('notHani');<br />
<br />
document.querySelectorAll('.ttzoom').forEach(span => {<br />
if (span.getBoundingClientRect().right + 20 > window.innerWidth) {<br />
span.style.left = '-800%';<br />
}<br />
});<br />
};<br />
<br />
// Hide empty ruby<br />
const hideEmptyRuby = () => {<br />
document.querySelectorAll('rt').forEach(rt => {<br />
if (rt.innerText.trim() === '') rt.style.display = 'none';<br />
});<br />
};<br />
<br />
// Replace textimg - original i++ behavior preserved (skips every other element)<br />
const setTextImgPlaceholders = () => {<br />
const textimg = document.querySelectorAll('[class*="textimg"]');<br />
for (let i = 0; i < textimg.length; i++) {<br />
const img = textimg[i].querySelector('img');<br />
if (img) img.src = 'https://www.tunguyentiengviet.com/images/4/47/Placeholder.png';<br />
i++; // original manual i++ kept exactly as requested<br />
}<br />
};<br />
<br />
// Highlight entry<br />
const highlightEntry = () => {<br />
if (window.location.href.includes('#entry')) {<br />
const id = window.location.href.substring(window.location.href.indexOf('#') + 1);<br />
const el = document.getElementById(id);<br />
if (el?.parentElement) {<br />
el.parentElement.style.background = 'rgba(255,222,100,0.4)';<br />
}<br />
}<br />
};<br />
<br />
// Main init<br />
const init = () => {<br />
optimizeColumns();<br />
cleanWikiLinks();<br />
setupShortcuts();<br />
cleanCitations();<br />
processEntryArrows();<br />
setupVideoZoom();<br />
setupZoomText();<br />
hideEmptyRuby();<br />
setTextImgPlaceholders();<br />
highlightEntry();<br />
<br />
// Empty notelistalpha<br />
const notelist = document.querySelector('.notelistalpha');<br />
if (notelist && notelist.childElementCount < 2) {<br />
notelist.style.visibility = 'hidden';<br />
}<br />
<br />
// Global replaces<br />
const content = document.getElementById('mw-content-text');<br />
if (content) {<br />
if (window.location.href.indexOf('MediaWiki') === -1) {<br />
content.innerHTML = content.innerHTML.replaceAll(' ', ' ');<br />
}<br />
if (window.location.href.indexOf('index') === -1) {<br />
content.innerHTML = content.innerHTML<br />
.replaceAll(' &gt; ', '<con> &gt; </con>')<br />
.replaceAll(' ~ ', '<con> ~ </con>');<br />
}<br />
}<br />
<br />
// Debounced resize<br />
let timeout;<br />
window.addEventListener('resize', () => {<br />
clearTimeout(timeout);<br />
timeout = setTimeout(optimizeColumns, 120);<br />
});<br />
};<br />
<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', init);<br />
} else {<br />
init();<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17982
MediaWiki:Common.css
2026-04-22T09:08:23Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
min-height: 20px !important;<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E") no-repeat center;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17981
MediaWiki:Common.css
2026-04-22T09:07:44Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E") no-repeat center;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=MediaWiki:Common.css&diff=17980
MediaWiki:Common.css
2026-04-22T09:07:06Z
<p>Admin: </p>
<hr />
<div>/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);<br />
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);<br />
body {<br />
overflow-y: auto;<br />
}<br />
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {<br />
display:none;<br />
}<br />
<br />
.mw-rcfilters-ui-cell {<br />
vertical-align: middle;<br />
}<br />
<br />
body {<br />
font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;<br />
}<br />
<br />
.vector-body h2 {<br />
font-size: 1.1em;<br />
font-family: 'Times';<br />
}<br />
<br />
.mw-body h1, .mw-body-content h1, .vector-sticky-header-context-bar-primary {<br />
font-family: 'Times';<br />
}<br />
<br />
ol dl dd {<br />
font-size: 0.9em;<br />
font-style: italic;<br />
min-width: max-content;<br />
max-width: fit-content;<br />
page-break-inside: avoid;<br />
}<br />
<br />
.mw-parser-output {<br />
font-size: 1.3em;<br />
}<br />
<br />
#globalWrapper {<br />
font-size: 12pt;<br />
}<br />
<br />
#p-logo-text a {<br />
font-variant: none;<br />
text-transform: uppercase;<br />
}<br />
.mw-logo-container {<br />
max-width:unset;<br />
}<br />
a.mw-logo {<br />
color: black;<br />
}<br />
<br />
/* link color */<br />
.mw-parser-output a.extiw:visited {<br />
color: #36b;<br />
}<br />
<br />
/* nobr template */<br />
.nobr { white-space:nowrap; }<br />
<br />
/* External links */<br />
<br />
/* a[href^="http"]:after {<br />
content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNqEkIEJwCAMBGPpEs7hHK6hY+gauoZr6Bo6RtqEWkxb6EMQnuM/USEirIoxSmOKwDkhBEwp4VPkb4801Xun9xW4e+9FldYarLUvkBPPOp4JGWOgtSaSt6VWQKUU9nPOEiSIgAmNMdadFTjn7utqrXwh6fLvH9nXhamW5ksMnpfDnw4BBgBfunO056MmqAAAAABJRU5ErkJggg==);<br />
}<br />
.mw-parser-output a.external, .link-https {<br />
background-image: none;<br />
padding-right: 0px;<br />
}<br />
*/<br />
/* gal template */<br />
@media (min-width:801px) {<br />
<br />
li.multimg {<br />
width: 32%;<br />
}<br />
<br />
div.thumbinner {<br />
width: 100%!important;<br />
max-width: 302px;<br />
}<br />
<br />
.thumbimage {<br />
width: calc(100% - 2px);<br />
height: auto;<br />
}<br />
<br />
a img {<br />
max-width: calc(100% - 8px);<br />
/* height: auto; */<br />
max-height: 300px;<br />
width: inherit;<br />
}<br />
.alignright {<br />
text-align: right;<br />
}<br />
}<br />
div.tright {<br />
margin: 0.5em 0.4em 1.3em 0.4em;<br />
}<br />
.content .thumbcaption, .mw-content-ltr>ul, .mw-category-group ul {<br />
text-align: left!important;<br />
}<br />
<br />
/* list indent 0 */<br />
ol li ul {<br />
margin: 0.3em 0 0 0!important;<br />
}<br />
<br />
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {<br />
margin: 0.3em 0 0 1.6em!important;<br />
}<br />
<br />
/* Ruby text */<br />
ruby {<br />
display: inline-flex;<br />
flex-direction: column-reverse;<br />
line-height: 1.1em;<br />
text-align: center;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.notHani {<br />
font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;<br />
}<br />
<br />
rt {<br />
font-size:60%;<br />
text-align:center;<br />
}<br />
<br />
rb:has(> .notHani) {<br />
padding-top: 5px;<br />
}<br />
rb:has(> .notHani.nozoom) {<br />
padding-top: 0;<br />
}<br />
<br />
.cognates ruby, .fognates ruby {<br />
display: inline-block;<br />
vertical-align: baseline;<br />
}<br />
<br />
.cognates ruby.zh {<br />
display: inline-flex;<br />
vertical-align: text-bottom;<br />
}<br />
<br />
.cognates rt, .fognates rt {<br />
font-size: calc(0.9 * 0.9em);<br />
display: inline-block;<br />
}<br />
<br />
.fognates rt span:before {<br />
content: "\0028";<br />
}<br />
.fognates rt span:after {<br />
content: "\0029";<br />
}<br />
<br />
/* External Images */<br />
.img200 img {<br />
width: 200px;<br />
}<br />
<br />
.img50 img {<br />
width: 50px;<br />
}<br />
<br />
/* Tooltip */<br />
.note {<br />
cursor: help;<br />
vertical-align: super;<br />
}<br />
<br />
.message.note, .maybe.note {<br />
display: none;<br />
}<br />
<br />
/* Zoom text */<br />
.tttext:hover .ttzoom {<br />
visibility: visible;<br />
opacity: 1;<br />
}<br />
.Hani .tttext .ttzoom {<br />
font-family: Kaiti, Simsun;<br />
}<br />
.ttzoom {<br />
visibility: hidden;<br />
background-color: #fff;<br />
color: #000;<br />
text-align: center;<br />
border-radius: 6px;<br />
position: absolute;<br />
z-index: 1;<br />
left: 100%;<br />
bottom: -100%;<br />
margin-left: 10px;<br />
transition: opacity 0.3s;<br />
opacity: 0;<br />
padding: 10px;<br />
border: black solid 1px;<br />
font-size: 80px;<br />
line-height: 1.5em;<br />
align-items: center;<br />
font-weight: normal;<br />
min-width: 1.5em;<br />
white-space: nowrap;<br />
justify-items: center;<br />
}<br />
.tttext {<br />
position: relative;<br />
display: inline-block;<br />
border-bottom: 1px dotted grey;<br />
}<br />
.nozoom .ttzoom {<br />
display: none;<br />
}<br />
.nozoom .tttext {<br />
border-bottom: none;<br />
}<br />
<br />
.ttzoom .nomtext {<br />
display: block;<br />
margin: 20px;<br />
line-height: 0;<br />
}<br />
<br />
.ttzoom .nomtext img {<br />
width: 80px;<br />
height: 80px;<br />
vertical-align: text-bottom;<br />
max-width: unset;<br />
}<br />
<br />
.tttext>span>span>img {<br />
height: 1em;<br />
width: 1em;<br />
max-width: unset;<br />
vertical-align: text-bottom;<br />
margin-bottom: 2px;<br />
}<br />
.textimg {<br />
line-height: unset;<br />
}<br />
<br />
/* Strikethrough */<br />
del {<br />
text-decoration-color: red;<br />
text-decoration-thickness: 2px;<br />
text-decoration-style: double;<br />
}<br />
<br />
/* Note */<br />
.notelistalpha > div > ol > li {<br />
list-style: lower-alpha;<br />
}<br />
<br />
.notelistalpha ul li {<br />
list-style: disc;<br />
}<br />
.notelistalpha li {<br />
list-style: none;<br />
}<br />
.references {<br />
font-size: 0.9em;<br />
}<br />
.reference a {<br />
color: darkred;<br />
font-weight: bold;<br />
}<br />
.notes,.cognates,.reflist {<br />
clear: right;<br />
}<br />
<br />
.notelistalpha .references>li::marker {<br />
font-size: smaller;<br />
font-weight: bold;<br />
color: darkred;<br />
}<br />
<br />
/* Cognates */<br />
<br />
.cognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.cognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.cognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.cognates h3 {<br />
font-size: 1em;<br />
}<br />
.cognates .reference-text {<br />
display: inline-block;<br />
vertical-align: top;<br />
width: calc(100% - 80px);<br />
}<br />
.cognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.cognates ol.references {<br />
counter-reset: cg;<br />
margin-left: .6em!important;<br />
}<br />
.cognates .references>li::marker {<br />
content: "";<br />
}<br />
.cognates .references>li:before{<br />
content: "cg" counter(cg,decimal) '. ';<br />
counter-increment: cg 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
/* Fognates */<br />
.fognates {<br />
clear: right;<br />
}<br />
<br />
.fognates ol>li ol>li {<br />
list-style: none;<br />
}<br />
<br />
.fognates span>ol>li {<br />
width: 100%;<br />
}<br />
<br />
.fognates li li {<br />
white-space: nowrap;<br />
width: max-content;<br />
}<br />
<br />
.fognates h3 {<br />
font-size: 1em;<br />
}<br />
.fognates .reference-text {<br />
display: inline-block;<br />
width: calc(100% - 4em);<br />
vertical-align: top;<br />
}<br />
.fognates .reference-text ol {<br />
margin-left: 1em!important;<br />
}<br />
<br />
.fognates ol.references {<br />
counter-reset: fc;<br />
margin-left: .6em!important;<br />
}<br />
.fognates .references>li::marker {<br />
content: "";<br />
}<br />
.fognates .references>li:before{<br />
content: "fc" counter(fc,decimal) '. ';<br />
counter-increment: fc 1;<br />
display: inline-block;<br />
margin-right: 5px;<br />
color: darkred;<br />
font-weight: bold;<br />
font-size: smaller;<br />
}<br />
<br />
ol.references > li:not(:first-child) {<br />
padding-top: 5px;<br />
border-top: solid 1px lightgray;<br />
}<br />
<br />
/* Reference */<br />
<br />
sup[id*="cite_ref-ref"] a, .note {<br />
color: gray;<br />
font-weight: normal;<br />
font-size: x-small;<br />
}<br />
<br />
/* Maybe */<br />
.maybe {<br />
color:gray;<br />
cursor: help;<br />
}<br />
<br />
.maybe:hover {<br />
color:#444;<br />
}<br />
<br />
.thumbinner.vright {<br />
width: unset!important;<br />
}<br />
.enlarge {<br />
clear: right;<br />
float: right;<br />
cursor: pointer;<br />
}<br />
.own {<br />
color: slateblue;<br />
}<br />
.own:hover {<br />
color: darkslateblue;<br />
}<br />
/* Quote block */<br />
.quote {<br />
border-left: 4px solid #eaecf0;<br />
padding: 8px 32px;<br />
margin-bottom: 0.5em;<br />
margin-inline-end:40px;<br />
margin-inline-start:40px;<br />
display: flow-root;<br />
}<br />
.qsource {<br />
float: right;<br />
}<br />
<br />
/* Footer */<br />
@media screen and (min-width: 1000px){<br />
.mw-footer-container {<br />
grid-area: footer;<br />
display: block;<br />
vertical-align: bottom;<br />
}<br />
.mw-footer ul {<br />
margin: 0 auto;<br />
height: fit-content;<br />
width: fit-content;<br />
}<br />
.mw-page-container-inner {<br />
min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */<br />
}<br />
}<br />
<br />
/* Inline notes */<br />
.inlinenote {<br />
color: darkcyan;<br />
font-size: smaller;<br />
font-weight: bold;<br />
}<br />
<br />
/* Syntax highlighter */<br />
#wpTextbox0, #wpTextbox1 {<br />
padding-left: 1px!important;<br />
}<br />
<br />
/* Br */<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
margin-top: 10px;<br />
}<br />
.brwithspace {<br />
display: block; <br />
content: ' '; <br />
}<br />
<br />
/* Audio */<br />
.mw-tmh-player.audio {<br />
height: 20px !important;<br />
width: 20px !important;<br />
--inline-controls-bar-height: 20px !important;<br />
vertical-align: text-bottom;<br />
}<br />
.video-js {<br />
position: static;<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
<br />
}<br />
.mw-file-element.video-js {<br />
height: 20px !important;<br />
width: 20px !important;<br />
color: inherit;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.video-js .vjs-control-bar {<br />
height: 20px !important;<br />
background: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.vjs-button > .vjs-icon-placeholder:before {<br />
font-size: 20px !important;<br />
line-height: 20px !important;<br />
}<br />
<br />
.video-js .vjs-control {<br />
width: 20px !important;<br />
}<br />
<br />
.video-js .vjs-subs-caps-button, .mw-tmh-duration {<br />
display: none;<br />
}<br />
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {<br />
content: "\f107";<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play:hover .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:focus .mw-tmh-play-icon, .mw-tmh-player.audio .mw-tmh-play:active .mw-tmh-play-icon {<br />
background-color: rgba(0, 0, 0, 0);<br />
}<br />
<br />
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {<br />
background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20px' viewBox='0 -960 960 960' width='20px' fill='%23000'%3E%3Cpath d='M560-131v-82q90-26 145-100t55-168q0-94-55-168T560-749v-82q124 28 202 125.5T840-481q0 127-78 224.5T560-131ZM120-360v-240h160l200-200v640L280-360H120Zm440 40v-322q47 22 73.5 66t26.5 96q0 51-26.5 94.5T560-320ZM400-606l-86'/%3E%3C/svg%3E") no-repeat center;<br />
}<br />
<br />
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {<br />
vertical-align: text-bottom;<br />
}<br />
<br />
/* Word Connectors */<br />
con {<br />
font-weight: normal<br />
}<br />
<br />
/* Arrow */<br />
arrow {<br />
font-family: serif;<br />
}<br />
<br />
/* 68 indent */<br />
span.luc {<br />
text-indent: 1em;<br />
display: inline-block;<br />
}<br />
<br />
/* Example list style */<br />
dd:has(br.brwithspace)::before {<br />
display: none;<br />
}<br />
<br />
ol dl dd::before {<br />
content: "";<br />
height: 5px;<br />
background-color: grey;<br />
width: 5px;<br />
display: block;<br />
bottom: -1em;<br />
position: relative;<br />
right: 1em;<br />
}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=X%C3%AC_c%C4%83ng_%C4%91an&diff=17979
Xì căng đan
2026-04-22T08:39:31Z
<p>Admin: </p>
<hr />
<div># {{etym|Pháp|{{rubyS|nozoom=1|scandale|/skɑ̃.dal/}}{{pron|LL-Q150 (fra)-Eihel-scandale.wav}}|}} vụ tai tiếng, vụ bê bối <br />
#: tạo '''xì căng đan''' bẩn để [[nổi]] [[tiếng]]<br />
{{gal|1|Nixon edited transcripts.jpg|Tổng thống Hoa Kỳ Nixon trong vụ xì căng đan Watergate}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=X%C3%AC_c%C4%83ng_%C4%91an&diff=17978
Xì căng đan
2026-04-22T08:29:30Z
<p>Admin: </p>
<hr />
<div># {{etym|Pháp|{{rubyS|nozoom=1|scandale|/skɑ̃.dal/}}{{pron|LL-Q150 (fra)-Eihel-scandale.wav}}|}} vụ tai tiếng, vụ bê bối <br />
#: tạo '''xì căng đan''' bẩn để [[nổi]] [[tiếng]]<br />
{{gal|1|Will Smith slaps Chris Rock.jpg|Xì căng đan tại lễ trao giải Oscars 2022, Will Smith tát Chris Rock}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=V%E1%BA%A3&diff=17977
Vả
2026-04-22T08:21:49Z
<p>Admin: </p>
<hr />
<div># {{etym|proto-mon-khmer|/*lwaaʔ{{ref|sho2006}}/||entry=1}}{{cog|{{list|{{w|Khmer|{{rubyM|ល្វា|/lvie/}}}}|{{w|Chứt|/ʔavᵊah/}} (Rục)|{{w|Bru|/lawàh/}}|{{w|Ta'Oi|/waʔ/}} (Ngeq)|{{w|Pacoh|va}}|{{w|Riang|/_wɑʔ/}}|{{w|Chong|/lawaː/}} (Kasong)}}}} loài cây thân gỗ có danh pháp ''Ficus auriculata'', nhiều nhựa trắng, quả mọc thành chùm hoặc đơn lẻ khắp thân và cảnh, to bằng nắm tay, khi chín chuyển màu đỏ thẫm, nhìn giống quả sung nhưng ngon hơn<br />
#: quả '''vả'''<br />
#: [[lòng]] '''vả''' [[cũng]] như [[lòng]] [[sung]]<br />
#: [[ăn]] quả '''vả''' [[trả]] quả [[sung]]<br />
# {{etym|proto-mon-khmer|/*pah{{ref|sho2006}} ~ *puh{{ref|sho2006}} ~ *puəh{{ref|sho2006}}/||entry=2}} → {{etym|proto-vietic|/*t-pah{{ref|fer2007}}/|}}{{cog|{{list|{{w|mường|pá}}|{{w|chut|/təpah¹/}}|{{w|chut|/mpah/}} (Arem)|{{w|thavung|tapáh}}|{{w|tho|/paː⁵/}} (Cuối Chăm)|{{w|Khmer|{{rubyM|បុះ|/boh/}}}}|{{w|Mnong|pah}}|{{w|Pacoh|páh}}}}}} tát mạnh vào mặt<br />
#: '''vả''' [[cho]] [[vài]] [[cái]]<br />
#: '''vả''' [[vỡ]] [[mồm]]<br />
# {{etym||[[va]]||entry=3}} + {{etym||[[ấy]]|}} đại từ ngôi thứ ba có hàm ý thân mật hoặc coi thường; rút gọn của ''va ấy''<br />
{{gal|3|Trái vả.jpg|Quả vả|210820 015 SD Botanic Garden - Dickinson Family Conservatory, Ficus auriculata Roxburgh Fig.jpg|Lá vả|¡Oh, la sierra! de Xaudaró (cropped).jpg|Vả mặt}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=T%C3%A1t&diff=17976
Tát
2026-04-22T08:21:00Z
<p>Admin: </p>
<hr />
<div># {{etym|proto-mon-khmer|/*sac{{ref|sho2006}} ~ *saac{{ref|sho2006}}/||entry=1}}{{cog|{{list|{{w|Khmer|{{rubyM|សាច|/saac/}}}}|{{w|Mon|{{rubyM|သှာတ်|/sat/}}}}|{{w|Chrau|/saːc/}}|{{w|Jeh|/sɔk/}}|{{w|Tarieng|/kasaːc/}}|{{w|Tarieng|/ʔəsok/}} (Kasseng)|{{w|Tarieng|/nsaːc/}} (Kasseng)|{{w|Mnong|/saːc/}}|{{w|Stieng|/chaːc/}} (Bù Lơ)|{{w|Tampuan|/kasaac/}}|{{w|Katu|/kasaac/}} (Dakkang)|{{w|Kui|/saːc/}}|{{w|Ta'Oi|/kasaac/}} (Ngeq)|{{w|Pacoh|xóc}}|{{w|Bru|/ʔasaac/}} (Sô)|{{w|Khsing-Mul|/soːk/}}}}}} → {{etym|Proto-Vietic|/*ʔa-saːc{{ref|fer2007}}/|{{cog|{{list|{{w|Chứt|/saːc⁷/}} (Rục)|{{w|Chứt|/asaːc⁷/}} (Sách)|{{w|Chứt|/atʰaːc/}} (Arem)|{{w|Tho|/saːt⁷/}}|{{w|Pong|/saːc/}}|{{w|Maleng|/saːc⁷/}} (Khả Phong)|{{w|Thavung|/sâ̰ːt/}}}}}}}} dùng tay hoặc công cụ để hắt nước từ nơi này sang nơi khác<br />
#: '''tát''' [[ao]]<br />
#: '''tát''' gàu [[sòng]]<br />
#: nay '''tát''' đầm, [[mai]] '''tát''' đìa, [[ngày]] [[kia]] giỗ hậu<br />
#: [[còn]] [[nước]] [[còn]] '''tát'''<br />
# {{etym|proto-mon-khmer|/*d₁ai[t]{{ref|sho2006}}/||entry=2}}{{cog|{{list|{{w|Mon|{{rubyM|ဒါတ်|/tàt/}}}}|{{w|Mnong|djat}}|{{w|Khasi|dat}}|{{w|Pnar|/dat/}}}}}} đánh mạnh bằng lòng bàn tay lên má<br />
#: [[cái]] '''tát'''<br />
#: '''tát''' [[sưng]] [[má]]<br />
#: [[ăn]] '''tát'''<br />
#: '''tát''' [[tai]]<br />
{{gal|2|DGJ 1901 - Is that one or two scoops.. (3533421886).jpg|Tát nước bằng gàu|¡Oh, la sierra! de Xaudaró (cropped).jpg|Vợ tát chồng}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=M%C3%B4_%C4%91un:Ruby&diff=17975
Mô đun:Ruby
2026-03-31T09:39:04Z
<p>Admin: Đã lùi lại sửa đổi 17974 của Admin (thảo luận)</p>
<hr />
<div>local find = mw.ustring.find<br />
<br />
local p = {}<br />
<br />
---Converts the given text to traditional tone marks.<br />
function p.toTraditionalTones(text)<br />
if type(text) == "table" then<br />
text = text.args[1]<br />
end<br />
return (mw.ustring.gsub(text, "%a+", function (word)<br />
if mw.ustring.match(word, "^qu[yýỳỷỹỵ]$") then return word end<br />
return (mw.ustring.gsub(word, "%a%a$", {<br />
["oá"] = "óa", ["oà"] = "òa", ["oả"] = "ỏa", ["oã"] = "õa", ["oạ"] = "ọa",<br />
["oé"] = "óe", ["oè"] = "òe", ["oẻ"] = "ỏe", ["oẽ"] = "õe", ["oẹ"] = "ọe",<br />
["uý"] = "úy", ["uỳ"] = "ùy", ["uỷ"] = "ủy", ["uỹ"] = "ũy", ["uỵ"] = "ụy"<br />
}))<br />
end))<br />
end<br />
<br />
---Converts the given text to reformed tone marks.<br />
function p.toReformedTones(text)<br />
if type(text) == "table" then<br />
text = text.args[1]<br />
end<br />
return (mw.ustring.gsub(text, "%a+", function (word)<br />
return (mw.ustring.gsub(word, "%a%a$", {<br />
["óa"] = "oá", ["òa"] = "oà", ["ỏa"] = "oả", ["õa"] = "oã", ["ọa"] = "oạ",<br />
["óe"] = "oé", ["òe"] = "oè", ["ỏe"] = "oẻ", ["õe"] = "oẽ", ["ọe"] = "oẹ",<br />
["úy"] = "uý", ["ùy"] = "uỳ", ["ủy"] = "uỷ", ["ũy"] = "uỹ", ["ụy"] = "uỵ"<br />
}))<br />
end))<br />
end<br />
<br />
---Generate alternative orthographies.<br />
function p.allSpellings(main_spelling, makeLinks)<br />
local frame = nil<br />
if type(main_spelling) == "table" then<br />
frame = main_spelling<br />
main_spelling, makeLinks = frame.args[1], frame.args.link<br />
end<br />
<br />
local xformers = {<br />
p.toTraditionalTones, p.toReformedTones,<br />
}<br />
<br />
local spellings = {}<br />
for i, xformer in ipairs(xformers) do<br />
local alt_spelling = xformer(main_spelling)<br />
if not spellings[alt_spelling] then<br />
table.insert(spellings, alt_spelling)<br />
spellings[alt_spelling] = true<br />
end<br />
end<br />
<br />
if makeLinks then<br />
local m_links = require("Module:links") -- [[Module:links]]<br />
for k, link in ipairs(spellings) do<br />
spellings[k] = m_links.full_link({lang = lang, term = link})<br />
end<br />
end<br />
return frame and table.concat(spellings, "/") or spellings<br />
end<br />
<br />
---Unicode codepoints for combining Vietnamese tone marks.<br />
p.combiningToneMarks = mw.ustring.char(<br />
0x300, -- à<br />
0x301, -- á<br />
0x303, -- ã<br />
0x309, -- ả<br />
0x323 -- ạ<br />
)<br />
<br />
---Unicode codepoints for combining Vietnamese accent marks.<br />
p.combiningAccentMarks = mw.ustring.char(<br />
0x302, -- â<br />
0x306, -- ă<br />
0x31b -- ơ<br />
)<br />
<br />
---Strips Vietnamese diacritical marks from the given text.<br />
-- @param tones Set to “0” to leave tone marks intact.<br />
-- @param accents Set to “0” to leave accent marks intact.<br />
-- @param đ Set to “0” to leave “Đ” and “đ” intact.<br />
function p.removeDiacritics(text, toneMarks, accentMarks, stroke)<br />
if type(text) == "table" then<br />
text, toneMarks, accentMarks, stroke = text.args[1],<br />
not text.args.tones or tonumber(text.args.tones) == 1,<br />
not text.args.accents or tonumber(text.args.accents) == 1,<br />
not text.args["đ"] or tonumber(text.args["đ"]) == 1<br />
end<br />
text = mw.ustring.toNFD(text)<br />
if toneMarks then<br />
text = mw.ustring.gsub(text, "[" .. p.combiningToneMarks .. "]", "")<br />
end<br />
if accentMarks then<br />
text = mw.ustring.gsub(text, "[" .. p.combiningAccentMarks .. "]", "")<br />
end<br />
if stroke then<br />
text = mw.ustring.gsub(text, "[Đđ]", {["Đ"] = "D", ["đ"] = "d"})<br />
end<br />
return mw.ustring.toNFC(text)<br />
end<br />
<br />
---Vietnamese letters for use in comp().<br />
p.letters = "aAàÀảẢãÃáÁạẠăĂằẰẳẲẵẴắẮặẶâÂầẦẩẨẫẪấẤậẬbBcCdDđĐeEèÈẻẺẽẼéÉẹẸêÊềỀểỂễỄếẾệỆfFgGhHiIìÌỉỈĩĨíÍịỊjJkKlLmMnNoOòÒỏỎõÕóÓọỌôÔồỒổỔỗỖốỐộỘơƠờỜởỞỡỠớỚợỢpPqQrRsStTuUùÙủỦũŨúÚụỤưƯừỪửỬữỮứỨựỰvVwWxXyYỳỲỷỶỹỸýÝỵỴzZ"<br />
<br />
---Compare two syllables according to Vietnamese dictionary sorting order.<br />
function p.compWord(word1, word2)<br />
if mw.ustring.find(word1, word2, 1, true) == 0 then return false end<br />
if mw.ustring.find(word2, word1, 1, true) == 0 then return true end<br />
<br />
do<br />
local func1, static1, var1 = mw.ustring.gmatch(word1, "[" .. p.letters .. "]")<br />
local func2, static2, var2 = mw.ustring.gmatch(word2, "[" .. p.letters .. "]")<br />
while true do<br />
local c1 = func1(static1, var1)<br />
local c2 = func2(static2, var2)<br />
if c1 == nil or c2 == nil then break end<br />
<br />
local idx1 = mw.ustring.find(p.letters, c1, 1, true)<br />
local idx2 = mw.ustring.find(p.letters, c2, 1, true)<br />
if idx1 and idx2 then<br />
if idx1 < idx2 then return true end<br />
if idx1 > idx2 then return false end<br />
end<br />
end<br />
end<br />
<br />
return word1 < word2<br />
end<br />
<br />
---Abbreviations and text for Han tu references (used by p.createRefTag())<br />
---[[Wiktionary:Beer parlour/2018/December#References for Vietnamese readings listed under Template:vi-readings]]<br />
p.refAbbreviations = {<br />
tvctdhv = "Trần (1999)";<br />
hvttd = "Nguyễn (1974)";<br />
vntd = "Văn Mới (1954)";<br />
tchvtd = "Thiều Chửu (1942)";<br />
tdcndg = "Nguyễn (2014)",<br />
tdcntd = "Nguyễn et al. (2009)",<br />
gdhn = "Trần (2004)",<br />
dtdcn = "Vũ (1998)",<br />
btcn = "Hồ (1976)",<br />
bonet = "Bonet (1899)",<br />
genibrel = "Génibrel (1898)",<br />
taberd = "Taberd & Pigneau de Béhaine (1838)",<br />
}<br />
<br />
---Creates a ref tag containing [[Template:vi-ref]].<br />
---Expands abbreviations using p.refAbbreviations.<br />
function p.createRefTag(ref)<br />
local refFullName = p.refAbbreviations[ref] or ref<br />
return mw.getCurrentFrame():extensionTag{<br />
name = "ref",<br />
args = {<br />
name = ref,<br />
},<br />
content = mw.ustring.format("{{vi-ref|%s.}}", refFullName),<br />
}<br />
end<br />
<br />
---[[Template:vi-readings]]<br />
function p.readings(hanviet, nom, rs, phienthiet, reading)<br />
local pagename = mw.title.getCurrentTitle().text<br />
if type(hanviet) == "table" then<br />
local args = hanviet:getParent().args<br />
hanviet, nom, rs, phienthiet, reading =<br />
args.hanviet or args.hv, args.nom or args.n, args.rs or args.sort,<br />
args.phienthiet or args.phth or args.fanqie, args.reading or args.readings<br />
end<br />
<br />
local lines = {}<br />
local styles = {<br />
{<br />
link = "Hán Việt",<br />
cat = "Vietnamese Han tu",<br />
list = hanviet and mw.text.split(hanviet, "%s*,%s*"),<br />
phienthiet = phienthiet and mw.text.split(phienthiet, "%s*,%s*")<br />
},<br />
{<br />
link = "chữ Nôm|Nôm",<br />
cat = "Vietnamese Nom",<br />
list = nom and mw.text.split(nom, "%s*,%s*"),<br />
},<br />
{<br />
link = "Hán Nôm",<br />
cat = "Vietnamese Han characters with unconfirmed readings",<br />
list = reading and mw.text.split(reading, "%s*,%s*")<br />
},<br />
}<br />
for i, style in ipairs(styles) do<br />
if style.list and #style.list > 0 and #style.list[1] > 0 then<br />
local readings = style.list<br />
-- table.sort(readings, p.comp)<br />
for j, reading in ipairs(readings) do<br />
<br />
local ref<br />
local a, b = mw.ustring.match(reading, "(.-)%s*%-%s*(.+)")<br />
if a then<br />
reading, ref = a, b<br />
end<br />
<br />
local spellings = p.allSpellings(reading, true)<br />
readings[j] = table.concat(spellings, "/")<br />
<br />
-- Linking of "切" to "fanqie" for English explanation<br />
if style.phienthiet and style.phienthiet[j] then<br />
pruby = "link"<br />
local ruby = p.ruby(mw.ustring.match(mw.text.trim(style.phienthiet[j]),<br />
"(%a+) +(.+)"))<br />
pruby = {}<br />
if ruby then<br />
pruby = "nocolor"<br />
local suffix = p.ruby("切", "thiết")<br />
pruby = {}<br />
readings[j] = mw.ustring.format("%s (%s[[fanqie#English|%s]])",<br />
readings[j], ruby, suffix)<br />
end<br />
end<br />
<br />
-- References<br />
if ref then<br />
for ref in mw.text.gsplit(ref, "%s*;%s*") do<br />
readings[j] = readings[j] .. p.createRefTag(ref)<br />
end<br />
end<br />
end<br />
if #readings > 0 then<br />
local sortkey = rs or mw.title.getCurrentTitle().text<br />
readings = table.concat(readings, ", ")<br />
table.insert(lines, mw.ustring.format("<span class='Hani' lang='vi' style='font-size: 120%%;font-style: normal!important;'>%s</span>: '''[[%s]]''' readings: %s[[Category:%s|%s]] [[Category:Vietnamese lemmas]] [[Category:Vietnamese Han characters]]</br>",<br />
pagename, style.link, readings, style.cat, sortkey))<br />
end<br />
end<br />
end<br />
<br />
return table.concat(lines, "\n")<br />
end<br />
<br />
---[[Template:vi-ruby]]<br />
function p.ruby(characters, readings, mark, alts)<br />
if type(characters) == "table" then<br />
local args = characters:getParent().args<br />
characters, readings, mark, alts =<br />
args[1] or "",<br />
args[2] or "",<br />
args.mark or mw.title.getCurrentTitle().text,<br />
((args.alts and mw.text.split(args.alts, "%s+")) or<br />
(args.ids and mw.text.split(args.ids, "%s+")) or {})<br />
end<br />
<br />
if not readings then<br />
return characters<br />
end<br />
<br />
readings = mw.text.split(readings, "[^" .. p.letters .. "]+")<br />
<br />
local result = {}<br />
local character_idx = 1<br />
local alt_idx = 1<br />
for character in mw.ustring.gmatch(characters, ".") do<br />
local is_alt = false<br />
if character == "*" and alts[alt_idx] then<br />
character = alts[alt_idx]<br />
is_alt = true<br />
alt_idx = alt_idx + 1<br />
end<br />
if is_alt or (mw.ustring.match(character, "^%a$") and not character:match("^%w$")) then<br />
local reading = readings[character_idx]<br />
if mark and character == mark then<br />
character = mw.ustring.format("<mark>%s</mark>", character)<br />
reading = mw.ustring.format("<mark>%s</mark>", reading)<br />
end<br />
if pruby == 'link' then<br />
character = mw.ustring.format(<br />
"<ruby><rb><span class='Hani'; span style='font-size: 100%%'>[[%s#Vietnamese|%s]]</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em; font-size: 120%%;'>[[%s#Vietnamese|%s]]</span></rt><rp>)</rp></ruby>",<br />
character, character, reading, reading)<br />
end<br />
if pruby == 'nocolor' then<br />
character = mw.ustring.format(<br />
"<ruby><rb><span class='Hani' style='color:#000000;'>%s</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em; font-size: 120%%;'>%s</span></rt><rp>)</rp></ruby>",<br />
character, reading)<br />
end<br />
if pruby ~= 'link' and pruby ~= 'nocolor' then<br />
character = mw.ustring.format(<br />
"<ruby><rb><span class='Hani'>%s</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em;'>%s</span></rt><rp>)</rp></ruby>",<br />
character, reading)<br />
end<br />
character_idx = character_idx + 1<br />
end<br />
table.insert(result, character)<br />
end<br />
return mw.ustring.format("<span lang='vi' style='font-size: 120%%;font-style: normal!important;'>%s</span>", table.concat(result))<br />
end<br />
<br />
function p.hantutab()<br />
local hantu = mw.ustring.gsub(mw.title.getCurrentTitle().text, '[^一-鿿㐀-䶿﨎﨏﨑﨓﨔﨟﨡﨣﨤﨧-﨩𠀀-𪛟𪜀-𰀀-]', '')<br />
local table_head = '<table class="floatright wikitable" style="text-align:center; font-size:small;"><tr><th colspan="' .. <br />
mw.ustring.len(hantu) .. <br />
'" style="font-weight:normal;">[[Hán tự]] in this term</th></tr><tr lang="vi" class="Hani" style="font-size:2em; background:white; line-height:1em;">'<br />
return table_head .. <br />
mw.ustring.gsub(hantu, '(.)', '<td style="padding:0.5em;">[[%1#Vietnamese|%1]]</td>') .. <br />
'</tr></table>'<br />
end<br />
<br />
---Returns the categories indicated by the given wikitext.<br />
function p.classifierCategories(frame)<br />
local src = frame.args[1]<br />
local classifiers = {}<br />
for classifier in mw.ustring.gmatch(mw.ustring.gsub(src, "<[^>]->", ""), "[" .. p.letters .. "]+") do<br />
if classifier ~= "l" and classifier ~= "vi" and classifier ~= "vi-l" and<br />
classifier ~= "Vietnamese" then<br />
local cat = mw.ustring.format("[[Category:Vietnamese nouns classified by %s]]",<br />
classifier)<br />
table.insert(classifiers, cat)<br />
end<br />
end<br />
return table.concat(classifiers)<br />
end<br />
<br />
function p.new(frame)<br />
local title = mw.title.getCurrentTitle().subpageText<br />
local args = frame:getParent().args<br />
local pos = args[1] or ""<br />
local def = args[2] or "{{rfdef|vi}}"<br />
local pos2 = args[3] or (args[4] and "" or false)<br />
local def2 = args[4] or "{{rfdef|vi}}"<br />
local pos3 = args[5] or (args[6] and "" or false)<br />
local def3 = args[6] or "{{rfdef|vi}}"<br />
local etym = args["e"] or false<br />
local head = args["head"] or false<br />
local cat = args["cat"] or false<br />
local reg = args["reg"] or false<br />
local cls = args["cls"] or false<br />
local rdp = args["rdp"] or false<br />
local nom = args["nom"] or false<br />
local pic = args["pic"] or false<br />
local picc = args["picc"] or false<br />
<br />
nom = nom and mw.ustring.gsub(nom, "(.)", "[[%1]], ") or false<br />
nom = nom and mw.ustring.gsub(nom, ", $", "") or false<br />
if args["h"] then<br />
etym = "{{vi-etym-sino|" .. args["h"] .. "}}."<br />
end<br />
if not etym and mw.ustring.match(title, " ") then<br />
etym = "{{com|vi"<br />
for word in mw.text.gsplit(title, " ") do<br />
etym = etym .. "|" .. word<br />
end<br />
etym = etym .. "}}."<br />
end<br />
if etym == "-" then etym = false end<br />
if etym then etym = mw.ustring.gsub(etym, "^%<", "From") end<br />
<br />
local result = ""<br />
<br />
local function genTitle(text)<br />
local pos_title = {<br />
[""] = "Noun", ["n"] = "Noun", ["pn"] = "Proper noun", ["propn"] = "Proper noun", ["pron"] = "Pronoun",<br />
["v"] = "Verb", ["vf"] = "Verb", ["a"] = "Adjective", ["adj"] = "Adjective", ["adv"] = "Adverb",<br />
["prep"] = "Preposition", ["postp"] = "Postposition", ["conj"] = "Conjunction",<br />
["part"] = "Particle", ["suf"] = "Suffix",<br />
["prov"] = "Proverb", ["id"] = "Idiom", ["ph"] = "Phrase", ["intj"] = "Interjection", ["interj"] = "Interjection",<br />
["cl"] = "Classifier", ["cls"] = "Classifier", ["num"] = "Numeral", ["abb"] = "Abbreviation", ["deter"] = "Determiner"<br />
};<br />
return pos_title[text] or mw.ustring.upper(sub(text, 1, 1)) .. sub(text, 2, -1)<br />
end<br />
<br />
local function genHead(text)<br />
local pos_head = {<br />
[""] = "noun", ["n"] = "noun", ["pn"] = "proper noun", ["propn"] = "proper noun", ["v"] = "verb", ["vf"] = "verb form", ["a"] = "adj",<br />
["postp"] = "post", ["conj"] = "conj", ["part"] = "particle", ["pron"] = "pronoun",<br />
["prov"] = "proverb", ["id"] = "idiom", ["ph"] = "phrase", ["intj"] = "interj",<br />
["abb"] = "abbr", ["cl"] = "classifier", ["deter"] = "det"<br />
};<br />
return pos_head[text] or text<br />
end<br />
<br />
local function other(class, title, args)<br />
local code = ""<br />
if class == "der" and args[class] then<br />
code = code .. "\n\n===" .. title .. "===\n{{col3|vi|" .. args[class]<br />
i = 2<br />
while args[class .. i] do<br />
code = code .. "|" .. args[class .. i]<br />
i = i + 1<br />
end<br />
code = code .. "}}"<br />
elseif args[class] then<br />
code = code .. "\n\n===" .. title .. "===\n* {{l|vi|" .. args[class] .. "}}"<br />
i = 2<br />
<br />
while args[class .. i] do<br />
code = code .. "\n* {{l|vi|" .. args[class .. i] .. "}}"<br />
i = i + 1<br />
end<br />
end<br />
return code<br />
end<br />
<br />
result = result .. "==Vietnamese=="<br />
if args["wp"] then result = result .. "\n{{wikipedia|lang=vi" .. <br />
(args["wp"] == "y" and "" or "|" .. args["wp"]) .. "}}" end<br />
if pic then result = result .. "\n[[File:" .. pic .. "|thumb|" .. <br />
(picc or mw.ustring.gsub(title, '^%l', mw.ustring.upper) .. ".") .. "]]" end<br />
result = result .. other("alt", "Alternative forms", args)<br />
<br />
if etym then result = result .. "\n\n===Etymology===\n" .. etym end<br />
<br />
result = result .. "\n\n===Pronunciation===\n{{vi-IPA}}"<br />
result = result .. "\n\n===" .. genTitle(pos) .. "===\n{{vi-" .. genHead(pos) .. (head and ("|head=" .. head) or "") .. <br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") .. <br />
(((genHead(pos) == "adj" or genHead(pos) == "verb" or genHead(pos) == "adv") and rdp) and "|rdp=" .. rdp or "") .. <br />
(nom and "|" .. nom or "") .. <br />
"}}\n\n# " .. def<br />
<br />
result = result .. other("syn", "=Synonyms=", args)<br />
result = result .. other("ant", "=Antonyms=", args)<br />
result = result .. other("der", "=Derived terms=", args)<br />
result = result .. other("also", "=See also=", args)<br />
<br />
if pos2 then<br />
result = result .. "\n\n===" .. genTitle(pos2) .. "===\n{{vi-" .. genHead(pos2) .. (head and ("|head=" .. head) or "") .. <br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") .. <br />
(((genHead(pos2) == "adj" or genHead(pos2) == "verb" or genHead(pos2) == "adv") and rdp) and "|rdp=" .. rdp or "") .. <br />
(nom and "|" .. nom or "") .. <br />
"}}\n\n# " .. def2<br />
end<br />
<br />
if pos3 then<br />
result = result .. "\n\n===" .. genTitle(pos3) .. "===\n{{vi-" .. genHead(pos3) .. (head and ("|head=" .. head) or "") .. <br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") .. <br />
(((genHead(pos3) == "adj" or genHead(pos3) == "verb" or genHead(pos3) == "adv") and rdp) and "|rdp=" .. rdp or "") .. <br />
(nom and "|" .. nom or "") .. <br />
"}}\n\n# " .. def3<br />
end<br />
<br />
if cat then result = result .. "\n\n{{C|vi|" .. cat .. "}}" end<br />
<br />
return result<br />
end<br />
<br />
function p.new_der(frame)<br />
local title = mw.title.getCurrentTitle().subpageText<br />
local data_module = require("Module:vi/vocab-list")<br />
local args = frame:getParent().args<br />
local result = {}<br />
for _, arg in ipairs(args) do<br />
table.insert(result, arg)<br />
end<br />
<br />
for _, word in ipairs(data_module) do<br />
if find(word, title) and word ~= title and not find(word, title .. "[^ ]") and not find(word, "[^ ]" .. title) then<br />
table.insert(result, word)<br />
end<br />
end<br />
<br />
local hash, res = {}, {}<br />
for _, element in ipairs(result) do<br />
if not hash[element] then<br />
res[#res + 1] = element<br />
hash[element] = true<br />
end<br />
end<br />
<br />
local vi_sort_module = require("Module:vi-sortkey")<br />
local makeSortKey = require("Module:fun").memoize(vi_sort_module.makeSortKey)<br />
table.sort(res, function(term1, term2) return makeSortKey(term1) < makeSortKey(term2) end)<br />
<br />
return "{{vi-der|" .. table.concat(res, "|") .. "}}"<br />
end<br />
<br />
function p.derived(frame)<br />
local tu_lay_note = "<span style=\"padding-left:4px; padding-right:4px\">&nbsp;</span><span style=\"background:#ffffe0\">(''[[từ láy]]'')</span>"<br />
local m_columns = require("Module:columns")<br />
local lang = require("Module:languages").getByCode("vi")<br />
local m_links = require("Module:links")<br />
local args = frame:getParent().args<br />
local pagename = mw.title.getCurrentTitle().text<br />
local result = {}<br />
local length = 0<br />
<br />
unfold = args["unfold"] and true or false<br />
title = args["title"] or false<br />
title_text = title or "Derived terms"<br />
<br />
for i, word in ipairs(args) do<br />
word, is_tu_lay = mw.ustring.gsub(word, "%:tl", "")<br />
tu_lay = is_tu_lay > 0 and tu_lay_note or ""<br />
local word_parts = mw.text.split(mw.ustring.gsub(word, "\n", "" ), ":")<br />
table.insert(result, m_links.full_link({ <br />
lang = lang, <br />
term = word_parts[1], <br />
gloss = word_parts[2] or nil }) ..<br />
<br />
tu_lay)<br />
<br />
length = math.max(mw.ustring.len(word), length)<br />
end<br />
<br />
return <br />
m_columns.create_table(<br />
(length > 15 and 2 or 3), <br />
result, <br />
1, <br />
"#F5F5FF",<br />
((unfold or #result < 7) and false or true), <br />
"Derived terms",<br />
title_text, <br />
nil, <br />
nil,<br />
lang<br />
)<br />
end<br />
<br />
return p</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=M%C3%B4_%C4%91un:Ruby&diff=17974
Mô đun:Ruby
2026-03-31T09:37:53Z
<p>Admin: </p>
<hr />
<div>--- Lexicographic tools for Vietnamese language text.<br />
<br />
local m_str_utils = require("Module:string utilities")<br />
<br />
local find = m_str_utils.find<br />
local format = string.format<br />
local gmatch = m_str_utils.gmatch<br />
local gsub = m_str_utils.gsub<br />
local len = m_str_utils.len<br />
local match = m_str_utils.match<br />
local upper = m_str_utils.upper<br />
<br />
local lang = require("Module:languages").getByCode("vi")<br />
<br />
local p = {}<br />
<br />
---Converts the given text to traditional tone marks.<br />
function p.toTraditionalTones(text)<br />
if type(text) == "table" then<br />
text = text.args[1]<br />
end<br />
return gsub(text, "%a+", function (word)<br />
if match(word, "^qu[yýỳỷỹỵ]$") then return word end<br />
return gsub(word, "%a%a$", {<br />
["oá"] = "óa", ["oà"] = "òa", ["oả"] = "ỏa", ["oã"] = "õa", ["oạ"] = "ọa",<br />
["oé"] = "óe", ["oè"] = "òe", ["oẻ"] = "ỏe", ["oẽ"] = "õe", ["oẹ"] = "ọe",<br />
["uý"] = "úy", ["uỳ"] = "ùy", ["uỷ"] = "ủy", ["uỹ"] = "ũy", ["uỵ"] = "ụy"<br />
})<br />
end)<br />
end<br />
<br />
---Converts the given text to reformed tone marks.<br />
function p.toReformedTones(text)<br />
if type(text) == "table" then<br />
text = text.args[1]<br />
end<br />
return gsub(text, "%a+", function (word)<br />
return gsub(word, "%a%a$", {<br />
["óa"] = "oá", ["òa"] = "oà", ["ỏa"] = "oả", ["õa"] = "oã", ["ọa"] = "oạ",<br />
["óe"] = "oé", ["òe"] = "oè", ["ỏe"] = "oẻ", ["õe"] = "oẽ", ["ọe"] = "oẹ",<br />
["úy"] = "uý", ["ùy"] = "uỳ", ["ủy"] = "uỷ", ["ũy"] = "uỹ", ["ụy"] = "uỵ"<br />
})<br />
end)<br />
end<br />
<br />
---Generate alternative orthographies.<br />
function p.allSpellings(main_spelling, makeLinks)<br />
local frame = nil<br />
if type(main_spelling) == "table" then<br />
frame = main_spelling<br />
main_spelling, makeLinks = frame.args[1], frame.args.link<br />
end<br />
<br />
local xformers = {<br />
p.toTraditionalTones,<br />
p.toReformedTones,<br />
}<br />
<br />
local spellings = {}<br />
for _, xformer in ipairs(xformers) do<br />
local alt_spelling = xformer(main_spelling)<br />
if not spellings[alt_spelling] then<br />
table.insert(spellings, alt_spelling)<br />
spellings[alt_spelling] = true<br />
end<br />
end<br />
<br />
if makeLinks then<br />
local m_links = require("Module:links")<br />
for k, link in ipairs(spellings) do<br />
spellings[k] = m_links.full_link({lang = lang, term = link})<br />
end<br />
end<br />
<br />
return frame and table.concat(spellings, "/") or spellings<br />
end<br />
<br />
---Unicode codepoints for combining Vietnamese tone marks.<br />
p.combiningToneMarks = mw.ustring.char(0x300, 0x301, 0x303, 0x309, 0x323)<br />
<br />
---Unicode codepoints for combining Vietnamese accent marks.<br />
p.combiningAccentMarks = mw.ustring.char(0x302, 0x306, 0x31b)<br />
<br />
---Strips Vietnamese diacritical marks from the given text.<br />
function p.removeDiacritics(text, toneMarks, accentMarks, stroke)<br />
if type(text) == "table" then<br />
text, toneMarks, accentMarks, stroke = text.args[1],<br />
not text.args.tones or tonumber(text.args.tones) == 1,<br />
not text.args.accents or tonumber(text.args.accents) == 1,<br />
not text.args["đ"] or tonumber(text.args["đ"]) == 1<br />
end<br />
<br />
text = mw.ustring.toNFD(text)<br />
<br />
if toneMarks then<br />
text = gsub(text, "[" .. p.combiningToneMarks .. "]", "")<br />
end<br />
if accentMarks then<br />
text = gsub(text, "[" .. p.combiningAccentMarks .. "]", "")<br />
end<br />
if stroke then<br />
text = gsub(text, "[Đđ]", {["Đ"] = "D", ["đ"] = "d"})<br />
end<br />
<br />
return mw.ustring.toNFC(text)<br />
end<br />
<br />
---Vietnamese letters for use in comp().<br />
p.letters = "aAàÀảẢãÃáÁạẠăĂằẰẳẲẵẴắẮặẶâÂầẦẩẨẫẪấẤậẬbBcCdDđĐeEèÈẻẺẽẼéÉẹẸêÊềỀểỂễỄếẾệỆfFgGhHiIìÌỉỈĩĨíÍịỊjJkKlLmMnNoOòÒỏỎõÕóÓọỌôÔồỒổỔỗỖốỐộỘơƠờỜởỞỡỠớỚợỢpPqQrRsStTuUùÙủỦũŨúÚụỤưƯừỪửỬữỮứỨựỰvVwWxXyYỳỲỷỶỹỸýÝỵỴzZ"<br />
<br />
---Compare two syllables according to Vietnamese dictionary sorting order.<br />
function p.compWord(word1, word2)<br />
if find(word1, word2, 1, true) == 1 then return false end<br />
if find(word2, word1, 1, true) == 1 then return true end<br />
<br />
local iter1 = gmatch(word1, "[" .. p.letters .. "]")<br />
local iter2 = gmatch(word2, "[" .. p.letters .. "]")<br />
<br />
while true do<br />
local c1 = iter1()<br />
local c2 = iter2()<br />
if c1 == nil or c2 == nil then break end<br />
<br />
local idx1 = find(p.letters, c1, 1, true)<br />
local idx2 = find(p.letters, c2, 1, true)<br />
<br />
if idx1 and idx2 then<br />
if idx1 < idx2 then return true end<br />
if idx1 > idx2 then return false end<br />
end<br />
end<br />
<br />
return word1 < word2<br />
end<br />
<br />
---Abbreviations and text for Han tu references.<br />
p.refAbbreviations = {<br />
tvctdhv = "Trần (1999)",<br />
hvttd = "Nguyễn (1974)",<br />
vntd = "Văn Mới (1954)",<br />
tchvtd = "Thiều Chửu (1942)",<br />
tdcndg = "Nguyễn (2014)",<br />
tdcntd = "Nguyễn et al. (2009)",<br />
gdhn = "Trần (2004)",<br />
dtdcn = "Vũ (1998)",<br />
btcn = "Hồ (1976)",<br />
bonet = "Bonet (1899)",<br />
genibrel= "Génibrel (1898)",<br />
taberd = "Taberd & Pigneau de Béhaine (1838)",<br />
}<br />
<br />
---Creates a ref tag containing [[Template:vi-ref]].<br />
function p.createRefTag(ref)<br />
local refFullName = p.refAbbreviations[ref] or ref<br />
return mw.getCurrentFrame():extensionTag{<br />
name = "ref",<br />
args = { name = ref },<br />
content = format("{{vi-ref|%s.}}", refFullName)<br />
}<br />
end<br />
<br />
---[[Template:vi-readings]]<br />
function p.readings(hanviet, nom, rs, phienthiet, reading)<br />
local pagename = mw.loadData("Module:headword/data").pagename<br />
<br />
if type(hanviet) == "table" then<br />
local args = hanviet:getParent().args<br />
hanviet, nom, rs, phienthiet, reading =<br />
args.hanviet or args.hv, args.nom or args.n, args.rs or args.sort,<br />
args.phienthiet or args.phth or args.fanqie, args.reading or args.readings<br />
end<br />
<br />
local lines = {}<br />
local styles = {<br />
{<br />
link = "Hán Việt",<br />
cat = "Vietnamese Chữ Hán",<br />
list = hanviet and mw.text.split(hanviet, "%s*,%s*"),<br />
phienthiet = phienthiet and mw.text.split(phienthiet, "%s*,%s*")<br />
},<br />
{<br />
link = "chữ Nôm|Nôm",<br />
cat = "Vietnamese Nom",<br />
list = nom and mw.text.split(nom, "%s*,%s*"),<br />
},<br />
{<br />
link = "Hán Nôm",<br />
cat = "Vietnamese Han characters with unconfirmed readings",<br />
list = reading and mw.text.split(reading, "%s*,%s*")<br />
},<br />
}<br />
<br />
for _, style in ipairs(styles) do<br />
if style.list and #style.list > 0 and #style.list[1] > 0 then<br />
local readings = style.list<br />
<br />
for j, reading in ipairs(readings) do<br />
local ref<br />
local a, b = match(reading, "(.-)%s*%-%s*(.+)")<br />
if a then<br />
reading, ref = a, b<br />
end<br />
<br />
local spellings = p.allSpellings(reading, true)<br />
readings[j] = table.concat(spellings, "/")<br />
<br />
-- Linking of "切" to "fanqie"<br />
if style.phienthiet and style.phienthiet[j] then<br />
local pruby = "link"<br />
local ruby = p.ruby(match(mw.text.trim(style.phienthiet[j]), "(%a+) +(.+)"))<br />
if ruby then<br />
pruby = "nocolor"<br />
local suffix = p.ruby("切", "thiết")<br />
readings[j] = format("%s (%s[[fanqie#English|%s]])", readings[j], ruby, suffix)<br />
end<br />
end<br />
<br />
-- References<br />
if ref then<br />
for r in mw.text.gsplit(ref, "%s*;%s*") do<br />
readings[j] = readings[j] .. p.createRefTag(r)<br />
end<br />
end<br />
end<br />
<br />
if #readings > 0 then<br />
local sortkey = rs or pagename<br />
readings = table.concat(readings, ", ")<br />
table.insert(lines, format(<br />
"<span class='Hani' lang='vi' style='font-size: 135%%;'>%s</span>: '''[[%s]]''' readings: %s[[Category:%s|%s]] [[Category:Vietnamese lemmas]] [[Category:Vietnamese Han characters]]</br>",<br />
pagename, style.link, readings, style.cat, sortkey))<br />
end<br />
end<br />
end<br />
<br />
return table.concat(lines, "\n")<br />
end<br />
<br />
---[[Template:vi-ruby]]<br />
local pruby = {} -- shared state used by readings() and ruby()<br />
<br />
function p.ruby(characters, readings, mark, alts)<br />
if type(characters) == "table" then<br />
local args = characters:getParent().args<br />
characters, readings, mark, alts =<br />
args[1] or "",<br />
args[2] or "",<br />
args.mark or mw.loadData("Module:headword/data").pagename,<br />
((args.alts and mw.text.split(args.alts, "%s+")) or<br />
(args.ids and mw.text.split(args.ids, "%s+")) or {})<br />
end<br />
<br />
if not readings then<br />
return characters<br />
end<br />
<br />
readings = mw.text.split(readings, "[^" .. p.letters .. "]+")<br />
local result = {}<br />
local character_idx = 1<br />
local alt_idx = 1<br />
<br />
for character in gmatch(characters, ".") do<br />
local is_alt = false<br />
if character == "*" and alts[alt_idx] then<br />
character = alts[alt_idx]<br />
is_alt = true<br />
alt_idx = alt_idx + 1<br />
end<br />
<br />
if is_alt or (match(character, "^%a$") and not character:match("^%w$")) then<br />
local reading = readings[character_idx]<br />
<br />
if mark and character == mark then<br />
character = format("<mark>%s</mark>", character)<br />
reading = format("<mark>%s</mark>", reading)<br />
end<br />
<br />
if pruby == 'link' then<br />
character = format(<br />
"<ruby><rb><span class='Hani' style='font-size: 100%%'>[[%s#Vietnamese|%s]]</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em; font-size: 135%%;'>[[%s#Vietnamese|%s]]</span></rt><rp>)</rp></ruby>",<br />
character, character, reading, reading)<br />
elseif pruby == 'nocolor' then<br />
character = format(<br />
"<ruby><rb><span class='Hani' style='color:#202122;'>%s</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em; font-size: 125%%;'>%s</span></rt><rp>)</rp></ruby>",<br />
character, reading)<br />
else<br />
character = format(<br />
"<ruby><rb><span class='Hani'>%s</span></rb><rp>(</rp><rt><span style='padding: 0 0.25em;'>%s</span></rt><rp>)</rp></ruby>",<br />
character, reading)<br />
end<br />
<br />
character_idx = character_idx + 1<br />
end<br />
table.insert(result, character)<br />
end<br />
<br />
return format("<span lang='vi' style='font-size: 135%%;'>%s</span>", table.concat(result))<br />
end<br />
<br />
function p.hantutab()<br />
local hantu = gsub(mw.loadData("Module:headword/data").pagename, '[^一-鿿㐀-䶿﨎﨏﨑﨓﨔﨟﨡﨣﨤﨧-﨩𠀀-𪛟𪜀-𰀀-]', '')<br />
local table_head = '<table class="floatright wikitable" style="text-align:center; font-size:small;"><tr><th colspan="' ..<br />
len(hantu) ..<br />
'" style="font-weight:normal;">[[Hán tự]] in this term</th></tr><tr lang="vi" class="Hani" style="font-size:2em; background:white; line-height:1em;">'<br />
<br />
return table_head ..<br />
gsub(hantu, '(.)', '<td style="padding:0.5em;">[[%1#Vietnamese|%1]]</td>') ..<br />
'</tr></table>'<br />
end<br />
<br />
---Returns the categories indicated by the given wikitext.<br />
function p.classifierCategories(frame)<br />
local src = frame.args[1]<br />
local classifiers = {}<br />
for classifier in gmatch(gsub(src, "<[^>]->", ""), "[" .. p.letters .. "]+") do<br />
if classifier ~= "l" and classifier ~= "vi" and classifier ~= "vi-l" and<br />
classifier ~= "Vietnamese" then<br />
local cat = format("[[Category:Vietnamese nouns classified by %s]]", classifier)<br />
table.insert(classifiers, cat)<br />
end<br />
end<br />
return table.concat(classifiers)<br />
end<br />
<br />
function p.new(frame)<br />
local title = mw.loadData("Module:headword/data").pagename<br />
local args = frame:getParent().args<br />
local pos = args[1] or ""<br />
local def = args[2] or "{{rfdef|vi}}"<br />
local pos2 = args[3] or (args[4] and "" or false)<br />
local def2 = args[4] or "{{rfdef|vi}}"<br />
local pos3 = args[5] or (args[6] and "" or false)<br />
local def3 = args[6] or "{{rfdef|vi}}"<br />
local etym = args["e"] or false<br />
local head = args["head"] or false<br />
local cat = args["cat"] or false<br />
local cls = args["cls"] or false<br />
local rdp = args["rdp"] or false<br />
local nom = args["nom"] or false<br />
local pic = args["pic"] or false<br />
local picc = args["picc"] or false<br />
<br />
nom = nom and gsub(nom, "(.)", "[[%1]], ") or false<br />
nom = nom and gsub(nom, ", $", "") or false<br />
<br />
if args["h"] then<br />
etym = "{{vi-etym-sino|" .. args["h"] .. "}}."<br />
end<br />
<br />
if not etym and match(title, " ") then<br />
etym = "{{com|vi"<br />
for word in mw.text.gsplit(title, " ") do<br />
etym = etym .. "|" .. word<br />
end<br />
etym = etym .. "}}."<br />
end<br />
<br />
if etym == "-" then etym = false end<br />
if etym then etym = gsub(etym, "^%<", "From") end<br />
<br />
local result = ""<br />
<br />
local function genTitle(text)<br />
local pos_title = {<br />
[""] = "Noun", ["n"] = "Noun", ["pn"] = "Proper noun", ["propn"] = "Proper noun", ["pron"] = "Pronoun",<br />
["v"] = "Verb", ["vf"] = "Verb", ["a"] = "Adjective", ["adj"] = "Adjective", ["adv"] = "Adverb",<br />
["prep"] = "Preposition", ["postp"] = "Postposition", ["conj"] = "Conjunction",<br />
["part"] = "Particle", ["suf"] = "Suffix",<br />
["prov"] = "Proverb", ["id"] = "Idiom", ["ph"] = "Phrase", ["intj"] = "Interjection",<br />
["cl"] = "Classifier", ["cls"] = "Classifier", ["num"] = "Numeral", ["abb"] = "Abbreviation", ["deter"] = "Determiner"<br />
}<br />
return pos_title[text] or upper(text:sub(1,1)) .. text:sub(2)<br />
end<br />
<br />
local function genHead(text)<br />
local pos_head = {<br />
[""] = "noun", ["n"] = "noun", ["pn"] = "proper noun", ["propn"] = "proper noun",<br />
["v"] = "verb", ["vf"] = "verb form", ["a"] = "adj",<br />
["postp"] = "post", ["conj"] = "conj", ["part"] = "particle", ["pron"] = "pronoun",<br />
["prov"] = "proverb", ["id"] = "idiom", ["ph"] = "phrase", ["intj"] = "interj",<br />
["abb"] = "abbr", ["cl"] = "classifier", ["deter"] = "det"<br />
}<br />
return pos_head[text] or text<br />
end<br />
<br />
local function other(class, title, args)<br />
local code = ""<br />
local i = 2<br />
if class == "der" and args[class] then<br />
code = code .. "\n\n===" .. title .. "===\n{{col3|vi|" .. args[class]<br />
while args[class .. i] do<br />
code = code .. "|" .. args[class .. i]<br />
i = i + 1<br />
end<br />
code = code .. "}}"<br />
elseif args[class] then<br />
code = code .. "\n\n===" .. title .. "===\n* {{l|vi|" .. args[class] .. "}}"<br />
while args[class .. i] do<br />
code = code .. "\n* {{l|vi|" .. args[class .. i] .. "}}"<br />
i = i + 1<br />
end<br />
end<br />
return code<br />
end<br />
<br />
result = result .. "==Vietnamese=="<br />
if args["wp"] then<br />
result = result .. "\n{{wp|vi:" .. (args["wp"] == "y" and "" or args["wp"]) .. "}}"<br />
end<br />
if pic then<br />
result = result .. "\n[[File:" .. pic .. "|thumb|" .. (picc or upper(title:sub(1,1)) .. title:sub(2) .. ".") .. "]]"<br />
end<br />
<br />
result = result .. other("alt", "Alternative forms", args)<br />
if etym then result = result .. "\n\n===Etymology===\n" .. etym end<br />
result = result .. "\n\n===Pronunciation===\n{{vi-IPA}}"<br />
result = result .. "\n\n===" .. genTitle(pos) .. "===\n{{vi-" .. genHead(pos) ..<br />
(head and ("|head=" .. head) or "") ..<br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") ..<br />
(((genHead(pos) == "adj" or genHead(pos) == "verb" or genHead(pos) == "adv") and rdp) and "|rdp=" .. rdp or "") ..<br />
(nom and "|" .. nom or "") ..<br />
"}}\n\n# " .. def<br />
<br />
result = result .. other("syn", "=Synonyms=", args)<br />
result = result .. other("ant", "=Antonyms=", args)<br />
result = result .. other("der", "=Derived terms=", args)<br />
result = result .. other("also", "=See also=", args)<br />
<br />
if pos2 then<br />
result = result .. "\n\n===" .. genTitle(pos2) .. "===\n{{vi-" .. genHead(pos2) ..<br />
(head and ("|head=" .. head) or "") ..<br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") ..<br />
(((genHead(pos2) == "adj" or genHead(pos2) == "verb" or genHead(pos2) == "adv") and rdp) and "|rdp=" .. rdp or "") ..<br />
(nom and "|" .. nom or "") ..<br />
"}}\n\n# " .. def2<br />
end<br />
<br />
if pos3 then<br />
result = result .. "\n\n===" .. genTitle(pos3) .. "===\n{{vi-" .. genHead(pos3) ..<br />
(head and ("|head=" .. head) or "") ..<br />
((genHead(pos) == "noun" and cls) and "|cls=" .. cls or "") ..<br />
(((genHead(pos3) == "adj" or genHead(pos3) == "verb" or genHead(pos3) == "adv") and rdp) and "|rdp=" .. rdp or "") ..<br />
(nom and "|" .. nom or "") ..<br />
"}}\n\n# " .. def3<br />
end<br />
<br />
if cat then result = result .. "\n\n{{C|vi|" .. cat .. "}}" end<br />
<br />
return result<br />
end<br />
<br />
function p.new_der(frame)<br />
local title = mw.loadData("Module:headword/data").pagename<br />
local data_module = require("Module:vi/vocab-list")<br />
local args = frame:getParent().args<br />
local result = {}<br />
<br />
for _, arg in ipairs(args) do<br />
table.insert(result, arg)<br />
end<br />
<br />
for _, word in ipairs(data_module) do<br />
if find(word, title) and word ~= title and not find(word, title .. "[^ ]") and not find(word, "[^ ]" .. title) then<br />
table.insert(result, word)<br />
end<br />
end<br />
<br />
local hash, res = {}, {}<br />
for _, element in ipairs(result) do<br />
if not hash[element] then<br />
res[#res + 1] = element<br />
hash[element] = true<br />
end<br />
end<br />
<br />
local vi_sort_module = require("Module:vi-sortkey")<br />
local makeSortKey = require("Module:memoize")(vi_sort_module.makeSortKey)<br />
<br />
table.sort(res, function(term1, term2)<br />
return makeSortKey(term1) < makeSortKey(term2)<br />
end)<br />
<br />
return "{{vi-der|" .. table.concat(res, "|") .. "}}"<br />
end<br />
<br />
function p.derived(frame)<br />
local tu_lay_note = "<span style=\"padding-left:4px; padding-right:4px\">&nbsp;</span><span style=\"background:#ffffe0\">(''[[từ láy]]'')</span>"<br />
local m_columns = require("Module:columns")<br />
local m_links = require("Module:links")<br />
local args = frame:getParent().args<br />
local pagename = mw.loadData("Module:headword/data").pagename<br />
local result = {}<br />
local length = 0<br />
<br />
local unfold = args["unfold"] and true or false<br />
local title = args["title"] or false<br />
local title_text = title or "Derived terms"<br />
<br />
for _, word in ipairs(args) do<br />
local w, is_tu_lay = gsub(word, "%:tl", "")<br />
local tu_lay = is_tu_lay > 0 and tu_lay_note or ""<br />
local word_parts = mw.text.split(gsub(w, "\n", ""), ":")<br />
table.insert(result, m_links.full_link({<br />
lang = lang,<br />
term = word_parts[1],<br />
gloss = word_parts[2] or nil<br />
}) .. tu_lay)<br />
length = math.max(len(w), length)<br />
end<br />
<br />
return m_columns.create_list {<br />
column_count = (length > 15 and 2 or 3),<br />
content = result,<br />
header = "''(" .. title_text .. ")'':",<br />
alphabetize = true,<br />
collapse = (unfold or #result < 7) and false or true,<br />
class = "columns-bg",<br />
lang = lang<br />
}<br />
end<br />
<br />
return p</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=B%E1%BA%A3n_m%E1%BA%ABu:Gal&diff=17973
Bản mẫu:Gal
2026-03-31T08:32:48Z
<p>Admin: </p>
<hr />
<div>{{#switch: {{{1}}}<br />
| 1 = [[File:{{{2}}}|thumb|{{{3}}}]]<br />
| 2 = <div class="alignright"><ul><li class="multimg" style="display: inline-block; vertical-align: top;">[[File:{{{2}}}|thumb|{{{3}}}]]</li><li class="multimg" style="display: inline-block; vertical-align: top;">[[File:{{{4}}}|thumb|{{{5}}}]]</li></ul></div><br />
| 3 = <div class="alignright"><ul><li class="multimg" style="display: inline-block; vertical-align: top;">[[File:{{{2}}}|thumb|{{{3}}}]]</li><li class="multimg" style="display: inline-block; vertical-align: top;">[[File:{{{4}}}|thumb|{{{5}}}]]</li><li class="multimg" style="display: inline-block; vertical-align: top;">[[File:{{{6}}}|thumb|{{{7}}}]]</li></ul></div><br />
| 4 = <div class="alignright"><ul><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{2}}}|thumb|150px|{{{3}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{4}}}|thumb|150px|{{{5}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{6}}}|thumb|150px|{{{7}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{8}}}|thumb|150px|{{{9}}}]]</li></ul></div><br />
| 5 = <div class="alignright"><ul><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{2}}}|thumb|150px|{{{3}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{4}}}|thumb|150px|{{{5}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{6}}}|thumb|150px|{{{7}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{8}}}|thumb|150px|{{{9}}}]]</li><li class="multimgs" style="display: inline-block; vertical-align: top;">[[File:{{{10}}}|thumb|150px|{{{11}}}]]</li></ul></div><br />
| <br />
}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=U%E1%BB%91ng&diff=17972
Uống
2026-03-31T08:28:02Z
<p>Admin: </p>
<hr />
<div># {{etym|Proto-Vietic|/*ʔɔːŋʔ{{ref|fer2007}}/|}}{{cog|{{w|Muong|ỏng}}}} → {{etym|{{việt|1651}}|üống, üấng|}} nuốt chất lỏng qua đường miệng <br />
#: '''uống''' [[thuốc]]<br />
#: [[xe]] '''uống''' [[xăng]]<br />
{{gal|1|Giraffe_(Giraffa_camelopardalis)_drinking_..._(46232153744).jpg|Hươu cao cổ uống nước}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=R%C3%BAp&diff=17971
Rúp
2026-03-05T04:02:21Z
<p>Admin: </p>
<hr />
<div># {{etym|Nga|{{rubyS|nozoom=1|рубль|rublʹ}}{{pron|Ru-%D1%80%D1%83%D0%B1%D0%BB%D1%8C.ogg}}|}} đơn vị tiền tệ của Nga và một số nước lân cận<br />
#: [[đồng]] 200 '''rúp'''<br />
#: mỗi '''rúp''' [[bằng]] [[một]] [[trăm]] cô-pếch<br />
{{gal|1|5000 rubles obverse 2023.jpg|Đồng 5000 rúp Nga}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=R%C3%BAp&diff=17970
Rúp
2026-03-05T04:00:48Z
<p>Admin: </p>
<hr />
<div># {{etym|Nga|{{rubyS|nozoom=1|рубль|rublʹ|nozoom=1}}{{pron|Ru-%D1%80%D1%83%D0%B1%D0%BB%D1%8C.ogg}}|}} đơn vị tiền tệ của Nga và một số nước lân cận<br />
#: [[đồng]] 200 '''rúp'''<br />
#: mỗi '''rúp''' [[bằng]] [[một]] [[trăm]] cô-pếch<br />
{{gal|1|5000 rubles obverse 2023.jpg|Đồng 5000 rúp Nga}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=Aptomat&diff=17969
Aptomat
2026-03-05T03:58:42Z
<p>Admin: </p>
<hr />
<div># {{etym|Nga|{{rubyS|автоматический|avtomaticheskiy|nozoom=1}} {{rubyS|(выключатель)|(vyklyuchatel)|nozoom=1}}{{pron|rus-автоматический.mp3}}|}} cầu dao tự động<br />
#: ngắt [[aptomat]]<br />
#: [[aptomat]] tổng<br />
#: đóng [[aptomat]] [[bằng]] [[tay]]<br />
{{gal|1|Автоматический выключатель.jpg|Aptomat tổng}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=Vi%C3%AAn&diff=17968
Viên
2026-03-04T02:08:45Z
<p>Admin: </p>
<hr />
<div># {{etym|hán cổ|{{ruby|丸|hoàn}} {{nb|/*ɡʷaːn/}}|}} vật hình cầu nhỏ, hoặc các vật nhỏ có cùng hình dạng, kích thước và chất liệu; dùng tay lăn vật mềm nhiều vòng để tạo thành hình cầu nhỏ<br />
#: '''viên''' [[thuốc]]<br />
#: '''viên''' [[gạch]]<br />
#: '''viên''' [[thuốc]] [[lại]] thành hoàn<br />
#: '''viên''' bột thành từng [[bánh]]<br />
{{gal|2|A collection of generic medicine pills on a white background.jpg|Thuốc viên|Superior cobble.JPG|Viên sỏi}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=V%C3%B2&diff=17967
Vò
2026-03-03T09:55:02Z
<p>Admin: </p>
<hr />
<div># {{etym|proto-vietic|/*vɔː{{ref|fer2007}}/||entry=1}}{{cog|{{list|{{w|Pong|/vɔː/}} (Ly Hà)|{{w|Pong|/vaw/}} (Toum)}}}} hũ lớn bằng đất nung, thường để đựng nước hoặc rượu <br />
#: '''vò''' [[rượu]]<br />
#: '''vò''' [[nước]] [[mắm]]<br />
# {{etym|proto-mon-khmer|{{ownrebuild|/*poo/}}|cầm, nắm|entry=2}}{{cog|{{list|{{w|btb|bo}}|{{w|Cua|/sapaʔ/|cầm, nắm}}|{{w|Semai|poh|cầm, nắm}}|{{w|O'du|/pua/|cầm, nắm}}}}}} dùng tay bóp hoặc xoa đi xoa lại cho nát, cho rời hay để làm sạch<br />
#: '''vò''' [[nhàu]] tờ [[giấy]]<br />
#: '''vò''' đầu [[bứt]] [[tai]]<br />
#: [[rối]] như [[tơ]] '''vò'''<br />
#: [[giày]] '''vò'''<br />
#: [[xôi]] '''vò'''<br />
#: '''vò''' [[lúa]]<br />
#: '''vò''' [[quần]] [[áo]]<br />
{{gal|1|Rice wine, aging in jars, Wuzhan, China 2006.jpg|Vò ủ rượu}}<br />
{{cogs}}<br />
{{refs}}{{gal|1|Rice wine, aging in jars, Wuzhan, China 2006.jpg|Vò ủ rượu}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=T%C3%BA&diff=17966
Tú
2026-03-03T04:22:14Z
<p>Admin: Nhập CSV</p>
<hr />
<div>#REDIRECT [[Tú lơ khơ]]</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=Tu-l%C6%A1-kh%C6%A1&diff=17965
Tu-lơ-khơ
2026-03-03T04:18:41Z
<p>Admin: Nhập CSV</p>
<hr />
<div>#REDIRECT [[Tú lơ khơ]]</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=T%C3%BA-l%C6%A1-kh%C6%A1&diff=17964
Tú-lơ-khơ
2026-03-03T04:18:40Z
<p>Admin: Nhập CSV</p>
<hr />
<div>#REDIRECT [[Tú lơ khơ]]</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=Tu_l%C6%A1_kh%C6%A1&diff=17963
Tu lơ khơ
2026-03-03T04:18:39Z
<p>Admin: Nhập CSV</p>
<hr />
<div>#REDIRECT [[Tú lơ khơ]]</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=H%C3%BAp&diff=17962
Húp
2026-02-24T08:31:24Z
<p>Admin: </p>
<hr />
<div># {{etym|proto-mon-khmer|/*hup{{ref|sho2006}} ~ *huup{{ref|sho2006}} ~ *ʔuup{{ref|sho2006}}/|}}{{cog|{{list|{{w|Khmer|{{rubyM|ហូប|/hoop/}}}}|{{w|Mon|{{rubyM|ဟာပ်|/hap/}}}}|{{w|Pacoh|ahuap}}|{{w|Bru|/huːp/}}|{{w|Sre|hup}}|{{w|Khasi|kahup}}}}}} ăn bằng cách hút chất lỏng vào miệng <br />
#: '''húp''' [[cháo]]<br />
#: '''húp''' sì sụp<br />
#: {{68|[[Râu]] tôm [[nấu]] với [[ruột]] [[bầu]]|[[Chồng]] chan [[vợ]] '''húp''' gật đầu khen [[ngon]]}}<br />
{{cogs}}<br />
{{refs}}</div>
Admin
https://www.tunguyentiengviet.com/index.php?title=X%C3%AC_Trum&diff=17961
Xì Trum
2025-11-26T18:34:31Z
<p>Admin: </p>
<hr />
<div># {{etym|pháp|{{rubyS|nozoom=1|schtroumpf|/ʃtʁumf/}}{{pron|LL-Q150 (fra)-Poslovitch-schtroumpf.wav}}|}} các nhân vật trong bộ truyện tranh ''De Smurfen'' của Bỉ, là một loài tương tự như con người nhưng có kích thước tí hon, với làn da màu xanh dương và sống trong những cây nấm<br />
#: hoạt hình '''Xì Trum'''<br />
#: cuộc phiêu lưu của [[các]] '''Xì Trum'''<br />
#: [[làng]] '''Xì Trum'''<br />
{{gal|1|2020-09-20-Papa Smurf (cropped).jpg|Xì Trum già làng}}</div>
Admin