MediaWiki:Common.css: Difference between revisions

From Wiki Algonomia
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:


// Declaring Integral family
@font-face {
@font-face {
   font-family: "Integral-Thin";
   font-family: "Integral-Thin";
Line 34: Line 33:
   }
   }


// Declaring Integral UI family
@font-face {
@font-face {
   font-family: "IntegralUI-Thin";
   font-family: "IntegralUI-Thin";
Line 68: Line 66:
   }
   }


//Changing logo
 
.mw-logo-icon {
.mw-logo-icon {
     width: 40px !important;
     width: 40px !important;
Line 83: Line 81:
     }
     }


// Declaring text styles
 
.mw-headline {
.mw-headline {
   font-family: "IntegralUI-Medium";
   font-family: "IntegralUI-Medium";
Line 153: Line 151:
text-decoration: none;
text-decoration: none;
}
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h2 {
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h2, .vector-body h3, .vector-body h4 {
  font-family: "IntegralUI-Medium";
  font-family: "IntegralUI-Medium";
font-weight: normal;
}
}
a:hover, a:focus {
a:hover, a:focus {
Line 165: Line 164:




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

Latest revision as of 16:29, 13 December 2023


@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");
  }

@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");
  }


.mw-logo-icon {
    width: 40px !important;
    height: 40px !important;
    }
#p-logo a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    width: 10em;
    height: 120px;
    text-decoration: none;
    background-size: contain;
    }


.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;
  }
i {
 font-style: normal;
  }
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: #001450;
  }
strong {
  font-family: "IntegralUI-Semibold";
  color: #0032A0;
  }
a:visited, li a:visited {
  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, .vector-body h3, .vector-body h4 {
 font-family: "IntegralUI-Medium";
 font-weight: normal;
}
a:hover, a:focus {
color: #73B9FF;
text-decoration: none;
}
.mw-editsection, .mw-editsection-like {
 font-family: "IntegralUI-Regular";
}



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::marker {
    font-size: 10px;
}

.uls-trigger {
    background: none;
}