Difference between revisions of "MediaWiki:Common.css"

From NikkiWiki
Jump to navigation Jump to search
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Cascading stylesheets (CSS) placed here will be applied to all skins. */
+
/* Cascading stylesheets (CSS) here will be applied to all skins. */
  
div #content { background: black; }
+
/* sans-serif */
#content a:link { color: fuchsia; }
+
@font-face { font-family: "Noto Sans"; src: local("Noto Sans Regular"), url("/fonts/google/NotoSans-Regular.ttf"); font-display: swap; }
#content a:visited { color: maroon; }
+
@font-face { font-family: "Noto Sans"; font-style: italic; src: local("Noto Sans Italic"), url("/fonts/google/NotoSans-Italic.ttf"); font-display: swap; }
#content a:hover { background: yellow; }
+
@font-face { font-family: "Noto Sans"; font-weight: bold; src: local("Noto Sans Bold"), url("/fonts/google/NotoSans-Bold.ttf"); font-display: swap; }
#content a:active { background: lime; }
+
 
 +
/* monospace */
 +
@font-face { font-family: "Red Hat Mono"; src: local("Red Hat Mono Light"), url("/fonts/google/RedHatMono.ttf"); font-display: swap; }
 +
@font-face { font-family: "Noto Sans Mono"; src: local("Noto Sans Mono Regular"), url("/fonts/google/NotoSansMono-Regular.ttf"); font-display: swap; }
 +
@font-face { font-family: "Noto Sans Mono"; font-weight: bold; src: local("Noto Sans Mono Bold"), url("/fonts/google/NotoSansMono-Bold.ttf"); font-display: swap; }
 +
 
 +
.translate { font-size: large; word-spacing: 1em; }
 +
.translate code { font-family: "Red Hat Mono", "Roboto Mono Regular", "Roboto Mono", "Noto Sans Mono", monospace; }
 +
 
 +
.translations { font-size: large; font-family: "Noto Sans", sans-serif; }
 +
.translations code { font-family: "Noto Sans Mono", monospace; }
 +
 
 +
/* Arabic (ARAB): Arabic (AR), Persian (FA), Pashto (PS), Sindhi (SD), Uyghur (UG), and Urdu (UR) */
 +
@font-face { font-family: "Noto Sans Arabic"; src: local("Noto Sans Arabic Regular"), url("/fonts/google/NotoSansArabic-Regular.ttf"); font-display: swap; }
 +
.arab { font-family: "Noto Sans Arabic", "Noto Sans", sans-serif; }
 +
 
 +
/* Armenian (ARMN): Armenian (HY) */
 +
@font-face { font-family: "Noto Sans Armenian"; src: local("Noto Sans Armenian Regular"), url("/fonts/google/NotoSansArmenian-Regular.ttf"); font-display: swap; }
 +
.armn { font-family: "Noto Sans Armenian", "Noto Sans", sans-serif; }
 +
 
 +
/* Bengali (BENG): Bengali (BN) */
 +
@font-face { font-family: "Noto Sans Bengali"; src: local("Noto Sans Bengali Regular"), url("/fonts/google/NotoSansBengali-Regular.ttf"); font-display: swap; }
 +
.beng { font-family: "Noto Sans Bengali", "Noto Sans", sans-serif; }
 +
 
 +
/* Devanagari (DEVA): Hindi (HI), Marathi (MR), and Nepali (NE) */
 +
@font-face { font-family: "Noto Sans Devanagari"; src: local("Noto Sans Devanagari Regular"), url("/fonts/google/NotoSansDevanagari-Regular.ttf"); font-display: swap; }
 +
.deva { font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif; }
 +
 
 +
/* Ge'ez (ETHI): Amharic (AM) */
 +
@font-face { font-family: "Noto Sans Ethiopic"; src: local("Noto Sans Ethiopic Regular"), url("/fonts/google/NotoSansEthiopic-Regular.ttf"); font-display: swap; }
 +
.ethi { font-family: "Noto Sans Ethiopic", "Noto Sans", sans-serif; }
 +
 
 +
/* Georgian (GEOR): Georgian (KA) */
 +
