×
Create a new article
Write your page title here:
We currently have 8 articles on Avengers Reserves. Type your article name above or click on one of the titles below and start writing!



    Avengers Reserves

    Difference between revisions of "MediaWiki:Ff.css"

    (Created page with "#ff.default { background: #f2efc3; } #ff.firefly { background: #e2e9f5; } #ff.gijoe{ background:#6d8062; } #ff.cobra{ background: #212d75; } #ff-name { fon...")
     
    Line 1: Line 1:
    #ff.default {
    +
    /* Page Defaults */
         background: #f2efc3;
    +
     
     +
    .smallcaps {
     +
         font-variant: small-caps;
     +
        font-style: normal;
     
    }
     
    }
    #ff.firefly {
    +
    .smallcaps-bold {
         background: #e2e9f5;
    +
         font-variant: small-caps;
     +
        font-style: normal;
     +
        font-weight: bold;
     
    }
     
    }
    #ff.gijoe{
    +
    /* Fonts */
        background:#6d8062;
    +
    @font-face {
    }
    +
         font-family: 'American Typewriter';
    #ff.cobra{
    +
         src: url('fonts/AmericanTypewriter.woff2') format('woff2'),
        background: #212d75;
    +
        url('fonts/AmericanTypewriter.woff') format('woff');
    }
     
    #ff-name {
     
         font-size: 20px;
     
         width: 100%;
     
     
         font-weight: normal;
     
         font-weight: normal;
     +
        font-style: normal;
     +
        font-display: swap;
     
    }
     
    }
    #ff-name .default {
    +
     
        background: white;
    +
    @font-face {
        color: #8B864E;
    +
         font-family: 'AmerType Md BT';
         font-family: "EuroHeavy";
    +
         src: url('fonts/AmerTypewriterITCbyBT-Bold.woff2') format('woff2'),
         text-align: left;
    +
         url('fonts/AmerTypewriterITCbyBT-Bold.woff') format('woff');
        padding-top: 5px;
    +
         font-weight: bold;
         padding-bottom: 5px;
    +
         font-style: normal;
    }
    +
         font-display: swap;
    #ff-name .firefly {
     
        background: white;
     
        color: #5d7b9f;
     
         font-family: "EuroHeavy";
     
         text-align: left;
     
         padding-top: 5px;
     
        padding-bottom: 5px;
     
     
    }
     
    }
    #ff-name .gijoe {
    +
    @font-face {
        background: #3A3C24;
     
        color: #E9D838;
     
        text-align: center;
     
     
         font-family: "Stencil";
     
         font-family: "Stencil";
         padding-top: 5px;
    +
         src: url('/fonts/STENCIL.woff');
        padding-bottom: 5px;
    +
    url('/fonts/STENCIL.woff');
     
    }
     
    }
    #ff-name .cobra {
    +
    @font-face {
        background: black;
     
        color: #E9D838;
     
        text-align: center;
     
     
         font-family: "RubberStamp";
     
         font-family: "RubberStamp";
         padding-top: 5px;
    +
         src: url('fonts/RubberStampLetPlain.woff2') format('woff2'),
         padding-bottom: 5px;
    +
        url('fonts/RubberStampLetPlain.woff') format('woff');
     +
        font-weight: normal;
     +
        font-style: normal;
     +
         font-display: swap;
     
    }
     
    }
    #ff-header {
    +
    @font-face {
         width: 100%;
    +
         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;
     
    }
     
    }
    #ff-header .default {
    +
     
         background: #CDC673;
    +
    @font-face {
         color: white;
    +
         font-family: 'Aller';
         font-family: "EuroHeavy";
    +
         src: url('fonts/Aller-BoldItalic.woff2') format('woff2'),
         padding-left: 4px;
    +
        url('fonts/Aller-BoldItalic.woff') format('woff');
         text-align: left;
    +
         font-weight: bold;
     +
         font-style: italic;
     +
         font-display: swap;
     
    }
     
    }
    #ff-header .firefly {
    +
     
         background: #a1a8c2;
    +
    @font-face {
         color: white;
    +
         font-family: 'Aller Display';
         font-family: "EuroHeavy";
    +
         src: url('fonts/AllerDisplay.woff2') format('woff2'),
         padding-left: 4px;
    +
         url('fonts/AllerDisplay.woff') format('woff');
         margin-top: 5px;
    +
         font-weight: normal;
         text-align: left;
    +
         font-style: normal;
     +
         font-display: swap;
     
    }
     
    }
    #ff-header .gijoe {
    +
     
         background: #3A3C24;
    +
    @font-face {
        color: #E9D838;
    +
         font-family: 'Aller';
        text-align: left;
    +
         src: url('fonts/Aller-Italic.woff2') format('woff2'),
         padding-left: 14px;
    +
         url('fonts/Aller-Italic.woff') format('woff');
        margin-top: 5px;
     
         font-family: "Stencil";
     
     
         font-weight: normal;
     
         font-weight: normal;
     +
        font-style: italic;
     +
        font-display: swap;
     
    }
     
    }
    #ff-header .cobra {
    +
     
         background: black;
    +
    @font-face {
        color: #E9D838;
    +
         font-family: 'Aller';
        text-align: left;
    +
         src: url('fonts/Aller.woff2') format('woff2'),
         padding-left: 14px;
    +
         url('fonts/Aller.woff') format('woff');
         margin-top: 5px;
     
        font-family: "RubberStamp";
     
     
         font-weight: normal;
     
         font-weight: normal;
     +
        font-style: normal;
     +
        font-display: swap;
     
    }
     
    }
    #ff-skill {
    +
     
         font-size: 12px;
    +
    @font-face {
         color: #000000;
    +
         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-style: normal;
         font-weight: normal;
    +
         font-display: swap;
        font-variant: normal;
     
        text-align: left;
     
     
    }
     
    }
    #ff-skill .default {
    +
     
         font-family: "Aller";
    +
    @font-face {
         border-bottom: 1px solid black;
    +
         font-family: 'Aller';
         background: white;
    +
         src: url('fonts/Aller-LightItalic.woff2') format('woff2'),
         font-variant: small-caps;
    +
         url('fonts/Aller-LightItalic.woff') format('woff');
         font-size: 14px;
    +
         font-weight: 300;
         margin-top: auto;
    +
         font-style: italic;
        margin-bottom: auto;
    +
         font-display: swap;
     
    }
     
    }
    #ff-skill .firefly {
    +
     
         font-family: "Aller";
    +
    @font-face {
        border-bottom: 1px solid black;
    +
         font-family: "EuroHeavy";
        background: white;
    +
         font-weight: normal;
         font-variant: small-caps;
    +
         font-style: normal;
         font-size: 14px;
    +
         src: url('/fonts/EurostileBeckerHeavy.woff2') format('woff2'),
         margin-top: auto;
    +
         url('/fonts/EurostileBeckerHeavy.woff') format('woff');
         margin-bottom: auto;
     
     
    }
     
    }
    #ff-skill .container {
    +
    @font-face {
         height: 28px;
    +
         font-family: "ForgottenFuturist";
         position: relative;
    +
        font-weight: normal;
         float: left;
    +
         font-style: normal;
     +
         src: url('/fonts/forgotten-futurist-rg.woff');
     +
    url('/fonts/forgotten-futurist-rg.woff');
     
    }
     
    }
    #ff-skill .content {
    +
    @font-face {
         left: 3px;
    +
         font-family: "ForgottenFuturist";
         bottom: 0;
    +
         font-weight: bold;
         right: 0;
    +
         font-style: normal;
         position: absolute;
    +
         src: url('/fonts/forgotten-futurist-bd.woff');
        margin: auto;
    +
    url('/fonts/forgotten-futurist-bd.woff');
     
    }
     
    }
    #ff-skill .gijoe {
    +
    @font-face {
         background: white;
    +
         font-family: "ForgottenFuturist";
         border-bottom: 1px solid black;
    +
         font-weight: normal;
         font-family: "AmerType";
    +
         font-style: italic;
     +
        src: url('/fonts/forgotten-futurist-rg-it.woff');
     +
    url('/fonts/forgotten-futurist-rg-it.woff');
     
    }
     
    }
    #ff-skill .cobra {
    +
    @font-face {
         background: white;
    +
         font-family: "ForgottenFuturist";
         border-bottom: 1px solid black;
    +
         font-weight: bold;
         font-family: "AmerType";
    +
         font-style: italic;
     +
        src: url('/fonts/forgotten-futurist-bd-it.woff');
     +
    url('/fonts/forgotten-futurist-bd-it.woff');
     
    }
     
    }
    #ff-desc {
    +
    @font-face {
         font-size: 10px;
    +
         font-family: "Mason";
         color: #000000;
    +
         font-weight: normal;
     
         font-style: normal;
     
         font-style: normal;
         font-weight: normal;
    +
         src: url('/fonts/Mason.woff');
        font-variant: normal;
    +
    url('/fonts/Mason.woff');
        text-align: justify;
     
        margin-top: 5px;
     
        height: 100%;
     
     
    }
     
    }
    #ff-desc .default {
    +
     
         font-family: "Aller";
    +
     
        background: white;
    +
    .sm-table {
         padding-left: 5px;
    +
         background-color: white;
         padding-right: 5px;
    +
         color: black;
        height: 100%;
    +
         font-family: "palatino linotype", palatino, serif;
     
    }
     
    }
    #ff-desc .firefly {
    +
     
         font-family: "Aller";
    +
    img.fit {
        background: white;
    +
         width: 100%;
        padding-left: 5px;
    +
         height: auto;
        padding-right: 5px;
     
         height: 100%;
     
     
    }
     
    }
    #ff-desc .gijoe {
    +
     
         background: #3A3C24;
    +
    img.half {
         font-family: "AmerType";
    +
         width: 50%;
         color: white;
    +
         height: auto;
        padding-left: 5px;
    +
         float: left;
        padding-right: 5px;
     
        height: 100%;
     
     
    }
     
    }
    #ff-desc .cobra {
    +
     
         background: black;
    +
     
         font-family: "AmerType";
    +
    @font-face {
         color: white;
    +
         font-family: 'Cybertron Moviecaps';
         padding-left: 5px;
    +
         src: url('fonts/CybertronMoviecaps-Italic.woff2') format('woff2'),
         padding-right: 5px;
    +
        url('fonts/CybertronMoviecaps-Italic.woff') format('woff');
     +
         font-weight: normal;
     +
         font-style: italic;
     +
         font-display: swap;
     
    }
     
    }
    #ff-desc p {
    +
     
         margin-top: 0px;
    +
    @font-face {
         margin-bottom: 10px;
    +
         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;
     
    }
     
    }
    #ff-block {
     
      
     +
    @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;
     +
    }
      
    #ff-block .default {
    +
    @font-face {
         background: white;
    +
        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;
     
    }
     
    }
    #ff-block .firefly {
    +
     
         background: white;
    +
    @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;
     
    }
     
    }
    #ff-block .gijoe {
    +
     
         background: white;
    +
    @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;
     
    }
     
    }
    #ff-block .cobra {
    +
     
         background: white;
    +
    @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;
     
    }
     
    }
    #ff-text {
    +
     
         background: white;
    +
    @font-face {
         font-size: 11px;
    +
         font-family: 'Cybertron Condensed';
         color: #000000;
    +
         src: url('fonts/CybertronCondensed.woff2') format('woff2'),
     +
        url('fonts/CybertronCondensed.woff') format('woff');
     +
         font-weight: normal;
     
         font-style: 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-weight: normal;
         font-variant: normal;
    +
         font-style: normal;
         text-align: left;
    +
         font-display: swap;
     
    }
     
    }
    #ff-text .headline {
    +
     
     +
    @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-weight: bold;
         font-size: 16px;
    +
         font-style: normal;
         font-variant: small-caps;
    +
         font-display: swap;
        vertical-align: bottom;
     
     
    }
     
    }
    #ff-text .checkbox {
    +
     
         width: 5%;
    +
    @font-face {
         float: left;
    +
        font-family: 'Cybertron';
         font-size: 20px;
    +
        src: url('fonts/Cybertron.woff2') format('woff2'),
     +
        url('fonts/Cybertron.woff') format('woff');
     +
         font-weight: normal;
     +
         font-style: normal;
     +
         font-display: swap;
     
    }
     
    }
    #ff-text .trigger {
    +
     
         width: 95%;
    +
    @font-face {
         float: left;
    +
        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;
     
    }
     
    }
    #ff-text .default {
    +
     
         background: white;
    +
    @font-face {
         font-family: "Aller";
    +
         font-family: 'Cybertron Moviecaps';
         letter-spacing: 0px;
    +
         src: url('fonts/CybertronMoviecaps.woff2') format('woff2'),
         line-height: 16px;
    +
        url('fonts/CybertronMoviecaps.woff') format('woff');
         padding-left: 5px;
    +
         font-weight: normal;
     +
         font-style: normal;
     +
         font-display: swap;
     
    }
     
    }
    #ff-text .firefly {
    +
     
         background: white;
    +
    @font-face {
         font-family: "Aller";
    +
         font-family: 'Cybertron';
         letter-spacing: 0px;
    +
         src: url('fonts/Cybertron-Bold.woff2') format('woff2'),
         line-height: 16px;
    +
        url('fonts/Cybertron-Bold.woff') format('woff');
         padding-left: 5px;
    +
         font-weight: bold;
     +
         font-style: normal;
     +
         font-display: swap;
     
    }
     
    }
    #ff-text .gijoe {
    +
     
        background: white;
    +
    @font-face {
         font-family: "AmerType";
    +
         font-family: 'Cybertron Condensed';
         letter-spacing: 0px;
    +
         src: url('fonts/CybertronCondensed-BoldItalic.woff2') format('woff2'),
        line-height: 16px;
    +
         url('fonts/CybertronCondensed-BoldItalic.woff') format('woff');
         padding-left: 5px;
    +
         font-weight: bold;
    }
    +
         font-style: italic;
    #ff-text .cobra {
    +
         font-display: swap;
        background: white;
     
         font-family: "AmerType";
     
         letter-spacing: 0px;
     
         line-height: 16px;
     
        padding-left: 5px;
     
     
    }
     
    }

    Revision as of 23:46, 16 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: "ForgottenFuturist";
        font-weight: bold;
        font-style: normal;
        src: url('/fonts/forgotten-futurist-bd.woff');
    url('/fonts/forgotten-futurist-bd.woff');
    }
    @font-face {
        font-family: "ForgottenFuturist";
        font-weight: normal;
        font-style: italic;
        src: url('/fonts/forgotten-futurist-rg-it.woff');
    url('/fonts/forgotten-futurist-rg-it.woff');
    }
    @font-face {
        font-family: "ForgottenFuturist";
        font-weight: bold;
        font-style: italic;
        src: url('/fonts/forgotten-futurist-bd-it.woff');
    url('/fonts/forgotten-futurist-bd-it.woff');
    }
    @font-face {
        font-family: "Mason";
        font-weight: normal;
        font-style: normal;
        src: url('/fonts/Mason.woff');
    url('/fonts/Mason.woff');
    }
    
    
    .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;
    }
    

    Recent changes

  • Admin • 2 months ago
  • Admin • 2 months ago
  • Admin • 2 months ago
  • Admin • 2 months ago