Difference between revisions of "MediaWiki:Common.css"

 
(3 intermediate revisions by the same user not shown)
Line 12: Line 12:
 
/* Fonts */
 
/* Fonts */
 
@font-face {
 
@font-face {
     font-family: "AmerType";
+
     font-family: 'American Typewriter';
     src: url('/fonts/AmerType-Md-BT.woff');
+
     src: url('fonts/AmericanTypewriter.woff2') format('woff2'),
url('/fonts/AmerType-Md-BT.woff');
+
    url('fonts/AmericanTypewriter.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 
 +
@font-face {
 +
    font-family: 'AmerType Md BT';
 +
    src: url('fonts/AmerTypewriterITCbyBT-Bold.woff2') format('woff2'),
 +
    url('fonts/AmerTypewriterITCbyBT-Bold.woff') format('woff');
 +
    font-weight: bold;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
 
@font-face {
 
@font-face {
Line 23: Line 35:
 
@font-face {
 
@font-face {
 
     font-family: "RubberStamp";
 
     font-family: "RubberStamp";
     src: url('/fonts/rubber-stamp-let-plain.woff');
+
     src: url('fonts/RubberStampLetPlain.woff2') format('woff2'),
url('/fonts/rubber-stamp-let-plain.woff');
+
    url('fonts/RubberStampLetPlain.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 
}
 
}
 
@font-face {
 
@font-face {
Line 104: Line 119:
 
}
 
}
 
@font-face {
 
@font-face {
     font-family: "ForgottenFuturist";
+
     font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-Bold.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-Bold.woff') format('woff');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: normal;
 
     font-style: normal;
     src: url('/fonts/forgotten-futurist-bd.woff');
+
     font-display: swap;
url('/fonts/forgotten-futurist-bd.woff');
 
 
}
 
}
 +
 
@font-face {
 
@font-face {
     font-family: "ForgottenFuturist";
+
     font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-Regular.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-Regular.woff') format('woff');
 +
    font-weight: normal;
 +
    font-style: normal;
 +
    font-display: swap;
 +
}
 +
 
 +
@font-face {
 +
    font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-Italic.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-Italic.woff') format('woff');
 
     font-weight: normal;
 
     font-weight: normal;
 
     font-style: italic;
 
     font-style: italic;
     src: url('/fonts/forgotten-futurist-rg-it.woff');
+
     font-display: swap;
url('/fonts/forgotten-futurist-rg-it.woff');
 
 
}
 
}
 +
 
@font-face {
 
@font-face {
     font-family: "ForgottenFuturist";
+
     font-family: 'Forgotten Futurist Rg';
 +
    src: url('fonts/ForgottenFuturistRg-BoldItalic.woff2') format('woff2'),
 +
    url('fonts/ForgottenFuturistRg-BoldItalic.woff') format('woff');
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-style: italic;
 
     font-style: italic;
     src: url('/fonts/forgotten-futurist-bd-it.woff');
+
     font-display: swap;
url('/fonts/forgotten-futurist-bd-it.woff');
 
 
}
 
}
 
@font-face {
 
@font-face {
     font-family: "Mason";
+
     font-family: 'Mason';
     font-weight: normal;
+
    src: url('fonts/Mason-Regular.woff2') format('woff2'),
 +
    url('fonts/Mason-Regular.woff') format('woff');
 +
     font-weight: 100;
 
     font-style: normal;
 
     font-style: normal;
     src: url('/fonts/Mason.woff');
+
     font-display: swap;
url('/fonts/Mason.woff');
 
 
}
 
}
 
  
 
.sm-table {
 
.sm-table {

Latest revision as of 00:17, 17 February 2021

/* Page Defaults */

.smallcaps {
    font-variant: small-caps;
    font-style: normal;
}
.smallcaps-bold {
    font-variant: small-caps;
    font-style: normal;
    font-weight: bold;
}
/* Fonts */
@font-face {
    font-family: 'American Typewriter';
    src: url('fonts/AmericanTypewriter.woff2') format('woff2'),
    url('fonts/AmericanTypewriter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AmerType Md BT';
    src: url('fonts/AmerTypewriterITCbyBT-Bold.woff2') format('woff2'),
    url('fonts/AmerTypewriterITCbyBT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Stencil";
    src: url('/fonts/STENCIL.woff');
url('/fonts/STENCIL.woff');
}
@font-face {
    font-family: "RubberStamp";
    src: url('fonts/RubberStampLetPlain.woff2') format('woff2'),
    url('fonts/RubberStampLetPlain.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Bold.woff2') format('woff2'),
    url('fonts/Aller-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-BoldItalic.woff2') format('woff2'),
    url('fonts/Aller-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aller Display';
    src: url('fonts/AllerDisplay.woff2') format('woff2'),
    url('fonts/AllerDisplay.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Italic.woff2') format('woff2'),
    url('fonts/Aller-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller.woff2') format('woff2'),
    url('fonts/Aller.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-Light.woff2') format('woff2'),
    url('fonts/Aller-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aller';
    src: url('fonts/Aller-LightItalic.woff2') format('woff2'),
    url('fonts/Aller-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "EuroHeavy";
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/EurostileBeckerHeavy.woff2') format('woff2'),
    url('/fonts/EurostileBeckerHeavy.woff') format('woff');
}
@font-face {
    font-family: "ForgottenFuturist";
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/forgotten-futurist-rg.woff');
url('/fonts/forgotten-futurist-rg.woff');
}
@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Bold.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Regular.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-Italic.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Forgotten Futurist Rg';
    src: url('fonts/ForgottenFuturistRg-BoldItalic.woff2') format('woff2'),
    url('fonts/ForgottenFuturistRg-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Mason';
    src: url('fonts/Mason-Regular.woff2') format('woff2'),
    url('fonts/Mason-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.sm-table {
    background-color: white;
    color: black;
    font-family: "palatino linotype", palatino, serif;
}

img.fit {
    width: 100%;
    height: auto;
}

img.half {
    width: 50%;
    height: auto;
    float: left;
}


@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps-Bold.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-Italic.woff2') format('woff2'),
    url('fonts/CybertronCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-BoldItalic.woff2') format('woff2'),
    url('fonts/Cybertron-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed.woff2') format('woff2'),
    url('fonts/CybertronCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-Bold.woff2') format('woff2'),
    url('fonts/CybertronCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron.woff2') format('woff2'),
    url('fonts/Cybertron.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-Italic.woff2') format('woff2'),
    url('fonts/Cybertron-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Moviecaps';
    src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
    url('fonts/CybertronMoviecaps.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron';
    src: url('fonts/Cybertron-Bold.woff2') format('woff2'),
    url('fonts/Cybertron-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cybertron Condensed';
    src: url('fonts/CybertronCondensed-BoldItalic.woff2') format('woff2'),
    url('fonts/CybertronCondensed-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}