@font-face { font-family: "Noto Sans Georgian"; src: local("Noto Sans Georgian Regular"), url("/fonts/google/NotoSansGeorgian-Regular.ttf"); font-display: swap; }
 +
.geor { font-family: "Noto Sans Georgian", "Noto Sans", sans-serif; }
 +
 
 +
/* Gujarati (GUJR): Gujarati (GU) */
 +
@font-face { font-family: "Noto Sans Gujarati"; src: local("Noto Sans Gujarati Regular"), url("/fonts/google/NotoSansGujarati-Regular.ttf"); font-display: swap; }
 +
.gujr { font-family: "Noto Sans Gujarati", "Noto Sans", sans-serif; }
 +
 
 +
/* Gurmukhi (GURU): Eastern Punjabi (PA) */
 +
@font-face { font-family: "Noto Sans Gurmukhi"; src: local("Noto Sans Gurmukhi Regular"), url("/fonts/google/NotoSansGurmukhi-Regular.ttf"); font-display: swap; }
 +
.guru { font-family: "Noto Sans Gurmukhi", "Noto Sans", sans-serif; }
 +
 
 +
/* Simplified Chinese (HANS): Chinese (ZH) */
 +
@font-face { font-family: "Noto Sans SC"; src: local("Noto Sans CJK SC"), local("Noto Sans SC"), url("/fonts/google/NotoSansSC-Regular.otf"); font-display: swap; }
 +
.hans { font-family: "Noto Sans SC", "Noto Sans", sans-serif; }
 +
 
 +
/* Traditional Chinese (HANT): Chinese (ZH) */
 +
@font-face { font-family: "Noto Sans TC"; src: local("Noto Sans CJK TC"), local("Noto Sans TC"), url("/fonts/google/NotoSansTC-Regular.otf"); font-display: swap; }
 +
.hant { font-family: "Noto Sans TC", "Noto Sans", sans-serif; }
 +
 
 +
/* Hebrew (HEBR): Hebrew (HE) and Yiddish (YI) */
 +
@font-face { font-family: "Noto Sans Hebrew"; src: local("Noto Sans Hebrew Regular"), url("/fonts/google/NotoSansHebrew-Regular.ttf"); font-display: swap; }
 +
.hebr { font-family: "Noto Sans Hebrew", "Noto Sans", sans-serif; }
 +
 
 +
/* Japanese (JPAN): Japanese (JA) */
 +
@font-face { font-family: "Noto Sans JP"; src: local("Noto Sans CJK JP"), url("/fonts/google/NotoSansCJKjp-Regular.otf"); font-display: swap; }
 +
.jpan { font-family: "Noto Sans JP", "Noto Sans", sans-serif; }
 +
 
 +
/* Khmer (KHMR): Khmer (KM) */
 +
@font-face { font-family: "Noto Sans Khmer"; src: local("Noto Sans Khmer Regular"), url("/fonts/google/NotoSansKhmer-Regular.ttf"); font-display: swap; }
 +
.khmr { font-family: "Noto Sans Khmer", "Noto Sans", sans-serif; }
 +
 
 +
/* Kannada (KNDA): Kannada (KN) */
 +
@font-face { font-family: "Noto Sans Kannada"; src: local("Noto Sans Kannada Regular"), url("/fonts/google/NotoSansKannada-Regular.ttf"); font-display: swap; }
 +
.knda { font-family: "Noto Sans Kannada", "Noto Sans", sans-serif; }
 +
 
 +
/* Korean (KORE) / Hangul (HANG): Korean (KO) */
 +
@font-face { font-family: "Noto Sans KR"; src: local("Noto Sans CJK KR"), local("Noto Sans KR"), url("/fonts/google/NotoSansKR-Regular.otf"); font-display: swap; }
 +
.hang { font-family: "Noto Sans KR", "Noto Sans", sans-serif; }
 +
 
 +
/* Lao (LAOO): Lao (LO) */
 +
@font-face { font-family: "Noto Sans Lao"; src: local("Noto Sans Lao Regular"), url("/fonts/google/NotoSansLao-Regular.ttf"); font-display: swap; }
 +
.laoo { font-family: "Noto Sans Lao", "Noto Sans", sans-serif; }
 +
 
 +
