Changes

2,482 bytes added ,  19:07, 12 January 2015
no edit summary
Line 4: Line 4:  
url('/fonts/AmerType-Md-BT.woff');
 
url('/fonts/AmerType-Md-BT.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "Stencil";
 
font-family: "Stencil";
Line 10: Line 9:  
url('/fonts/STENCIL.woff');
 
url('/fonts/STENCIL.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "RubberStamp";
 
font-family: "RubberStamp";
Line 16: Line 14:  
url('/fonts/rubber-stamp-let-plain.woff');
 
url('/fonts/rubber-stamp-let-plain.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "Aller";
 
font-family: "Aller";
Line 24: Line 21:  
url('/fonts/Aller_Rg.woff');
 
url('/fonts/Aller_Rg.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "Aller";
 
font-family: "Aller";
Line 32: Line 28:  
url('/fonts/Aller_Bd.woff');
 
url('/fonts/Aller_Bd.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "Aller";
 
font-family: "Aller";
Line 40: Line 35:  
url('/fonts/Aller_It.woff');
 
url('/fonts/Aller_It.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "Aller";
 
font-family: "Aller";
Line 48: Line 42:  
url('/fonts/Aller_BdIt.woff');
 
url('/fonts/Aller_BdIt.woff');
 
}
 
}
   
@font-face {
 
@font-face {
 
font-family: "EuroHeavy";
 
font-family: "EuroHeavy";
Line 56: Line 49:  
url('eurostile-becker-heavy.woff');
 
url('eurostile-becker-heavy.woff');
 
}
 
}
#ff .default
+
 
{
+
#hrp .default {
 +
background: #c7c8ca;
 +
}
 +
#hrp .villain{
 +
background: #420000;
 +
}
 +
#hrp-name {
 +
font-size: 30px;
 +
width: 100%;
 +
font-weight: normal;
 +
padding-left: 30px;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
#hrp-name .default {
 +
background: #003968;
 +
color: white;
 +
font-family: "EuroHeavy";
 +
text-align: left;
 +
}
 +
#hrp-name .villain {
 +
background: #72000b;
 +
color: white;
 +
text-align: left;
 +
font-family: "EuroHeavy";
 +
}
 +
#hrp-header {
 +
  width: 100%;
 +
}
 +
#hrp-header .default {
 +
background: #a1a8c2;
 +
color: white;
 +
font-family: "EuroHeavy";
 +
padding-left: 4px;
 +
text-align: left;
 +
}
 +
#hrp-header .villain {
 +
background: #3A3C24;
 +
color: #E9D838;
 +
text-align: left;
 +
padding-left: 14px;
 +
margin-top: 5px;
 +
font-family: "Stencil";
 +
font-weight: normal;
 +
}
 +
#hrp-specialties {
 +
font-size: 12px;
 +
color: #000000;
 +
font-style: normal;
 +
font-weight: normal;
 +
font-variant: normal;
 +
text-align: left;
 +
}
 +
#hrp-specialties .default {
 +
font-family: "Aller";
 +
border-bottom: 1px solid black;
 +
background: white;
 +
font-variant: small-caps;
 +
font-size: 14px;
 +
margin-top: auto;
 +
margin-bottom: auto;
 +
}
 +
#hrp-specialties .villain {
 +
  background: white;
 +
border-bottom: 1px solid black;
 +
font-family: "AmerType";
 +
}
 +
#hrp-desc {
 +
font-size: 10px;
 +
color: #000000;
 +
font-style: normal;
 +
font-weight: normal;
 +
font-variant: normal;
 +
text-align: justify;
 +
margin-top: 0px;
 +
}
 +
#hrp-desc .default {
 +
font-family: "Aller";
 +
background: white;
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
}
 +
#hrp-desc .villain {
 +
background: #3A3C24;
 +
font-family: "AmerType";
 +
color: white;
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
}
 +
#hrp-block {
 +
 +
}
 +
#hrp-block .default {
 +
background: white;
 +
}
 +
#hrp-block .villain {
 +
background: 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 .villain {
 +
background: white;
 +
font-family: "AmerType";
 +
letter-spacing: 0px;
 +
line-height: 16px;
 +
padding-left: 5px;
 +
}
 +
 
 +
#ff .default {
 
background: #e2e9f5;
 
background: #e2e9f5;
 
}
 
}
 
+
#ff .gijoe{
#ff .gijoe
  −
{
   
background:#6d8062;
 
background:#6d8062;
 
}
 
}
 
+
#ff .cobra{
#ff .cobra
  −
{
   
background: #212d75;
 
background: #212d75;
 
}
 
}
Line 75: Line 201:  
font-weight: normal;
 
font-weight: normal;
 
}
 
}
   
#ff-name .default {
 
#ff-name .default {
 
background: white;
 
background: white;
Line 82: Line 207:  
text-align: left;
 
text-align: left;
 
}
 
}
   
