MediaWiki:Common.css
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");
}
//Changing logo
.mw-wiki-logo {
background-image: url(https://wiki.algonomia.com/images/logo/algonomia-monogram-processor.png);
}
#p-logo a {
background-position: center center;
background-repeat: no-repeat;
display: block;
width: 10em;
height: 120px;
text-decoration: none;
background-size: contain;
}
// Declaring text styles
.mw-headline {
font-family: "IntegralUI-Medium";
color: #0032A0;
}
mw-headline {
font-family: "IntegralUI-Semibold";
color: #0032A0;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: "IntegralUI-Semibold";
color: #0032A0;
}
h {
font-family: "IntegralUI-Medium";
color: #0032A0;
}
html, body, .mw-body, .parsoid-body {
font-family: "IntegralUI-Medium";
color: #0032A0;
}
.mw-body h1 {
font-family: "IntegralUI-Regular";
color: #0032A0;
letter-spacing: -0.05rem ;
}
.vector-body, .vector-body p {
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, a.new {
color: #FF8C50;
}
strong {
font-family: "IntegralUI-Semibold";
color: #0032A0;
}
a:visited, a:link {
color: #5082FF;
}
p {
font-family: "IntegralUI-Regular";
color: #0032A0;
}
h1, h2, h3, h4, h5, h6 {
font-family: "IntegralUI-Semibold";
color: #0032A0;
}
.mw-editform #editpage-copywarn {
font-family: "IntegralUI-Regular";
color: #879BB4;
}
.mw-parser-output, a.extiw:visited, .mw-parser-output, a.external:visited {
color: #5082FF;
}
.vector-legacy-sidebar, .vector-menu-portal, .vector-menu-content li {
line-height: 1.3em;
}
.vector-menu-tabs-legacy, .new a, .vector-menu-tabs-legacy, .new a:visited {
color: #FF8C50;
text-decoration: none;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h2 {
font-family: "IntegralUI-Medium";
}
a:hover, a:focus {
color: #73B9FF;
text-decoration: none;
}
.mw-editsection, .mw-editsection-like {
font-family: "IntegralUI-Regular";
}
// Declaring graphic details
cdx-text-input__input:enabled {
font-color: #879BB4;
border-color: #142846;
}
cdx-text-input__input {
font-color: #142846;
}
border {
color: #BEC8D9;
}
body {
background-color: #fff;
}
#mw-page-base {
background-image: none;
}
.tocnumber {
color: #5082FF;
}
ul {
list-style-image: none;
}
.vector-toc .vector-toc-list-item-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link, .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link, .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link{
color: #5082ff;
}
.vector-toc-text {
line-height: 20px;
}
.mw-body-header h1,
.mw-body-content h1,
.mw-body-header h2,
.mw-body-content h2 {
padding-bottom: 6px;
}
.mw-page-title-main {
font-family: "IntegralUI-Medium";
letter-spacing: -0.5px;
}
.vector-feature-page-tools-enabled .vector-pinnable-element .vector-menu-heading, .vector-pinnable-header-label {
color: #879bb4
}
.vector-menu-tabs .mw-list-item.selected a, .vector-menu-tabs .mw-list-item.selected a:visited {
color: #5082ff;
border-bottom: 1px solid #5082ff;
font-weight: bold;
}
ul li::before {
content: "\2022";
margin-right: 5px;
font-size: 10px;
}