Changes

1,669 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 22: Line 26:  
     height: 32px;
 
     height: 32px;
 
     line-height: 32px;
 
     line-height: 32px;
   
}
 
}
 
#hrp-name .default {
 
#hrp-name .default {
Line 56: 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: 10px;
  −
    padding-right: 10px;
   
     line-height: 35px;
 
     line-height: 35px;
 +
    padding-left: 30px;
 +
    padding-right: 20px;
 
}
 
}
   Line 89: Line 92:  
     text-align: right;
 
     text-align: right;
 
}
 
}
#hrp-header .villain #hrp-header .autobot {
+
#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 103: 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 126: 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 142: 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 189: 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 211: 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 254: 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 263: Line 300:  
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 
}
 
}
 +
 
#hrp-block {
 
#hrp-block {
   Line 290: 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 315: Line 362:  
     color: white;
 
     color: white;
 
}
 
}
 
+
#hrp-container .autobot, #hrp-container .decepticon {
 +
    color: white;
 +
}
 
#hrp-text {
 
#hrp-text {
 
     background: white;
 
     background: white;
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;
 
}
 
}