MediaWiki:Common.css: Difference between revisions

Created page with "Uses the Official League Wiki styles as a base:: As advised, starting with the OSRS Skin and going from there.: @import url("https://lol-staging.weirdgloop.org/w/MediaWiki:Portal.css?action=raw&ctype=text/css");: <pre>: :root { color-scheme: dark; Meta color scheme: --fiendish-dark-purple: #5A1A45; --fiendish-purple: #993B80; --fiendish-gold: #C8AA6E; --league-wiki-blue: #061F36; --league-wiki-blue-lighter: #152B3F; --league-wiki-dar..."
 
Fonts
Line 509: Line 509:


/* SpiegelLoL */
/* SpiegelLoL */
@font-face {
/*@font-face {
     font-family: SpiegelLoL;
     font-family: SpiegelLoL;
     src:
     src:
Line 531: Line 531:
     font-weight: 700;
     font-weight: 700;
     font-style: bold;
     font-style: bold;
     }
     }*/
 
/* Nunito (body font) */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
      
      
/* BeaufortLoL */
/* BeaufortLoL */
@font-face {
/*@font-face {
     font-family: BeaufortLoL;
     font-family: BeaufortLoL;
     src:
     src:
Line 623: Line 626:
     font-weight: 200;
     font-weight: 200;
     font-style: italic;
     font-style: italic;
}
}*/
/* Lovelo (title font) */
@import url("https://fonts.cdnfonts.com/css/lovelo");


/* UniversLoR */
/* UniversLoR */
Line 643: Line 648:


body {
body {
font-family: 'SpiegelLoL', 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
font-family: 'Nunito', 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
}
}


Line 667: Line 672:
.mw-body-content h5,
.mw-body-content h5,
.mw-body-content h6 {
.mw-body-content h6 {
font-family: BeaufortLoL;
font-family: Lovelo;
font-weight: 700;
font-weight: 700;
}
}
Line 4,530: Line 4,535:
     color: var(--league-wheat-gold);
     color: var(--league-wheat-gold);
     text-transform: uppercase;
     text-transform: uppercase;
     font: 14px/22px BeaufortLoL;
     font: 14px/22px Lovelo;
     font-weight: 700;
     font-weight: 700;
     padding: 3px 0;
     padding: 3px 0;
Line 5,246: Line 5,251:
/* Lore banner and game banner text */
/* Lore banner and game banner text */
#champinfo-container, .league-font {
#champinfo-container, .league-font {
     font-family: 'BeaufortLoL';
     font-family: 'Lovelo';
     font-weight: 700;
     font-weight: 700;
     text-transform: uppercase;
     text-transform: uppercase;
Line 6,188: Line 6,193:


.poc-power-tooltip .poc-tooltip-footer {
.poc-power-tooltip .poc-tooltip-footer {
font-family: BeaufortLoL;
font-family: Lovelo;
padding-left: 12px;
padding-left: 12px;
}
}
Line 6,227: Line 6,232:


.poc-power-description {
.poc-power-description {
font-family: "BeaufortLOL";
font-family: "Lovelo";
font-weight: 400;
font-weight: 400;
color: #d6cbb6;
color: #d6cbb6;