Difference between revisions of "MediaWiki:Common.css"

From Drawn to Life Wiki
(Undo revision 9376 by BakiDance (talk))
Tag: Undo
Line 299: Line 299:
 
     color: #bfc2bc;
 
     color: #bfc2bc;
 
}
 
}
 +
 +
 +
/* Syntax Colors */
 +
/* Template */
 +
.cm-mw-template, .cm-mw-template-argument-name {
 +
    color: #cd8aef;
 +
}
 +
.cm-mw-template-delimiter, .cm-mw-template-name, .cm-mw-template-bracket {
 +
    color: #a73fdc;
 +
)

Revision as of 19:51, 27 March 2021

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



/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.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: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.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: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.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;
}
.mw-body-content p {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.01em;
}

  /***********/
 /* 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 wrap;
    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;
    text-decoration: none;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a {
    opacity: 0.5;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive):hover a {
    opacity: 0.75;
    text-decoration: none;
}

/*Centers tabs*/
#mw-content-text .tabber ul.tabbernav {
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #b7bdc4;
}


/*TOC*/
.toc, .mw-warning, .toccolours {
    background-color: #fff;
    border-radius: 5px;
}
/*Bold Donate*/
li#n-Please-consider-donating-so-that-our-wiki-may-continue-running-ad-free.21 {
        font-weight: bold;
}


/*User Page Content Tabs*/
.profile-actions {
    font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.3em;
}
#profile-title {
    font-family: "Arco", sans-serif;
}

  /*************/
 /* Templates */
/*************/
.rfancyHeader {
    background: #0172b8 url("/w/images/6/69/TurtleRockScreenshot.jpg");
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    border: 1px solid #b8bec4;
    border-radius: 15px;
    box-shadow: #0000003b 0 0px 7px;
}

.rfancyHeader-textInside {
    width: 100%;
    max-height: 90%;
    min-height: 60%;
    backdrop-filter: blur(4px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    box-shadow: #0000003b 0 0px 7px;
    background: rgb(83 83 83 / 6%);
}

.rfancyHeader-headerText {
    font-family: 'ARCO' !important; /*MediaWiki overrules this otherwise*/
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
    font-size: 2em;
    border-bottom: 1px dashed #f8fcff;
}
.rfancyHeader-contentText {
    font-family: 'Poppins', sans-serif !important;
    color: #fff;
    text-shadow: 1px 0 0 #000,0 -1px 0 #000,0 1px 0 #000,-1px 0 0 #000;
    font-size: 1.2em;
    font-weight: bold;
}

/*White links on bottom Navbar*/
#whitelinks a:link, 
#whitelinks a:visited, #whitelinks i a.mw-selflink.selflink { 
 color: #F7F7F7; 
 text-decoration: none; 
} 
#whitelinks a:hover { 
 color: #E4E4E4; 
 text-decoration: underline; 
}

/*Tooltip template*/
.tooltip-template {
    position: relative;
    display: inline-flex;
    border-bottom: 1px dotted #ccc;
    height: 1.3em;
}
 
.tooltip-template .tooltiptext-template {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: #3a3a3a;
    text-align: center;
    border-radius: 6px;
    border: 1px #ccc solid;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.5s;
}
 
.tooltip-template .tooltiptext-template::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}
 
.tooltip-template:hover .tooltiptext-template {
    visibility: visible;
    opacity: 1;
}

/* Less fatiguing text editor colors */

.wikiEditor-ui textarea, .wikiEditor-ui .CodeMirror{
    background-color: #2c3438;
    color: #bfc2bc;
}


/* Syntax Colors */
/* Template */
.cm-mw-template, .cm-mw-template-argument-name {
    color: #cd8aef;
}
.cm-mw-template-delimiter, .cm-mw-template-name, .cm-mw-template-bracket {
    color: #a73fdc;
)
Retrieved from "https://drawntolife.wiki/w/index.php?title=MediaWiki:Common.css&oldid=9378"