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;
| |
| } | | } |