Từ nguyên Tiếng Việt

Khác biệt giữa bản sửa đổi của “MediaWiki:Common.css”

← Sửa đổi trước
Admin (thảo luận | đóng góp)
Hành chính viên, Bảo quản viên giao diện, Bảo quản viên
15.989 sửa đổi
Không có tóm lược sửa đổi
Không có tóm lược sửa đổi
 
(không hiển thị 114 phiên bản ở giữa của cùng người dùng)
Dòng 1: Dòng 1:
/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */
/* Mã CSS đặt ở đây sẽ áp dụng cho mọi giao diện */
 
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Khmer);
@import url(https://fonts.googleapis.com/css?family=Khmer);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Cham);
 
body {
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .catlinks {
    overflow-y: auto;
}
#mw-indicator-mw-helplink, .last-modified-bar, #footer-info-lastmod, .patrollink, #footer-icons, .vector-main-menu-action-opt-out {
     display:none;
     display:none;
}
}
Dòng 13: Dòng 14:


body {
body {
     font-family: sans-serif, Khmer, Noto Sans Cham, Simsun;
     font-family: sans-serif,Leelawadee UI,Noto Sans Khmer,Noto Sans Cham,Simsun,Unifont;
}
}


Dòng 28: Dòng 29:
     font-size: 0.9em;
     font-size: 0.9em;
     font-style: italic;
     font-style: italic;
    min-width: max-content;
    max-width: fit-content;
    page-break-inside: avoid;
}
}


Dòng 82: Dòng 86:
     width: calc(100% - 2px);
     width: calc(100% - 2px);
     height: auto;
     height: auto;
}
a img {
    max-width: calc(100% - 8px);
    /* height: auto; */
    max-height: 300px;
    width: inherit;
}
}
.alignright {
.alignright {
Dòng 113: Dòng 124:


.notHani {
.notHani {
     font-family: sans-serif, Khmer, Noto Sans Cham;
     font-family: sans-serif, Leelawadee UI, Noto Sans Khmer, Noto Sans Cham;
}
}


rt {
rt {
     font-size:60%;
     font-size:60%;
    text-align:center;
}
}


rb:has(> .notHani) {
rb:has(> .notHani) {
     padding-top: 5px;
     padding-top: 5px;
}
rb:has(> .notHani.nozoom) {
    padding-top: 0;
}
}


.cognates ruby {
.cognates ruby, .fognates ruby {
     display: inline-block;
     display: inline-block;
     vertical-align: baseline;
     vertical-align: baseline;
}
}


.cognates rt {
.cognates ruby.zh {
    display: inline-flex;
    vertical-align: text-bottom;
}
 
.cognates rt, .fognates rt {
     font-size: calc(0.9 * 0.9em);
     font-size: calc(0.9 * 0.9em);
     display: inline-block;
     display: inline-block;
}
.fognates rt span:before {
    content: "\0028";
}
.fognates rt span:after {
    content: "\0029";
}
}


Dòng 145: Dòng 172:
/* Tooltip */
/* Tooltip */
.note {
.note {
    color: #777;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
     cursor: help;
     cursor: help;
     vertical-align: super;
     vertical-align: super;
    font-size: x-small;
}
}


Dòng 187: Dòng 209:
     min-width: 1.5em;
     min-width: 1.5em;
     white-space: nowrap;
     white-space: nowrap;
    justify-items: center;
}
}
.tttext {
.tttext {
     position: relative;
     position: relative;
     display: inline-block;
     display: inline-block;
     border-bottom: 1px dotted black;
     border-bottom: 1px dotted grey;
}
}
.nozoom .ttzoom {
.nozoom .ttzoom {
Dòng 199: Dòng 222:
     border-bottom: none;
     border-bottom: none;
}
}
.ttzoom .nomtext {
    display: block;
    margin: 20px;
    line-height: 0;
}
.ttzoom .nomtext img {
    width: 80px;
    height: 80px;
    vertical-align: text-bottom;
    max-width: unset;
}
.tttext>span>span>img {
    height: 1em;
    width: 1em;
    max-width: unset;
    vertical-align: text-bottom;
    margin-bottom: 2px;
}
.textimg {
    line-height: unset;
}
/* Strikethrough */
/* Strikethrough */
del {
del {
Dòng 224: Dòng 272:
     font-weight: bold;
     font-weight: bold;
}
}
.notes {
.notes,.cognates,.reflist {
     clear: right;
     clear: right;
}
}
Dòng 235: Dòng 283:


