×
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"

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

    Latest revision as of 23:49, 16 February 2021

    #ff.default {
        background: #f2efc3;
    }
    #ff.firefly {
        background: #e2e9f5;
    }
    #ff.gijoe{
        background:#6d8062;
    }
    #ff.cobra{
        background: #212d75;
    }
    #ff-name {
        font-size: 20px;
        width: 100%;
        font-weight: normal;
    }
    #ff-name .default {
        background: white;
        color: #8B864E;
        font-family: "EuroHeavy";
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #ff-name .firefly {
        background: white;
        color: #5d7b9f;
        font-family: "EuroHeavy";
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #ff-name .gijoe {
        background: #3A3C24;
        color: #E9D838;
        text-align: center;
        font-family: "Stencil";
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #ff-name .cobra {
        background: black;
        color: #E9D838;
        text-align: center;
        font-family: "RubberStamp";
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #ff-header {
        width: 100%;
    }
    #ff-header .default {
        background: #CDC673;
        color: white;
        font-family: "EuroHeavy";
        padding-left: 4px;
        text-align: left;
    }
    #ff-header .firefly {
        background: #a1a8c2;
        color: white;
        font-family: "EuroHeavy";
        padding-left: 4px;
        margin-top: 5px;
        text-align: left;
    }
    #ff-header .gijoe {
        background: #3A3C24;
        color: #E9D838;
        text-align: left;
        padding-left: 14px;
        margin-top: 5px;
        font-family: "Stencil";
        font-weight: normal;
    }
    #ff-header .cobra {
        background: black;
        color: #E9D838;
        text-align: left;
        padding-left: 14px;
        margin-top: 5px;
        font-family: "RubberStamp";
        font-weight: normal;
    }
    #ff-skill {
        font-size: 12px;
        color: #000000;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-align: left;
    }
    #ff-skill .default {
        font-family: "Aller";
        border-bottom: 1px solid black;
        background: white;
        font-variant: small-caps;
        font-size: 14px;
        margin-top: auto;
        margin-bottom: auto;
    }
    #ff-skill .firefly {
        font-family: "Aller";
        border-bottom: 1px solid black;
        background: white;
        font-variant: small-caps;
        font-size: 14px;
        margin-top: auto;
        margin-bottom: auto;
    }
    #ff-skill .container {
        height: 28px;
        position: relative;
        float: left;
    }
    #ff-skill .content {
        left: 3px;
        bottom: 0;
        right: 0;
        position: absolute;
        margin: auto;
    }
    #ff-skill .gijoe {
        background: white;
        border-bottom: 1px solid black;
        font-family: "American Typewriter";
    }
    #ff-skill .cobra {
        background: white;
        border-bottom: 1px solid black;
        font-family: "American Typewriter";
    }
    #ff-desc {
        font-size: 10px;
        color: #000000;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-align: justify;
        margin-top: 5px;
        height: 100%;
    }
    #ff-desc .default {
        font-family: "Aller";
        background: white;
        padding-left: 5px;
        padding-right: 5px;
        height: 100%;
    }
    #ff-desc .firefly {
        font-family: "Aller";
        background: white;
        padding-left: 5px;
        padding-right: 5px;
        height: 100%;
    }
    #ff-desc .gijoe {
        background: #3A3C24;
        font-family: "American Typewriter";
        color: white;
        padding-left: 5px;
        padding-right: 5px;
        height: 100%;
    }
    #ff-desc .cobra {
        background: black;
        font-family: "American Typewriter";
        color: white;
        padding-left: 5px;
        padding-right: 5px;
    }
    #ff-desc p {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #ff-block {
    
    }
    
    
    #ff-block .default {
        background: white;
    }
    #ff-block .firefly {
        background: white;
    }
    #ff-block .gijoe {
        background: white;
    }
    #ff-block .cobra {
        background: white;
    }
    #ff-text {
        background: white;
        font-size: 11px;
        color: #000000;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-align: left;
    }
    #ff-text .headline {
        font-weight: bold;
        font-size: 16px;
        font-variant: small-caps;
        vertical-align: bottom;
    }
    #ff-text .checkbox {
        width: 5%;
        float: left;
        font-size: 20px;
    }
    #ff-text .trigger {
        width: 95%;
        float: left;
    }
    #ff-text .default {
        background: white;
        font-family: "Aller";
        letter-spacing: 0px;
        line-height: 16px;
        padding-left: 5px;
    }
    #ff-text .firefly {
        background: white;
        font-family: "Aller";
        letter-spacing: 0px;
        line-height: 16px;
        padding-left: 5px;
    }
    #ff-text .gijoe {
        background: white;
        font-family: "American Typewriter";
        letter-spacing: 0px;
        line-height: 16px;
        padding-left: 5px;
    }
    #ff-text .cobra {
        background: white;
        font-family: "American Typewriter";
        letter-spacing: 0px;
        line-height: 16px;
        padding-left: 5px;
    }
    

    Recent changes

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