Line 18: | Line 18: | ||
$hrp.decepticon { | $hrp.decepticon { | ||
background: #000000; | background: #000000; | ||
− | background: url(/images/ | + | background: url(/images/2/29/Decepticon_background.jpg); |
} | } | ||
#hrp-name { | #hrp-name { |
Revision as of 13:26, 10 March 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.decepticon { background: #000000; background: url(/images/2/29/Decepticon_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, #hrp-name .decepticon { 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, #hrp-header .decepticon { 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, #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; } #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, #hrp-innerheader .decepticon { 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, #hrp-specialty .decepticon { 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, #hrp-desc .decepticon { background: #111111cc; 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, #hrp-block .decepticon { background: #5c0000cc; color: white; font-family: "Aller"; } #hrp-innerblock .autobot, #hrp-innerblock .decepticon { background: 00000000; } #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, #hrp-container .decepticon { 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, #hrp-text #decepticon { background: #ffffffcc; font-family: "Aller"; letter-spacing: 0px; line-height: 16px; padding-left: 5px; }