/* Malayalam (MLYM): Malayalam (ML) */
 +
@font-face { font-family: "Noto Sans Malayalam"; src: local("Noto Sans Malayalam Regular"), url("/fonts/google/NotoSansMalayalam-Regular.ttf"); font-display: swap; }
 +
.mlym { font-family: "Noto Sans Malayalam", "Noto Sans", sans-serif; }
 +
 
 +
/* Myanmar (MYMR): Myanmar (MY) */
 +
@font-face { font-family: "Noto Sans Myanmar"; src: local("Noto Sans Myanmar Regular"), url("/fonts/google/NotoSansMyanmar-Regular.ttf"); font-display: swap; }
 +
.mymr { font-family: "Noto Sans Myanmar", "Noto Sans", sans-serif; }
 +
 
 +
/* Odia (ORYA): Odia (OR) */
 +
@font-face { font-family: "Noto Sans Oriya"; src: local("Noto Sans Oriya Regular"), url("/fonts/google/NotoSansOriya-Regular.ttf"); font-display: swap; }
 +
.orya { font-family: "Noto Sans Oriya", "Noto Sans", sans-serif; }
 +
 
 +
/* Sinhala (SINH): Sinhala (SI) */
 +
@font-face { font-family: "Noto Sans Sinhala"; src: local("Noto Sans Sinhala Regular"), url("/fonts/google/NotoSansSinhala-Regular.ttf"); font-display: swap; }
 +
.sinh { font-family: "Noto Sans Sinhala", "Noto Sans", sans-serif; }
 +
 
 +
/* Tamil (TAML): Tamil (TA) */
 +
@font-face { font-family: "Noto Sans Tamil"; src: local("Noto Sans Tamil Regular"), url("/fonts/google/NotoSansTamil-Regular.ttf"); font-display: swap; }
 +
.taml { font-family: "Noto Sans Tamil", "Noto Sans", sans-serif; }
 +
 
 +
/* Telugu (TELU): Telugu (TE) */
 +
@font-face { font-family: "Noto Sans Telugu"; src: local("Noto Sans Telugu Regular"), url("/fonts/google/NotoSansTelugu-Regular.ttf"); font-display: swap; }
 +
.telu { font-family: "Noto Sans Telugu", "Noto Sans", sans-serif; }
 +
 
 +
/* Thai (THAI): Thai (TH) */
 +
@font-face { font-family: "Noto Sans Thai"; src: local("Noto Sans Thai Regular"), url("/fonts/google/NotoSansThai-Regular.ttf"); font-display: swap; }
 +
.thai { font-family: "Noto Sans Thai", "Noto Sans", sans-serif; }

Latest revision as of 2022-04-27T05:08:05

/* Cascading stylesheets (CSS) here will be applied to all skins. */

/* sans-serif */
@font-face { font-family: "Noto Sans"; src: local("Noto Sans Regular"), url("/fonts/google/NotoSans-Regular.ttf"); font-display: swap; }
@font-face { font-family: "Noto Sans"; font-style: italic; src: local("Noto Sans Italic"), url("/fonts/google/NotoSans-Italic.ttf"); font-display: swap; }
@font-face { font-family: "Noto Sans"; font-weight: bold; src: local("Noto Sans Bold"), url("/fonts/google/NotoSans-Bold.ttf"); font-display: swap; }

/* monospace */
@font-face { font-family: "Red Hat Mono"; src: local("Red Hat Mono Light"), url("/fonts/google/RedHatMono.ttf"); font-display: swap; }
@font-face { font-family: "Noto Sans Mono"; src: local("Noto Sans Mono Regular"), url("/fonts/google/NotoSansMono-Regular.ttf"); font-display: swap; }
@font-face { font-family: "Noto Sans Mono"; font-weight: bold; src: local("Noto Sans Mono Bold"), url("/fonts/google/NotoSansMono-Bold.ttf"); font-display: swap; }

.translate { font-size: large; word-spacing: 1em; }
.translate code { font-family: "Red Hat Mono", "Roboto Mono Regular", "Roboto Mono", "Noto Sans Mono", monospace; }

