Line 184: | Line 184: | ||
padding-bottom: 3px; | padding-bottom: 3px; | ||
} | } | ||
− | #hrp-innerheader .villain | + | #hrp-innerheader .villain { |
background: #5a0000; | background: #5a0000; | ||
font-family: "EuroHeavy"; | font-family: "EuroHeavy"; | ||
Line 207: | Line 207: | ||
font-size: 20px; | font-size: 20px; | ||
color: #fef100; | color: #fef100; | ||
+ | padding-left: 5px; | ||
+ | padding-top: 3px; | ||
+ | padding-bottom: 3px; | ||
+ | } | ||
+ | #hrp-innerheader .autobot { | ||
+ | background: #5a0000cc; | ||
+ | font-family: "Cybertron"; | ||
+ | font-size: 20px; | ||
+ | color: white; | ||
padding-left: 5px; | padding-left: 5px; | ||
padding-top: 3px; | padding-top: 3px; | ||
Line 263: | Line 272: | ||
padding-right: 5px; | padding-right: 5px; | ||
} | } | ||
− | #hrp-desc .villain | + | #hrp-desc .villain { |
background: #3A3C24; | background: #3A3C24; | ||
font-family: "Aller"; | font-family: "Aller"; | ||
Line 272: | Line 281: | ||
#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 { | ||
+ | background: #3A3C24cc; | ||
font-family: "Aller"; | font-family: "Aller"; | ||
color: white; | color: white; | ||
Line 295: | Line 311: | ||
font-family: "Aller"; | font-family: "Aller"; | ||
} | } | ||
− | #hrp-block .villain | + | #hrp-block .villain { |
− | background: # | + | background: #5c0000; |
color: white; | color: white; | ||
font-family: "Aller"; | font-family: "Aller"; | ||
Line 307: | Line 323: | ||
#hrp-block .emvillain { | #hrp-block .emvillain { | ||
background: #a2131a; | background: #a2131a; | ||
+ | color: white; | ||
+ | font-family: "Aller"; | ||
+ | } | ||
+ | #hrp-block .autobot { | ||
+ | background: #5c0000cc; | ||
color: white; | color: white; | ||
font-family: "Aller"; | font-family: "Aller"; | ||
Line 322: | Line 343: | ||
color: white; | color: white; | ||
} | } | ||
− | #hrp-container .villain | + | #hrp-container .villain { |
background: #5c0000; | background: #5c0000; | ||
color: white; | color: white; | ||
Line 334: | Line 355: | ||
color: white; | color: white; | ||
} | } | ||
− | + | #hrp-container .autobot { | |
+ | background: #5c0000cc; | ||
+ | color: white; | ||
+ | } | ||
#hrp-text { | #hrp-text { | ||
background: white; | background: white; | ||
Line 373: | Line 397: | ||
padding-left: 5px; | padding-left: 5px; | ||
} | } | ||
− | #hrp-text .villain | + | #hrp-text .villain { |
background: white; | background: white; | ||
font-family: "American Typewriter"; | font-family: "American Typewriter"; | ||
Line 383: | Line 407: | ||
background: white; | background: white; | ||
font-family: "American Typewriter"; | font-family: "American Typewriter"; | ||
+ | letter-spacing: 0px; | ||
+ | line-height: 16px; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | #hrp-text .autobot { | ||
+ | background: #ffffffcc; | ||
+ | font-family: "Aller"; | ||
letter-spacing: 0px; | letter-spacing: 0px; | ||
line-height: 16px; | line-height: 16px; | ||
padding-left: 5px; | padding-left: 5px; | ||
} | } |
Revision as of 04:07, 17 February 2021
/* HRP */ #hrp.default { background: #f2efc3; } #hrp.mhrp { background: #c7c8ca; } #hrp.villain{ background: #9C604F; } #hrp.emhero, #hrp.emvillain{ background: #222222; } #hrp.autobot { background: #000000; background: url(/images/autobot_background.jpg); } #hrp-name { font-size: 30px; width: 100%; font-weight: normal; height: 32px; line-height: 32px; } #hrp-name .default { background: #8B864E; color: white; font-family: "EuroHeavy"; text-align: left; padding-left: 30px; padding-right: 20px; } #hrp-name .mhrp { background: #003968; color: white; font-family: "EuroHeavy"; text-align: left; padding-left: 30px; padding-right: 20px; } #hrp-name .villain { background: #72000b; color: white; text-align: left; font-family: "EuroHeavy"; padding-left: 30px; padding-right: 20px; } #hrp-name .emhero, #hrp-name .emvillain { background: #fef100; color: black; text-align: left; font-family: "EuroHeavy"; padding-left: 30px; padding-right: 20px; } #hrp-name .autobot { background: #FF3333; color: white; font-family: "Cybertron Moviecaps"; text-align: left; line-height: 35px; padding-left: 30px; padding-right: 20px; } #hrp-section { margin-top: 5px; } #hrp-header { width: 100px; float: left; } #hrp-header .default { background: #CDC673; color: white; font-family: "Aller"; padding-right: 5px; text-align: right; } #hrp-header .mhrp { background: #00497a; color: white; font-family: "Aller"; padding-right: 5px; text-align: right; } #hrp-header .villain { background: #440000; color: #9C604F; text-align: left; padding-left: 5px; font-family: "Aller"; font-weight: normal; } #hrp-header .emhero, #hrp-header .emvillain { background: #0d0d0d; color: #fef100; text-align: left; padding-left: 5px; font-family: "Aller"; font-weight: normal; } #hrp-header .autobot { background: #FFFFFF; color: #FF3333; text-align: left; padding-left: 5px; font-faily: "Cybertron"; font-weight: normal; } #hrp-header-compact { width: 20px; float: left; } #hrp-header-compact .default { background: #CDC673; color: white; font-family: "Aller"; text-align: left; padding-left: 5px; 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 .mhrp { background: #00497a; color: white; font-family: "Aller"; text-align: left; padding-left: 5px; 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 { background: #440000; color: #9C604F; text-align: left; padding-left: 5px; font-family: "Aller"; 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 .emhero, #hrp-header-compact .emvillain { background: #0d0d0d; color: #fef100; text-align: left; padding-left: 5px; font-family: "Aller"; 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 { 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; } #hrp-innerheader { width: 100%; } #hrp-innerheader .default { background: #8B864E; font-family: "EuroHeavy"; font-size: 20px; color: white; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-innerheader .mhrp { background: #003968; font-family: "EuroHeavy"; font-size: 20px; color: white; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-innerheader .villain { background: #5a0000; font-family: "EuroHeavy"; font-size: 20px; color: white; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-innerheader .emhero { background: #5556ff; font-family: "EuroHeavy"; font-size: 20px; color: #fef100; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-innerheader .emvillain { background: #a2131a; font-family: "EuroHeavy"; font-size: 20px; color: #fef100; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-innerheader .autobot { background: #5a0000cc; font-family: "Cybertron"; font-size: 20px; color: white; padding-left: 5px; padding-top: 3px; padding-bottom: 3px; } #hrp-specialty { font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-align: left; } #hrp-specialty .default { font-family: "Aller"; font-variant: small-caps; font-size: 16px; } #hrp-specialty .mhrp { font-family: "Aller"; font-variant: small-caps; font-size: 16px; } #hrp-specialty .villain, #hrp-speialty .autobot { font-family: "Aller"; font-variant: small-caps; font-size: 16px; } #hrp-specialty .emhero, #hrp-specialty .emvillain { font-family: "Aller"; font-variant: small-caps; font-size: 16px; } #hrp-desc { font-size: 9px; color: #000000; font-style: normal; font-weight: normal; font-variant: normal; text-align: justify; margin-top: 5px; } #hrp-desc .default { font-family: "Aller"; background: #FFF68F; color: black; padding-left: 5px; padding-right: 5px; } #hrp-desc .mhrp { font-family: "Aller"; background: #466d95; color: white; padding-left: 5px; padding-right: 5px; } #hrp-desc .villain { background: #3A3C24; font-family: "Aller"; color: white; padding-left: 5px; padding-right: 5px; } #hrp-desc .emhero, #hrp-desc .emvillain { background: url(/images/emh-background.png); font-family: "Aller"; color: white; padding-left: 5px; padding-right: 5px; } #hrp-desc .autobot { background: #3A3C24cc; font-family: "Aller"; color: white; padding-left: 5px; padding-right: 5px; } #hrp-desc p { margin-top: 0px; margin-bottom: 10px; } #hrp-block { } #hrp-block .default { background: #8B864E; color: white; font-family: "Aller"; } #hrp-block .mhrp { background: #003968; color: white; font-family: "Aller"; } #hrp-block .villain { background: #5c0000; color: white; font-family: "Aller"; } #hrp-block .emhero { background: #5556ff; color: white; font-family: "Aller"; } #hrp-block .emvillain { background: #a2131a; color: white; font-family: "Aller"; } #hrp-block .autobot { background: #5c0000cc; color: white; font-family: "Aller"; } #hrp-container { } #hrp-container .default { background: #8B864E; color: white; } #hrp-container .mhrp { background: #003968; color: white; } #hrp-container .villain { background: #5c0000; color: white; } #hrp-container .emhero { background: #5556ff; color: white; } #hrp-container .emvillain { background: #a2131a; color: white; } #hrp-container .autobot { background: #5c0000cc; color: 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 .mhrp { background: white; font-family: "Aller"; letter-spacing: 0px; line-height: 16px; padding-left: 5px; } #hrp-text .villain { background: white; font-family: "American Typewriter"; letter-spacing: 0px; line-height: 16px; padding-left: 5px; } #hrp-text .emh { background: white; font-family: "American Typewriter"; letter-spacing: 0px; line-height: 16px; padding-left: 5px; } #hrp-text .autobot { background: #ffffffcc; font-family: "Aller"; letter-spacing: 0px; line-height: 16px; padding-left: 5px; }