User:Krasjet/vector.css

/* * wikipedia.rehash 1.2.0 * - Krasjet * A minimal typographic rehash of Wikipedia designed for better screen readability. * * homepage: https://github.com/Krasjet/wikipedia.rehash */

/* narrower body */ body { max-width: 68rem; margin-left: auto; margin-right: auto; position: relative; float: none; background-color: #fdfdfd; }

/* remove the blue border on the left */ .mw-body { border-left: none; }

/* navbar */ margin: 0 0.7rem 0 0.5rem; font-size: 1.1rem !important; }
 * 1) mw-panel .portal {

/* 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.3rem !important; line-height: 1.65; font-family: charter, serif; }

/* hyphenation, only available on firefox, legacy edge, and safari */ .mw-body-content p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

/* CJK typefaces */ .mw-body-content:lang(ja) { font-size: 1.25rem !important; font-family: charter, "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.25rem !important; line-height: 1.7; font-family: charter, "Songti SC", "Songti TC", "Noto Serif CJK SC", "Noto Serif CJK TC", "Source Han Serif CN", "Source Han Serif SC", "Source Han Serif TC", NSimSun, SimSun, "LiSong Pro", PMingLiU, MingLiU, HiraMinProN-W3, serif; }

.mw-body-content:lang(zh-Hans) { font-size: 1.25rem !important; line-height: 1.7; font-family: charter, "Songti SC", "Noto Serif CJK SC", "Source Han Serif CN", "Source Han Serif SC", NSimSun, SimSun, "LiSong Pro", PMingLiU, MingLiU, serif; }

.mw-body-content:lang(zh-Hant) { font-size: 1.25rem !important; line-height: 1.7; font-family: charter, "Songti TC", "Noto Serif CJK TC", "Source Han Serif CN", "Source Han Serif TC", PMingLiU, STSong, "LiSong Pro", MingLiU, NSimSun, SimSun, serif; }

/* less intrusive heading size */ margin-top: 1.15rem; font-size: 120% !important; }
 * 1) mw-content-text h2 {

/* slightly lower contrast */ .mw-body-content p { color: #222222; }

background-color: #fcfcfc; }
 * 1) content {

/* remove the gradient of the banner */ background-color: #fdfdfd; background-image: none !important; }
 * 1) mw-page-base {

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

/* list items */ font-size: 96% !important; }
 * 1) mw-content-text ul,
 * 2) mw-content-text ol {

table { font-size: 85% !important; }

table pre, table code, table .monospaced { font-size: 85% !important; }

font-size: 90% !important; }
 * 1) toc {

font-size: 100% !important; }
 * 1) toc h2 {

font-size: 80% !important; }
 * 1) mp-topbanner {

.thumbcaption { font-size: 85% !important; }