Difference between revisions of "MediaWiki:Common.css"

Revision as of 17:55, 21 November 2020

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