Line 12: |
Line 12: |
| background: #222222; | | background: #222222; |
| } | | } |
− | | + | #hrp.autobot { |
| + | background: #000000; |
| + | background: url(/images/autobot_background.jpg); |
| + | } |
| + | #hrp.decepticon { |
| + | background: #000000; |
| + | background: url(/images/2/29/Decepticon_background.jpg); |
| + | } |
| #hrp-name { | | #hrp-name { |
| font-size: 30px; | | font-size: 30px; |
Line 19: |
Line 26: |
| height: 32px; | | height: 32px; |
| line-height: 32px; | | line-height: 32px; |
− |
| |
| } | | } |
| #hrp-name .default { | | #hrp-name .default { |
Line 53: |
Line 59: |
| padding-right: 20px; | | padding-right: 20px; |
| } | | } |
− | #hrp-name .autobot { | + | #hrp-name .autobot, #hrp-name .decepticon { |
| background: #FF3333; | | background: #FF3333; |
| color: white; | | color: white; |
− | font-family: "Cybertron"; | + | font-family: "Cybertron Moviecaps"; |
| text-align: left; | | text-align: left; |
− | padding-left: 20px; | + | line-height: 35px; |
| + | padding-left: 30px; |
| padding-right: 20px; | | padding-right: 20px; |
| + | } |
| + | |
| | | |
| #hrp-section { | | #hrp-section { |
Line 84: |
Line 93: |
| } | | } |
| #hrp-header .villain { | | #hrp-header .villain { |
− | background: #440000;calc(100% - 15px) | + | background: #440000; |
− | color: #9C604F; | + | color: #9C604F; |
| text-align: left; | | text-align: left; |
| padding-left: 5px; | | padding-left: 5px; |
Line 97: |
Line 106: |
| padding-left: 5px; | | padding-left: 5px; |
| font-family: "Aller"; | | font-family: "Aller"; |
| + | font-weight: normal; |
| + | } |
| + | #hrp-header .autobot, #hrp-header .decepticon { |
| + | background: #FFFFFF; |
| + | color: #FF3333; |
| + | text-align: left; |
| + | padding-left: 5px; |
| + | font-faily: "Cybertron"; |
| font-weight: normal; | | font-weight: normal; |
| } | | } |
Line 136: |
Line 153: |
| 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 .autobot, #hrp-header-compact .decepticon { |
| + | background: #FFFFFF; |
| + | color: #FF3333; |
| + | text-align: left; |
| + | padding-left: 5px; |
| + | font-family: "Cybertron"; |
| + | font-weight: normal; |
| + | font-size: small; |
| 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; |
| } | | } |
Line 183: |
Line 210: |
| font-size: 20px; | | font-size: 20px; |
| color: #fef100; | | color: #fef100; |
| + | padding-left: 5px; |
| + | padding-top: 3px; |
| + | padding-bottom: 3px; |
| + | } |
| + | #hrp-innerheader .autobot, #hrp-innerheader .decepticon { |
| + | background: #5a0000cc; |
| + | font-family: "Cybertron"; |
| + | font-size: 20px; |
| + | color: white; |
| padding-left: 5px; | | padding-left: 5px; |
| padding-top: 3px; | | padding-top: 3px; |
Line 205: |
Line 241: |
| font-size: 16px; | | font-size: 16px; |
| } | | } |
− | #hrp-specialty .villain { | + | #hrp-specialty .villain, #hrp-speialty .autobot, #hrp-specialty .decepticon { |
| font-family: "Aller"; | | font-family: "Aller"; |
| font-variant: small-caps; | | font-variant: small-caps; |
Line 248: |
Line 284: |
| #hrp-desc .emhero, #hrp-desc .emvillain { | | #hrp-desc .emhero, #hrp-desc .emvillain { |
| background: url(/images/emh-background.png); | | background: url(/images/emh-background.png); |
| + | font-family: "Aller"; |
| + | color: white; |
| + | padding-left: 5px; |
| + | padding-right: 5px; |
| + | } |
| + | #hrp-desc .autobot, #hrp-desc .decepticon { |
| + | background: #111111cc; |
| font-family: "Aller"; | | font-family: "Aller"; |
| color: white; | | color: white; |
Line 257: |
Line 300: |
| margin-bottom: 10px; | | margin-bottom: 10px; |
| } | | } |
| + | |
| #hrp-block { | | #hrp-block { |
| | | |
Line 284: |
Line 328: |
| color: white; | | color: white; |
| font-family: "Aller"; | | font-family: "Aller"; |
| + | } |
| + | #hrp-block .autobot, #hrp-block .decepticon { |
| + | background: #5c0000cc; |
| + | color: white; |
| + | font-family: "Aller"; |
| + | } |
| + | |
| + | #hrp-innerblock .autobot, #hrp-innerblock .decepticon { |
| + | background: 00000000; |
| } | | } |
| | | |
Line 309: |
Line 362: |
| color: white; | | color: white; |
| } | | } |
− | | + | #hrp-container .autobot, #hrp-container .decepticon { |
| + | color: white; |
| + | } |
| #hrp-text { | | #hrp-text { |
| background: white; | | background: white; |
Line 350: |
Line 405: |
| #hrp-text .villain { | | #hrp-text .villain { |
| background: white; | | background: white; |
− | font-family: "AmerType"; | + | font-family: "American Typewriter"; |
| letter-spacing: 0px; | | letter-spacing: 0px; |
| line-height: 16px; | | line-height: 16px; |
Line 357: |
Line 412: |
| #hrp-text .emh { | | #hrp-text .emh { |
| background: white; | | background: white; |
− | font-family: "AmerType"; | + | font-family: "American Typewriter"; |
| + | letter-spacing: 0px; |
| + | line-height: 16px; |
| + | padding-left: 5px; |
| + | } |
| + | #hrp-text .autobot, #hrp-text #decepticon { |
| + | background: #ffffffcc; |
| + | font-family: "Aller"; |
| letter-spacing: 0px; | | letter-spacing: 0px; |
| line-height: 16px; | | line-height: 16px; |
| padding-left: 5px; | | padding-left: 5px; |
| } | | } |