.translations { font-size: large; font-family: "Noto Sans", sans-serif; }
.translations code { font-family: "Noto Sans Mono", monospace; }

/* Arabic (ARAB): Arabic (AR), Persian (FA), Pashto (PS), Sindhi (SD), Uyghur (UG), and Urdu (UR) */
@font-face { font-family: "Noto Sans Arabic"; src: local("Noto Sans Arabic Regular"), url("/fonts/google/NotoSansArabic-Regular.ttf"); font-display: swap; }
.arab { font-family: "Noto Sans Arabic", "Noto Sans", sans-serif; }

/* Armenian (ARMN): Armenian (HY) */
@font-face { font-family: "Noto Sans Armenian"; src: local("Noto Sans Armenian Regular"), url("/fonts/google/NotoSansArmenian-Regular.ttf"); font-display: swap; }
.armn { font-family: "Noto Sans Armenian", "Noto Sans", sans-serif; }

/* Bengali (BENG): Bengali (BN) */
@font-face { font-family: "Noto Sans Bengali"; src: local("Noto Sans Bengali Regular"), url("/fonts/google/NotoSansBengali-Regular.ttf"); font-display: swap; }
.beng { font-family: "Noto Sans Bengali", "Noto Sans", sans-serif; }

/* Devanagari (DEVA): Hindi (HI), Marathi (MR), and Nepali (NE) */
@font-face { font-family: "Noto Sans Devanagari"; src: local("Noto Sans Devanagari Regular"), url("/fonts/google/NotoSansDevanagari-Regular.ttf"); font-display: swap; }
.deva { font-family: "Noto Sans Devanagari", "Noto Sans", sans-serif; }

/* Ge'ez (ETHI): Amharic (AM) */
@font-face { font-family: "Noto Sans Ethiopic"; src: local("Noto Sans Ethiopic Regular"), url("/fonts/google/NotoSansEthiopic-Regular.ttf"); font-display: swap; }
.ethi { font-family: "Noto Sans Ethiopic", "Noto Sans", sans-serif; }

/* Georgian (GEOR): Georgian (KA) */
@font-face { font-family: "Noto Sans Georgian"; src: local("Noto Sans Georgian Regular"), url("/fonts/google/NotoSansGeorgian-Regular.ttf"); font-display: swap; }
.geor { font-family: "Noto Sans Georgian", "Noto Sans", sans-serif; }

/* Gujarati (GUJR): Gujarati (GU) */
@font-face { font-family: "Noto Sans Gujarati"; src: local("Noto Sans Gujarati Regular"), url("/fonts/google/NotoSansGujarati-Regular.ttf"); font-display: swap; }
.gujr { font-family: "Noto Sans Gujarati", "Noto Sans", sans-serif; }

/* Gurmukhi (GURU): Eastern Punjabi (PA) */
@font-face { font-family: "Noto Sans Gurmukhi"; src: local("Noto Sans Gurmukhi Regular"), url("/fonts/google/NotoSansGurmukhi-Regular.ttf"); font-display: swap; }
.guru { font-family: "Noto Sans Gurmukhi", "Noto Sans", sans-serif; }

/* Simplified Chinese (HANS): Chinese (ZH) */
@font-face { font-family: "Noto Sans SC"; src: local("Noto Sans CJK SC"), local("Noto Sans SC"), url("/fonts/google/NotoSansSC-Regular.otf"); font-display: swap; }
.hans { font-family: "Noto Sans SC", "Noto Sans", sans-serif; }

/* Traditional Chinese (HANT): Chinese (ZH) */
@font-face { font-family: "Noto Sans TC"; src: local("Noto Sans CJK TC"), local("Noto Sans TC"), url("/fonts/google/NotoSansTC-Regular.otf"); font-display: swap; }
.hant { font-family: "Noto Sans TC", "Noto Sans", sans-serif; }

/* Hebrew (HEBR): Hebrew (HE) and Yiddish (YI) */
@font-face { font-family: "Noto Sans Hebrew"; src: local("Noto Sans Hebrew Regular"), url("/fonts/google/NotoSansHebrew-Regular.ttf"); font-display: swap; }
.hebr { font-family: "Noto Sans Hebrew", "Noto Sans", sans-serif; }

