MediaWiki:Common.css

From Wiki Algonomia
Revision as of 13:55, 24 October 2023 by Matthieu CANNAVO (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.

// Declaring Integral family
@font-face {
  font-family: "Integral-Thin";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Thin.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Extralight";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Extralight.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Light";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Light.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Regular";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Regular.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Medium";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Medium.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Semibold";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Semibold.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Bold";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Bold.woff2") format("woff2");
  }
@font-face {
  font-family: "Integral-Extrabold";
  src: url("https://wiki.algonomia.com/images/font/integral/Integral-Extrabold.woff2") format("woff2");
  }

// Declaring Integral UI family
@font-face {
  font-family: "IntegralUI-Thin";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Thin.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Extralight";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Extralight.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Light";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Light.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Regular";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Regular.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Medium";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Medium.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Semibold";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Semibold.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Bold";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Bold.woff2") format("woff2");
  }
@font-face {
  font-family: "IntegralUI-Extrabold";
  src: url("https://wiki.algonomia.com/images/font/integral-ui/IntegralUI-Extrabold.woff2") format("woff2");
  }

// Declaring text styles
h {
  font-family: "IntegralUI-Medium";
  color: #0032A0;
  }
html, body, .mw-body, .mw-body h1, .parsoid-body {
  font-family: "IntegralUI-Medium";
  color: #0032A0;
  }
.mw-body h1 {
  font-family: "IntegralUI-Regular";
  color: #0032A0;
  letter-spacing: -0.05rem ;
  }
.vector-body {
  font-family: "IntegralUI-Light";
  color: #0032A0;
  }
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited {
  font-family: "IntegralUI-Light";
  color: #0032A0;
  }
.new a, .vector-menu-tabs-legacy, .new, a:visited, a.new:visited {
  font-color: #E12814;
  }
a.new {
  font-color: #FF8C50;
  }
strong {
  font-family: "IntegralUI-Semibold";
  color: #0032A0;
  }
a:visited {
  font-color: #5082FF;
  }
a:link {
  font-color: #2850DC;
  }
p {
  font-family: "IntegralUI-Regular";
  font-color: #0032A0;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: "IntegralUI-Semibold";
  font-color: #0032A0;
  }

// Declaring graphic details
cdx-text-input__input:enabled {
  font-color: #879BB4;
  border-color: #142846;
  }
cdx-text-input__input {
  font-color: #142846;
  }
border {
  color: #BEC8D9;
  }