Thành viên:TrunghaiTĐN/global.css
Giao diện
Chú ý: Sau khi lưu thay đổi trang, bạn phải xóa bộ nhớ đệm của trình duyệt để nhìn thấy các thay đổi. Google Chrome, Firefox, Internet Explorer và Safari: Giữ phím ⇧ Shift và nhấn nút Reload/Tải lại trên thanh công cụ của trình duyệt. Để biết chi tiết và hướng dẫn cho các trình duyệt khác, xem Trợ giúp:Xóa bộ nhớ đệm.
.cm-mw-htmltag-bracket {
color: #7c6f64;
}
.cm-mw-template-argument-name {
font-style: italic;
}
.cm-mw-template-bracket {
color: #3c3836;
}
pre.cm-mw-section-1, pre.cm-mw-section-2 {
font-size: 100%;
font-weight: bold;
}
.cm-mw-template {
color: #af3a03;
}
/*
* wikipedia.rehash 1.1.0
* - Krasjet
* A minimal typographic rehash of Wikipedia aimed at better screen readability.
* homepage: https://github.com/Krasjet/wikipedia.rehash
*/
/* narrower body */
/* modified to make popup tooltip appear correctly */
body {
max-width: 67rem;
padding-left: 8vw;
margin: 0;
position: relative;
float: none;
background-color: #fdfdfd;
}
/* article/talk page link */
#p-namespaces {
margin-left: 9vw;
}
@media all and (max-width: 1200px) {
body {
max-width: 64rem;
padding-left: 0;
margin: 0;
position: relative;
float: none;
background-color: #fdfdfd;
}
#p-namespaces {
margin-left: 1vw;
}
}
/* remove the blue border on the left */
.mw-body {
border-left: none;
}
/* navbar */
#mw-panel {
left: auto;
}
#mw-panel .portal {
font-size: 1.1rem !important;
}
/* fix search box */
.suggestions {
right: 16px !important;
}
.selector-left {
left: 120px !important;
}
/*
* larger font size and more space between lines
* charter can be downloaded here: https://practicaltypography.com/fonts/charter.zip
*/
.mw-body-content {
font-size: 1.2rem !important;
line-height: 1.5;
font-family: "Source Sans 3 VF", "Source Sans Pro", "Roboto", "Noto Sans", sans-serif;
font-feature-settings: "tnum", "lnum";
}
.mw-normal-catlinks {
font-size: 1rem;
}
/*
.mw-body-content:lang(ja), .mw-body-content [lang="ja"] {
font-size: 1.2rem !important;
font-family: "Hiragino Mincho ProN", YuMincho, "Yu Mincho", "Noto Serif CJK JP",
"Source Han Serif JP", "MS Mincho", HiraMinProN-W3, serif;
}
*/
.mw-body-content [lang="zh"] {
font-size: 1.1rem !important;
font-family: "Source Han Sans Light", sans-serif;
}
#mw-content-text h2 {
font-size: 120% !important;
}
/* slightly lower contrast */
.mw-body-content p {
color: #222222;
}
#content {
background-color: #fcfcfc;
}
/* remove the gradient of the banner */
#mw-page-base {
background-color: #fdfdfd;
background-image: none !important;
}
/* prevent math image overflow */
dd .mwe-math-fallback-image-inline {
max-width: 100% !important;
}
/* fix the equation box issue */
.equation-box dd .mwe-math-fallback-image-inline {
max-width: none !important;
}
/* fix numbered equations */
dd td {
width: initial !important;
}
/* slightly smaller font size for various elements */
/*
* I'm using Fira Mono as my monospace font.
* You might have to tweak this part for your setup.
*/
pre,
code,
.monospaced {
font-size: 75% !important;
}
.hatnote {
font-size: 90% !important;
}
/* Math font */
span.texhtml {
font-family: "Arno Pro", "Century Schoolbook", "Times New Roman", Times, serif;
font-size: 1.05em;
}
/* list items */
#mw-content-text ul,
#mw-content-text ol {
font-size: 96% !important;
}
table,
table pre,
table code,
table .monospaced {
font-size: 90% !important;
}
#toc {
font-size: 90% !important;
}
#toc h2 {
font-size: 100% !important;
}
#mp-topbanner {
font-size: 80% !important;
}
.thumbcaption {
font-size: 85% !important;
}
.wikiEditor-ui {
font-size: 1.1rem;
}
.CodeMirror-code {
font-size: 1.1rem;
}
#ca-ve-edit {
display: none;
}
.infobox {
max-width: 600px; /*Fight me*/
background-color: #f8f9fa;
padding: 0.2em;
float: right;
clear: right;
line-height: 1.4em;
}
.oo-ui-buttonElement {
font-size: 1rem;
}
.infobox th[scope=row] {
text-align: left;
vertical-align: top;
padding-right: 0.7em;
width: 10em;
}