/* Cognates */
/* Cognates */
.cognates {
 
    clear: right;
}
.cognates ol>li ol>li {
.cognates ol>li ol>li {
     list-style: none;
     list-style: none;
Dòng 256: Dòng 302:
.cognates .reference-text {
.cognates .reference-text {
     display: inline-block;
     display: inline-block;
    width: calc(100% - 4em);
     vertical-align: top;
     vertical-align: top;
    width: calc(100% - 80px);
}
}
.cognates .reference-text ol {
.cognates .reference-text ol {
Dòng 278: Dòng 324:
     font-weight: bold;
     font-weight: bold;
     font-size: smaller;
     font-size: smaller;
}
/* Fognates */
.fognates {
    clear: right;
}
.fognates ol>li ol>li {
    list-style: none;
}
.fognates span>ol>li {
    width: 100%;
}
.fognates li li {
    white-space: nowrap;
    width: max-content;
}
.fognates h3 {
    font-size: 1em;
}
.fognates .reference-text {
    display: inline-block;
    width: calc(100% - 4em);
    vertical-align: top;
}
.fognates .reference-text ol {
    margin-left: 1em!important;
}
.fognates ol.references {
    counter-reset: fc;
    margin-left: .6em!important;
}
.fognates .references>li::marker {
    content: "";
}
.fognates .references>li:before{
    content: "fc" counter(fc,decimal) '. ';
    counter-increment: fc 1;
    display: inline-block;
    margin-right: 5px;
    color: darkred;
    font-weight: bold;
    font-size: smaller;
}
ol.references > li:not(:first-child) {
    padding-top: 5px;
    border-top: solid 1px lightgray;
}
/* Reference */
sup[id*="cite_ref-ref"] a, .note {
    color: gray!important;
    font-weight: normal;
    font-size: x-small;
}
}


/* Maybe */
/* Maybe */
.maybe {
.maybe {
     opacity: .7;
     color:gray;
     cursor: help;
     cursor: help;
}
}


.maybe:hover {
.maybe:hover {
     opacity: 1;
     color:#444;
}
}


Dòng 298: Dòng 403:
     cursor: pointer;
     cursor: pointer;
}
}
 
.own {
    color: slateblue;
}
.own:hover {
    color: darkslateblue;
}
/* Quote block */
/* Quote block */
.quote {
.quote {
     border-left: 4px solid #eaecf0;
     border-left: 4px solid #eaecf0;
     padding: 8px 32px;
     padding: 8px 32px;
    margin-bottom: 0.5em;
     margin-inline-end:40px;
     margin-inline-end:40px;
     margin-inline-start:40px;
     margin-inline-start:40px;
Dòng 315: Dòng 426:
.mw-footer-container {
.mw-footer-container {
     grid-area: footer;
     grid-area: footer;
     justify-content: center;
     display: block;
     display: flex;
    vertical-align: bottom;
}
.mw-footer ul {
    margin: 0 auto;
    height: fit-content;
    width: fit-content;
}
.mw-page-container-inner {
    min-height: 100vh; /* Make page full vh for footer to stay at bottom of screen */
}
}
 
/* Inline notes */
.inlinenote {
    color: darkcyan;
    font-size: smaller;
    font-weight: bold;
}
 
/* Syntax highlighter */
#wpTextbox0, #wpTextbox1 {
    padding-left: 1px!important;
}
 
/* Br */
.brwithspace {
    display: block;
    content: ' ';
    margin-top: 10px;
}
.brwithspace {
     display: block;
    content: ' ';
}
 
/* Audio */
.mw-tmh-player.audio {
    height: 20px !important;
    width: 20px !important;
    --inline-controls-bar-height: 20px !important;
    vertical-align: text-bottom;
}
.video-js {
    position: static;
}
.mw-file-element .video-js {
    height: 20px !important;
    width: 20px !important;
    color: inherit;
    background: rgba(0, 0, 0, 0);
}
 
.video-js .vjs-control-bar {
    min-height: unset!important;
    height: 20px !important;
    background: rgba(0, 0, 0, 0);
}
 
.vjs-button > .vjs-icon-placeholder:before {
    font-size: 20px !important;
    line-height: 20px !important;
}
 
.video-js .vjs-control {
    width: 20px !important;
    height: 20px !important;
}
 
.video-js .vjs-subs-caps-button, .mw-tmh-duration {
    display: none;
}
.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 {
    content: "\f107";
}
 
.mw-tmh-play-icon.notheme {
    --color-base: inherit!important;
}
 
.mw-tmh-player.audio .mw-tmh-play .mw-tmh-play-icon {
    background: var(--color-base);
    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);
}
 
.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 {
    background-color: var(--color-base);
}
 
*:not(.thumbinner) > .video-js.video-js:not(.vjs-fullscreen) {
    vertical-align: text-bottom;
}
 
/* Word Connectors */
con {
    font-weight: normal
}
 
/* Arrow */
arrow {
    font-family: serif;
}
 
/* 68 indent */
span.luc {
    text-indent: 1em;
    display: inline-block;
}
 
/* Example list style */
dd:has(br.brwithspace)::before {
    display: none;
}
 
ol dl dd::before {
    content: "";
    height: 5px;
    background-color: grey;
    width: 5px;
    display: block;
    bottom: -1em;
    position: relative;
    right: 1em;
}
 
/* Night mode, dark theme */
.skin-theme-clientpref-night .tttext>span>span>img {
    filter: invert(1);
}
}
.skin-theme-clientpref-night .reference a, .skin-theme-clientpref-night .notelistalpha .references>li::marker, .skin-theme-clientpref-night .cognates .references>li:before {
    color: forestgreen;
}
}
Lấy từ “https://www.tunguyentiengviet.com/MediaWiki:Common.css”