Difference between revisions of "MediaWiki:Common.css"

Revision as of 13:58, 21 November 2020

  /***********/
 /* Imports */
/***********/
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFQ.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");
}
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');



  /*********/
 /* 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;
}