Bước tới nội dung

Thành viên:TrunghaiTĐN/global.css

Bách khoa toàn thư mở Wikipedia

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 ExplorerSafari: 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;
}