| 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: "AmerType"; |
| − | 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: "AmerType"; |
| − | 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: "AmerType"; |
| − | height: auto; | + | color: white; |
| − | float: left; | + | padding-left: 5px; |
| | + | padding-right: 5px; |
| | + | height: 100%; |
| | } | | } |
| − | | + | #ff-desc .cobra { |
| − | | + | background: black; |
| − | @font-face {
| + | font-family: "AmerType"; |
| − | 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; | |
| | } | | } |