Avengers Reserves

Changes

MediaWiki:Ff.css (view source)

Revision as of 23:46, 16 February 2021

3,474 bytes added ,  23:46, 16 February 2021
no edit summary
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;
   
}
 
}
Retrieved from "https://avengersreserves.com/index.php?title=Special:MobileDiff/1914"