/* Japanese (JPAN): Japanese (JA) */
@font-face { font-family: "Noto Sans JP"; src: local("Noto Sans CJK JP"), url("/fonts/google/NotoSansCJKjp-Regular.otf"); font-display: swap; }
.jpan { font-family: "Noto Sans JP", "Noto Sans", sans-serif; }

/* Khmer (KHMR): Khmer (KM) */
@font-face { font-family: "Noto Sans Khmer"; src: local("Noto Sans Khmer Regular"), url("/fonts/google/NotoSansKhmer-Regular.ttf"); font-display: swap; }
.khmr { font-family: "Noto Sans Khmer", "Noto Sans", sans-serif; }

/* Kannada (KNDA): Kannada (KN) */
@font-face { font-family: "Noto Sans Kannada"; src: local("Noto Sans Kannada Regular"), url("/fonts/google/NotoSansKannada-Regular.ttf"); font-display: swap; }
.knda { font-family: "Noto Sans Kannada", "Noto Sans", sans-serif; }

/* Korean (KORE) / Hangul (HANG): Korean (KO) */
@font-face { font-family: "Noto Sans KR"; src: local("Noto Sans CJK KR"), local("Noto Sans KR"), url("/fonts/google/NotoSansKR-Regular.otf"); font-display: swap; }
.hang { font-family: "Noto Sans KR", "Noto Sans", sans-serif; }

/* Lao (LAOO): Lao (LO) */
@font-face { font-family: "Noto Sans Lao"; src: local("Noto Sans Lao Regular"), url("/fonts/google/NotoSansLao-Regular.ttf"); font-display: swap; }
.laoo { font-family: "Noto Sans Lao", "Noto Sans", sans-serif; }

/* Malayalam (MLYM): Malayalam (ML) */
@font-face { font-family: "Noto Sans Malayalam"; src: local("Noto Sans Malayalam Regular"), url("/fonts/google/NotoSansMalayalam-Regular.ttf"); font-display: swap; }
.mlym { font-family: "Noto Sans Malayalam", "Noto Sans", sans-serif; }

/* Myanmar (MYMR): Myanmar (MY) */
@font-face { font-family: "Noto Sans Myanmar"; src: local("Noto Sans Myanmar Regular"), url("/fonts/google/NotoSansMyanmar-Regular.ttf"); font-display: swap; }
.mymr { font-family: "Noto Sans Myanmar", "Noto Sans", sans-serif; }

/* Odia (ORYA): Odia (OR) */
@font-face { font-family: "Noto Sans Oriya"; src: local("Noto Sans Oriya Regular"), url("/fonts/google/NotoSansOriya-Regular.ttf"); font-display: swap; }
.orya { font-family: "Noto Sans Oriya", "Noto Sans", sans-serif; }

/* Sinhala (SINH): Sinhala (SI) */
@font-face { font-family: "Noto Sans Sinhala"; src: local("Noto Sans Sinhala Regular"), url("/fonts/google/NotoSansSinhala-Regular.ttf"); font-display: swap; }
.sinh { font-family: "Noto Sans Sinhala", "Noto Sans", sans-serif; }

/* Tamil (TAML): Tamil (TA) */
@font-face { font-family: "Noto Sans Tamil"; src: local("Noto Sans Tamil Regular"), url("/fonts/google/NotoSansTamil-Regular.ttf"); font-display: swap; }
.taml { font-family: "Noto Sans Tamil", "Noto Sans", sans-serif; }

/* Telugu (TELU): Telugu (TE) */
@font-face { font-family: "Noto Sans Telugu"; src: local("Noto Sans Telugu Regular"), url("/fonts/google/NotoSansTelugu-Regular.ttf"); font-display: swap; }
.telu { font-family: "Noto Sans Telugu", "Noto Sans", sans-serif; }

/* Thai (THAI): Thai (TH) */
@font-face { font-family: "Noto Sans Thai"; src: local("Noto Sans Thai Regular"), url("/fonts/google/NotoSansThai-Regular.ttf"); font-display: swap; }
.thai { font-family: "Noto Sans Thai", "Noto Sans", sans-serif; }