Difference between revisions of "MediaWiki:Common.css"

Revision as of 14:01, 21 November 2020

  /***********/
 /* Imports */
/***********/
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFWkU1Z4Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFU0U1Z4Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFVUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFWUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v11/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/*Arco is the main h1 font*/
@font-face {
    font-family: 'ARCO';
    src:url('ARCO.ttf.woff') format('woff'),
        url('ARCO.ttf.svg#ARCO') format('svg'),
        url('ARCO.ttf.eot'),
        url('ARCO.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
  font-family: "ArtBrush";
  font-style: normal;
  font-weight: normal;
  src: url("https://vignette.wikia.nocookie.net/drawntolife/images/f/fc/Artbrush.ttf") format("truetype");
}
 
@font-face {
  font-family: "Raposa";
  font-style: normal;
  font-weight: normal;
  src: url("https://vignette.wikia.nocookie.net/drawntolife/images/c/c3/Raposa.ttf") format("truetype");
}
*/




  /*********/
 /* Fonts */
/*********/
.mw-body-content h2 {
    font-family: 'Rubik', sans-serif;
}
.mw-body-content h3, .mw-body-content h4 {
    font-family: 'Rubik', sans-serif;
}

  /***********/
 /* Tabbers */
/***********/
#mw-content-text .tabber div.tabbertab,
#mw-content-text .tabber ul.tabbernav {
    border: none;
}
#mw-content-text .tabber ul.tabbernav {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow: auto;
}
 
/**
 * @section         Tab restyling
 * @element         .tabbernav li
 */
 #mw-content-text .tabber ul.tabbernav li {
    display: flex;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a,
#mw-content-text .tabber ul.tabbernav li.tabberactive a {
    background: initial;
    border-color: currentColor;
    border-width: 0 0 2px !important;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height:  0;
    margin: 0;
    padding: 13px 11px;
    text-align: center;
    text-transform: uppercase;
    transition: opacity 0.3s;
    white-space: nowrap;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a {
    opacity: 0.25;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive):hover a {
    opacity: 0.5;
}