Changes

1,543 bytes added ,  13:31, 10 March 2021
no edit summary
Line 14: Line 14:  
#hrp.autobot {
 
#hrp.autobot {
 
     background: #000000;
 
     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 55: 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;
 
     line-height: 35px;
 
     line-height: 35px;
Line 88: Line 92:  
     text-align: right;
 
     text-align: right;
 
}
 
}
#hrp-header .villain, #hrp-header .autobot {
+
#hrp-header .villain {
 
     background: #440000;
 
     background: #440000;
 
     color: #9C604F;
 
     color: #9C604F;
Line 102: 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 125: Line 137:  
     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-compact .villain, #hrp-header-compact .autobot {
+
#hrp-header-compact .villain {
 
     background: #440000;
 
     background: #440000;
 
     color: #9C604F;
 
     color: #9C604F;
Line 141: 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 165: Line 187:  
     padding-bottom: 3px;
 
     padding-bottom: 3px;
 
}
 
}
#hrp-innerheader .villain, #hrp-innerheader .autobot {
+
#hrp-innerheader .villain {
 
     background: #5a0000;
 
     background: #5a0000;
 
     font-family: "EuroHeavy";
 
     font-family: "EuroHeavy";
Line 188: 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 210: Line 241:  
     font-size: 16px;
 
     font-size: 16px;
 
}
 
}
#hrp-specialty .villain, #hrp-speialty .autobot {
+
#hrp-specialty .villain, #hrp-speialty .autobot, #hrp-specialty .decepticon {
 
     font-family: "Aller";
 
     font-family: "Aller";
 
     font-variant: small-caps;
 
     font-variant: small-caps;
Line 244: Line 275:  
     padding-right: 5px;
 
     padding-right: 5px;
 
}
 
}
#hrp-desc .villain, #hrp-desc .autobot {
+
#hrp-desc .villain {
 
     background: #3A3C24;
 
     background: #3A3C24;
 
     font-family: "Aller";
 
     font-family: "Aller";
Line 253: 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 276: Line 314:  
     font-family: "Aller";
 
     font-family: "Aller";
 
}
 
}
#hrp-block .villain, #hrp-block .autobot {
+
#hrp-block .villain {
 
     background: #5c0000;
 
     background: #5c0000;
 
     color: white;
 
     color: white;
Line 288: Line 326:  
#hrp-block .emvillain {
 
#hrp-block .emvillain {
 
     background: #a2131a;
 
     background: #a2131a;
 +
    color: white;
 +
    font-family: "Aller";
 +
}
 +
#hrp-block .autobot, #hrp-block .decepticon {
 +
    background: #5c0000cc;
 
     color: white;
 
     color: white;
 
     font-family: "Aller";
 
     font-family: "Aller";
 +
}
 +
 +
#hrp-innerblock .autobot, #hrp-innerblock .decepticon {
 +
    background: 00000000;
 
}
 
}
   Line 303: Line 350:  
     color: white;
 
     color: white;
 
}
 
}
#hrp-container .villain, #hrp-container .autobot {
+
#hrp-container .villain {
 
     background: #5c0000;
 
     background: #5c0000;
 
     color: white;
 
     color: white;
Line 315: Line 362:  
     color: white;
 
     color: white;
 
}
 
}
 
+
#hrp-container .autobot, #hrp-container .decepticon {
 +
    color: white;
 +
}
 
#hrp-text {
 
#hrp-text {
 
     background: white;
 
     background: white;
Line 354: Line 403:  
     padding-left: 5px;
 
     padding-left: 5px;
 
}
 
}
#hrp-text .villain, #hrp-text .autobot {
+
#hrp-text .villain {
 
     background: white;
 
     background: white;
 
     font-family: "American Typewriter";
 
     font-family: "American Typewriter";
Line 364: Line 413:  
     background: white;
 
     background: white;
 
     font-family: "American Typewriter";
 
     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;
 
}
 
}