#ff-name .gijoe {
 
#ff-name .gijoe {
 
background: #3A3C24;
 
background: #3A3C24;
Line 89: Line 213:  
font-family: "Stencil";
 
font-family: "Stencil";
 
}
 
}
   
#ff-name .cobra {
 
#ff-name .cobra {
 
background: black;
 
background: black;
Line 96: Line 219:  
font-family: "RubberStamp";
 
font-family: "RubberStamp";
 
}
 
}
   
#ff-header {
 
#ff-header {
 
   width: 100%;
 
   width: 100%;
 
}
 
}
   
#ff-header .default {
 
#ff-header .default {
 
background: #a1a8c2;
 
background: #a1a8c2;
Line 108: Line 229:  
text-align: left;
 
text-align: left;
 
}
 
}
   
#ff-header .gijoe {
 
#ff-header .gijoe {
 
background: #3A3C24;
 
background: #3A3C24;
Line 118: Line 238:  
font-weight: normal;
 
font-weight: normal;
 
}
 
}
   
#ff-header .cobra {
 
#ff-header .cobra {
 
background: black;
 
background: black;
Line 128: Line 247:  
font-weight: normal;
 
font-weight: normal;
 
}
 
}
   
#ff-skill {
 
#ff-skill {
 
font-size: 12px;
 
font-size: 12px;
Line 137: Line 255:  
text-align: left;
 
text-align: left;
 
}
 
}
   
#ff-skill .default {
 
#ff-skill .default {
 
font-family: "Aller";
 
font-family: "Aller";
Line 147: Line 264:  
margin-bottom: auto;
 
margin-bottom: auto;
 
}
 
}
 
+
#ff-skill .container {
 +
height: 28px;
 +
position: relative;
 +
float: left;
 +
}
 +
#ff-skill .content {
 +
left: 3px;
 +
bottom: 0;
 +
right: 0;
 +
position: absolute;
 +
margin: auto;
 +
}
 
#ff-skill .gijoe {
 
#ff-skill .gijoe {
 
   background: white;
 
   background: white;
Line 153: Line 281:  
font-family: "AmerType";
 
font-family: "AmerType";
 
}
 
}
   
#ff-skill .cobra {
 
#ff-skill .cobra {
 
   background: white;
 
   background: white;
Line 159: Line 286:  
font-family: "AmerType";
 
font-family: "AmerType";
 
}
 
}
   
#ff-desc {
 
#ff-desc {
 
font-size: 10px;
 
font-size: 10px;
Line 169: Line 295:  
margin-top: 0px;
 
margin-top: 0px;
 
}
 
}
   
#ff-desc .default {
 
#ff-desc .default {
 
font-family: "Aller";
 
font-family: "Aller";
Line 176: Line 301:  
padding-right: 5px;
 
padding-right: 5px;
 
}
 
}
   
#ff-desc .gijoe {
 
#ff-desc .gijoe {
 
background: #3A3C24;
 
background: #3A3C24;
Line 184: Line 308:  
padding-right: 5px;
 
padding-right: 5px;
 
}
 
}
   
#ff-desc .cobra {
 
#ff-desc .cobra {
 
background: black;
 
background: black;
Line 192: Line 315:  
padding-right: 5px;
 
padding-right: 5px;
 
}
 
}
   
#ff-block {
 
#ff-block {
 
 
 
}
 
}
 
+
#ff-block .default {
#ff-block .default
  −
{
   
background: white;
 
background: white;
 
}
 
}
 
+
#ff-block .gijoe {
#ff-block .gijoe
  −
{
   
background: white;
 
background: white;
 
}
 
}
 
+
#ff-block .cobra {
#ff-block .cobra
  −
{
   
background: white;
 
background: white;
 
}
 
}
   
#ff-text {
 
#ff-text {
 
background: white;
 
background: white;
Line 221: Line 336:  
text-align: left;
 
text-align: left;
 
  }
 
  }
   
#ff-text .headline {
 
#ff-text .headline {
 
font-weight: bold;
 
font-weight: bold;
Line 228: Line 342:  
vertical-align: bottom;
 
vertical-align: bottom;
 
  }
 
  }
   
#ff-text .checkbox {
 
#ff-text .checkbox {
 
width: 5%;
 
width: 5%;
Line 234: Line 347:  
font-size: 20px;
 
font-size: 20px;
 
  }
 
  }
   
#ff-text .trigger {
 
#ff-text .trigger {
 
width: 95%;
 
width: 95%;
Line 246: Line 358:  
padding-left: 5px;
 
padding-left: 5px;
 
}  
 
}  
   
#ff-text .gijoe {
 
#ff-text .gijoe {
 
background: white;
 
background: white;
Line 254: Line 365:  
padding-left: 5px;
 
padding-left: 5px;
 
}
 
}
   
#ff-text .cobra {
 
#ff-text .cobra {
 
background: white;
 
background: white;