Line 4: |
Line 4: |
| url('/fonts/AmerType-Md-BT.woff'); | | url('/fonts/AmerType-Md-BT.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "Stencil"; | | font-family: "Stencil"; |
Line 10: |
Line 9: |
| url('/fonts/STENCIL.woff'); | | url('/fonts/STENCIL.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "RubberStamp"; | | font-family: "RubberStamp"; |
Line 16: |
Line 14: |
| url('/fonts/rubber-stamp-let-plain.woff'); | | url('/fonts/rubber-stamp-let-plain.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 24: |
Line 21: |
| url('/fonts/Aller_Rg.woff'); | | url('/fonts/Aller_Rg.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 32: |
Line 28: |
| url('/fonts/Aller_Bd.woff'); | | url('/fonts/Aller_Bd.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 40: |
Line 35: |
| url('/fonts/Aller_It.woff'); | | url('/fonts/Aller_It.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 48: |
Line 42: |
| url('/fonts/Aller_BdIt.woff'); | | url('/fonts/Aller_BdIt.woff'); |
| } | | } |
− |
| |
| @font-face { | | @font-face { |
| font-family: "EuroHeavy"; | | font-family: "EuroHeavy"; |
Line 56: |
Line 49: |
| url('eurostile-becker-heavy.woff'); | | url('eurostile-becker-heavy.woff'); |
| } | | } |
− | #ff .default | + | |
− | { | + | #hrp .default { |
| + | background: #c7c8ca; |
| + | } |
| + | #hrp .villain{ |
| + | background: #420000; |
| + | } |
| + | #hrp-name { |
| + | font-size: 30px; |
| + | width: 100%; |
| + | font-weight: normal; |
| + | padding-left: 30px; |
| + | padding-top: 10px; |
| + | padding-bottom: 10px; |
| + | } |
| + | #hrp-name .default { |
| + | background: #003968; |
| + | color: white; |
| + | font-family: "EuroHeavy"; |
| + | text-align: left; |
| + | } |
| + | #hrp-name .villain { |
| + | background: #72000b; |
| + | color: white; |
| + | text-align: left; |
| + | font-family: "EuroHeavy"; |
| + | } |
| + | #hrp-header { |
| + | width: 100%; |
| + | } |
| + | #hrp-header .default { |
| + | background: #a1a8c2; |
| + | color: white; |
| + | font-family: "EuroHeavy"; |
| + | padding-left: 4px; |
| + | text-align: left; |
| + | } |
| + | #hrp-header .villain { |
| + | background: #3A3C24; |
| + | color: #E9D838; |
| + | text-align: left; |
| + | padding-left: 14px; |
| + | margin-top: 5px; |
| + | font-family: "Stencil"; |
| + | font-weight: normal; |
| + | } |
| + | #hrp-specialties { |
| + | font-size: 12px; |
| + | color: #000000; |
| + | font-style: normal; |
| + | font-weight: normal; |
| + | font-variant: normal; |
| + | text-align: left; |
| + | } |
| + | #hrp-specialties .default { |
| + | font-family: "Aller"; |
| + | border-bottom: 1px solid black; |
| + | background: white; |
| + | font-variant: small-caps; |
| + | font-size: 14px; |
| + | margin-top: auto; |
| + | margin-bottom: auto; |
| + | } |
| + | #hrp-specialties .villain { |
| + | background: white; |
| + | border-bottom: 1px solid black; |
| + | font-family: "AmerType"; |
| + | } |
| + | #hrp-desc { |
| + | font-size: 10px; |
| + | color: #000000; |
| + | font-style: normal; |
| + | font-weight: normal; |
| + | font-variant: normal; |
| + | text-align: justify; |
| + | margin-top: 0px; |
| + | } |
| + | #hrp-desc .default { |
| + | font-family: "Aller"; |
| + | background: white; |
| + | padding-left: 5px; |
| + | padding-right: 5px; |
| + | } |
| + | #hrp-desc .villain { |
| + | background: #3A3C24; |
| + | font-family: "AmerType"; |
| + | color: white; |
| + | padding-left: 5px; |
| + | padding-right: 5px; |
| + | } |
| + | #hrp-block { |
| + | |
| + | } |
| + | #hrp-block .default { |
| + | background: white; |
| + | } |
| + | #hrp-block .villain { |
| + | background: white; |
| + | } |
| + | #hrp-text { |
| + | background: white; |
| + | font-size: 11px; |
| + | color: #000000; |
| + | font-style: normal; |
| + | font-weight: normal; |
| + | font-variant: normal; |
| + | text-align: left; |
| + | } |
| + | #hrp-text .headline { |
| + | font-weight: bold; |
| + | font-size: 16px; |
| + | font-variant: small-caps; |
| + | vertical-align: bottom; |
| + | } |
| + | #hrp-text .checkbox { |
| + | width: 5%; |
| + | float: left; |
| + | font-size: 20px; |
| + | } |
| + | #hrp-text .trigger { |
| + | width: 95%; |
| + | float: left; |
| + | } |
| + | #hrp-text .default { |
| + | background: white; |
| + | font-family: "Aller"; |
| + | letter-spacing: 0px; |
| + | line-height: 16px; |
| + | padding-left: 5px; |
| + | } |
| + | #hrp-text .villain { |
| + | background: white; |
| + | font-family: "AmerType"; |
| + | letter-spacing: 0px; |
| + | line-height: 16px; |
| + | padding-left: 5px; |
| + | } |
| + | |
| + | #ff .default { |
| background: #e2e9f5; | | background: #e2e9f5; |
| } | | } |
− | | + | #ff .gijoe{ |
− | #ff .gijoe | |
− | { | |
| background:#6d8062; | | background:#6d8062; |
| } | | } |
− | | + | #ff .cobra{ |
− | #ff .cobra | |
− | { | |
| background: #212d75; | | background: #212d75; |
| } | | } |
Line 75: |
Line 201: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
− |
| |
| #ff-name .default { | | #ff-name .default { |
| background: white; | | background: white; |
Line 82: |
Line 207: |
| text-align: left; | | text-align: left; |
| } | | } |
− |
| |
| #ff-name .gijoe { | | #ff-name .gijoe { |
| background: #3A3C24; | | background: #3A3C24; |
Line 89: |
Line 213: |
| font-family: "Stencil"; | | font-family: "Stencil"; |
| } | | } |
− |
| |
| #ff-name .cobra { | | #ff-name .cobra { |
| background: black; | | background: black; |
Line 96: |
Line 219: |
| font-family: "RubberStamp"; | | font-family: "RubberStamp"; |
| } | | } |
− |
| |
| #ff-header { | | #ff-header { |
| width: 100%; | | width: 100%; |
| } | | } |
− |
| |
| #ff-header .default { | | #ff-header .default { |
| background: #a1a8c2; | | background: #a1a8c2; |
Line 108: |
Line 229: |
| text-align: left; | | text-align: left; |
| } | | } |
− |
| |
| #ff-header .gijoe { | | #ff-header .gijoe { |
| background: #3A3C24; | | background: #3A3C24; |
Line 118: |
Line 238: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
− |
| |
| #ff-header .cobra { | | #ff-header .cobra { |
| background: black; | | background: black; |
Line 128: |
Line 247: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
− |
| |
| #ff-skill { | | #ff-skill { |
| font-size: 12px; | | font-size: 12px; |
Line 137: |
Line 255: |
| text-align: left; | | text-align: left; |
| } | | } |
− |
| |
| #ff-skill .default { | | #ff-skill .default { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 147: |
Line 264: |
| margin-bottom: 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 { | | #ff-skill .gijoe { |
| background: white; | | background: white; |
Line 153: |
Line 281: |
| font-family: "AmerType"; | | font-family: "AmerType"; |
| } | | } |
− |
| |
| #ff-skill .cobra { | | #ff-skill .cobra { |
| background: white; | | background: white; |
Line 159: |
Line 286: |
| font-family: "AmerType"; | | font-family: "AmerType"; |
| } | | } |
− |
| |
| #ff-desc { | | #ff-desc { |
| font-size: 10px; | | font-size: 10px; |
Line 169: |
Line 295: |
| margin-top: 0px; | | margin-top: 0px; |
| } | | } |
− |
| |
| #ff-desc .default { | | #ff-desc .default { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 176: |
Line 301: |
| padding-right: 5px; | | padding-right: 5px; |
| } | | } |
− |
| |
| #ff-desc .gijoe { | | #ff-desc .gijoe { |
| background: #3A3C24; | | background: #3A3C24; |
Line 184: |
Line 308: |
| padding-right: 5px; | | padding-right: 5px; |
| } | | } |
− |
| |
| #ff-desc .cobra { | | #ff-desc .cobra { |
| background: black; | | background: black; |
Line 192: |
Line 315: |
| padding-right: 5px; | | padding-right: 5px; |
| } | | } |
− |
| |
| #ff-block { | | #ff-block { |
| | | |
| } | | } |
− | | + | #ff-block .default { |
− | #ff-block .default | |
− | { | |
| background: white; | | background: white; |
| } | | } |
− | | + | #ff-block .gijoe { |
− | #ff-block .gijoe | |
− | { | |
| background: white; | | background: white; |
| } | | } |
− | | + | #ff-block .cobra { |
− | #ff-block .cobra | |
− | { | |
| background: white; | | background: white; |
| } | | } |
− |
| |
| #ff-text { | | #ff-text { |
| background: white; | | background: white; |
Line 221: |
Line 336: |
| text-align: left; | | text-align: left; |
| } | | } |
− |
| |
| #ff-text .headline { | | #ff-text .headline { |
| font-weight: bold; | | font-weight: bold; |
Line 228: |
Line 342: |
| vertical-align: bottom; | | vertical-align: bottom; |
| } | | } |
− |
| |
| #ff-text .checkbox { | | #ff-text .checkbox { |
| width: 5%; | | width: 5%; |
Line 234: |
Line 347: |
| font-size: 20px; | | font-size: 20px; |
| } | | } |
− |
| |
| #ff-text .trigger { | | #ff-text .trigger { |
| width: 95%; | | width: 95%; |
Line 246: |
Line 358: |
| padding-left: 5px; | | padding-left: 5px; |
| } | | } |
− |
| |
| #ff-text .gijoe { | | #ff-text .gijoe { |
| background: white; | | background: white; |
Line 254: |
Line 365: |
| padding-left: 5px; | | padding-left: 5px; |
| } | | } |
− |
| |
| #ff-text .cobra { | | #ff-text .cobra { |
| background: white; | | background: white; |