Line 1: |
Line 1: |
| + | /* Fonts */ |
| @font-face { | | @font-face { |
| font-family: "AmerType"; | | font-family: "AmerType"; |
Line 50: |
Line 51: |
| } | | } |
| | | |
| + | /* HRP */ |
| #hrp .default { | | #hrp .default { |
| background: #f2efc3; | | background: #f2efc3; |
Line 65: |
Line 67: |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
− |
| |
| #hrp-name .default { | | #hrp-name .default { |
| background: #8B864E; | | background: #8B864E; |
Line 90: |
Line 91: |
| padding-right: 20px; | | padding-right: 20px; |
| } | | } |
| + | #hrp-name .emh { |
| + | background: #fef100; |
| + | color: black; |
| + | text-align: left; |
| + | font-family: "EuroHeavy"; |
| + | padding-left: 30px; |
| + | padding-right: 20px; |
| + | } |
| + | |
| #hrp-section { | | #hrp-section { |
| margin-top: 5px; | | margin-top: 5px; |
| } | | } |
| + | |
| #hrp-header { | | #hrp-header { |
| width: 100px; | | width: 100px; |
| float: left; | | float: left; |
| } | | } |
− |
| |
− | #hrp-header-compact {
| |
− | width: 20px;
| |
− | float: left;
| |
− | }
| |
− |
| |
| #hrp-header .default { | | #hrp-header .default { |
| background: #CDC673; | | background: #CDC673; |
Line 116: |
Line 121: |
| padding-right: 5px; | | padding-right: 5px; |
| text-align: right; | | text-align: right; |
| + | } |
| + | #hrp-header .villain { |
| + | background: #440000; |
| + | color: #9C604F; |
| + | text-align: left; |
| + | padding-left: 5px; |
| + | font-family: "Aller"; |
| + | font-weight: normal; |
| + | } |
| + | #hrp-header .emh { |
| + | background: #0d0d0d; |
| + | color: #fef100; |
| + | text-align: left; |
| + | padding-left: 5px; |
| + | font-family: "Aller"; |
| + | font-weight: normal; |
| } | | } |
| | | |
| + | #hrp-header-compact { |
| + | width: 20px; |
| + | float: left; |
| + | } |
| #hrp-header-compact .default { | | #hrp-header-compact .default { |
| background: #CDC673; | | background: #CDC673; |
Line 134: |
Line 159: |
| transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative; | | transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative; |
| } | | } |
− | #hrp-header .villain { | + | #hrp-header-compact .villain { |
| background: #440000; | | background: #440000; |
| color: #9C604F; | | color: #9C604F; |
Line 141: |
Line 166: |
| font-family: "Aller"; | | font-family: "Aller"; |
| font-weight: normal; | | font-weight: normal; |
| + | transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative; |
| } | | } |
− | #hrp-header-compact .villain { | + | #hrp-header-compact .emh { |
− | background: #440000; | + | background: #0d0d0d; |
− | color: #9C604F; | + | color: #fef100; |
| text-align: left; | | text-align: left; |
| padding-left: 5px; | | padding-left: 5px; |
Line 151: |
Line 177: |
| transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative; | | transform: rotate(-90deg); transform-origin: left, bottom; -ms-transform: rotate(-90deg); -ms-transform-origin: left, bottom; -webkit-transform: rotate(-90deg); -webkit-transform-origin: left, bottom; position: relative; |
| } | | } |
| + | |
| #hrp-innerheader { | | #hrp-innerheader { |
| width: 100%; | | width: 100%; |
Line 177: |
Line 204: |
| font-size: 20px; | | font-size: 20px; |
| color: white; | | color: white; |
| + | padding-left: 5px; |
| + | padding-top: 3px; |
| + | padding-bottom: 3px; |
| + | } |
| + | #hrp-innerheader .emh { |
| + | background: #ed1c24; |
| + | font-family: "EuroHeavy"; |
| + | font-size: 20px; |
| + | color: #fef100; |
| padding-left: 5px; | | padding-left: 5px; |
| padding-top: 3px; | | padding-top: 3px; |
Line 199: |
Line 235: |
| font-size: 16px; | | font-size: 16px; |
| } | | } |
− |
| |
| #hrp-specialty .villain { | | #hrp-specialty .villain { |
| font-family: "Aller"; | | font-family: "Aller"; |
Line 205: |
Line 240: |
| font-size: 16px; | | font-size: 16px; |
| } | | } |
| + | #hrp-specialty .villain { |
| + | font-family: "Aller"; |
| + | font-variant: small-caps; |
| + | font-size: 16px; |
| + | } |
| + | |
| #hrp-desc { | | #hrp-desc { |
| font-size: 9px; | | font-size: 9px; |
Line 235: |
Line 276: |
| padding-right: 5px; | | padding-right: 5px; |
| } | | } |
| + | #hrp-desc .emh { |
| + | background: url(/images/emh-background.png); |
| + | font-family: "Aller"; |
| + | color: white; |
| + | padding-left: 5px; |
| + | padding-right: 5px; |
| + | } |
| + | |
| #hrp-block { | | #hrp-block { |
| | | |
Line 253: |
Line 302: |
| font-family: "Aller"; | | font-family: "Aller"; |
| } | | } |
| + | #hrp-block .villain { |
| + | background: #ed1c24; |
| + | color: white; |
| + | font-family: "Aller"; |
| + | } |
| + | |
| #hrp-container { | | #hrp-container { |
| | | |
Line 268: |
Line 323: |
| color: white; | | color: white; |
| } | | } |
| + | |
| #hrp-text { | | #hrp-text { |
| background: white; | | background: white; |
Line 307: |
Line 363: |
| } | | } |
| #hrp-text .villain { | | #hrp-text .villain { |
| + | background: white; |
| + | font-family: "AmerType"; |
| + | letter-spacing: 0px; |
| + | line-height: 16px; |
| + | padding-left: 5px; |
| + | } |
| + | #hrp-text .emh { |
| background: white; | | background: white; |
| font-family: "AmerType"; | | font-family: "AmerType"; |