| 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; | ||
Revision as of 19:07, 12 January 2015
@font-face {
font-family: "AmerType";
src: url('/fonts/AmerType-Md-BT.woff');
url('/fonts/AmerType-Md-BT.woff');
}
@font-face {
font-family: "Stencil";
src: url('/fonts/STENCIL.woff');
url('/fonts/STENCIL.woff');
}
@font-face {
font-family: "RubberStamp";
src: url('/fonts/rubber-stamp-let-plain.woff');
url('/fonts/rubber-stamp-let-plain.woff');
}
@font-face {
font-family: "Aller";
font-weight: normal;
font-style: normal;
src: url('/fonts/Aller_Rg.woff');
url('/fonts/Aller_Rg.woff');
}
@font-face {
font-family: "Aller";
font-weight: bold;
font-style: normal;
src: url('/fonts/Aller_Bd.woff');
url('/fonts/Aller_Bd.woff');
}
@font-face {
font-family: "Aller";
font-weight: normal;
font-style: italic;
src: url('/fonts/Aller_It.woff');
url('/fonts/Aller_It.woff');
}
@font-face {
font-family: "Aller";
font-weight: bold;
font-style: italic;
src: url('/fonts/Aller_BdIt.woff');
url('/fonts/Aller_BdIt.woff');
}
@font-face {
font-family: "EuroHeavy";
font-weight: normal;
font-style: normal;
src: url('/fonts/eurostile-becker-heavy.woff');
url('eurostile-becker-heavy.woff');
}
#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;
}
#ff .gijoe{
background:#6d8062;
}
#ff .cobra{
background: #212d75;
}
#ff-name {
font-size: 20px;
width: 100%;
font-weight: normal;
}
#ff-name .default {
background: white;
color: #5d7b9f;
font-family: "EuroHeavy";
text-align: left;
}
#ff-name .gijoe {
background: #3A3C24;
color: #E9D838;
text-align: center;
font-family: "Stencil";
}
#ff-name .cobra {
background: black;
color: #E9D838;
text-align: center;
font-family: "RubberStamp";
}
#ff-header {
width: 100%;
}
#ff-header .default {
background: #a1a8c2;
color: white;
font-family: "EuroHeavy";
padding-left: 4px;
text-align: left;
}
#ff-header .gijoe {
background: #3A3C24;
color: #E9D838;
text-align: left;
padding-left: 14px;
margin-top: 5px;
font-family: "Stencil";
font-weight: normal;
}
#ff-header .cobra {
background: black;
color: #E9D838;
text-align: left;
padding-left: 14px;
margin-top: 5px;
font-family: "RubberStamp";
font-weight: normal;
}
#ff-skill {
font-size: 12px;
color: #000000;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: left;
}
#ff-skill .default {
font-family: "Aller";
border-bottom: 1px solid black;
background: white;
font-variant: small-caps;
font-size: 14px;
margin-top: 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 {
background: white;
border-bottom: 1px solid black;
font-family: "AmerType";
}
#ff-skill .cobra {
background: white;
border-bottom: 1px solid black;
font-family: "AmerType";
}
#ff-desc {
font-size: 10px;
color: #000000;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: justify;
margin-top: 0px;
}
#ff-desc .default {
font-family: "Aller";
background: white;
padding-left: 5px;
padding-right: 5px;
}
#ff-desc .gijoe {
background: #3A3C24;
font-family: "AmerType";
color: white;
padding-left: 5px;
padding-right: 5px;
}
#ff-desc .cobra {
background: black;
font-family: "AmerType";
color: white;
padding-left: 5px;
padding-right: 5px;
}
#ff-block {
}
#ff-block .default {
background: white;
}
#ff-block .gijoe {
background: white;
}
#ff-block .cobra {
background: white;
}
#ff-text {
background: white;
font-size: 11px;
color: #000000;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align: left;
}
#ff-text .headline {
font-weight: bold;
font-size: 16px;
font-variant: small-caps;
vertical-align: bottom;
}
#ff-text .checkbox {
width: 5%;
float: left;
font-size: 20px;
}
#ff-text .trigger {
width: 95%;
float: left;
}
#ff-text .default {
background: white;
font-family: "Aller";
letter-spacing: 0px;
line-height: 16px;
padding-left: 5px;
}
#ff-text .gijoe {
background: white;
font-family: "AmerType";
letter-spacing: 0px;
line-height: 16px;
padding-left: 5px;
}
#ff-text .cobra {
background: white;
font-family: "AmerType";
letter-spacing: 0px;
line-height: 16px;
padding-left: 5px;
}
#cortex-table table {
background: lightgrey;
border: 3px solid lightgrey;
border-radius: 10px;
padding: 3px;
text-align: right;
margin-bottom: 8px;
}
#cortex-table table.Asset {
background: lightgrey;
border: 3px solid lightgrey;
border-radius: 10px;
padding: 3px;
text-align: right;
margin-bottom: 8px;
}
#cortex-table table.Complication {
background: darkgrey;
border: 3px solid darkgrey;
color: white;
border-radius: 10px;
padding: 3px;
text-align: right;
margin-bottom: 8px;
}
#cortex-table th {
background-color: black;
color: white;
border: 3px solid lightgrey;
border-radius: 10px;
text-align: center;
}
#cortex-table td.value {
background-color: white;
color: black;
border: 3px solid lightgrey;
border-radius: 10px;
padding: 5px;
text-align: center;
}
body #db-name {
font-family: "palatino linotype", palatino, serif;
font-size: 40px;
color: #21C251;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
text-align: center;
letter-spacing: 0px;
line-height: 20px;
}
body #db-header {
font-family: "palatino linotype", palatino, serif;
font-size: 20px;
color: #21C251;
font-style: normal;
font-weight: normal;
font-variant: small-caps;
text-align: left;
letter-spacing: 0px;
padding-top: 20px;
line-height: 20px;
}
.db-table {
background: #21C251;
font-family: "palatino linotype", palatino, serif;
font-size: 12px;
}
body #db-text {
background=#FFFFFF;
font-family: "palatino linotype", palatino, serif;
font-size: 14px;
}
.sm-header {
background-color: black;
color: white;
font-family: "lucida sans unicode", "lucida grande", sans-serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
font-variant: small-caps;
text-align: right;
letter-spacing: 1.2px;
padding-right: 10px;
padding-bottom: 4px;
padding-top;
4px;
line-height: 25px;
}
.sm-table {
background-color: white;
color: black;
font-family: "palatino linotype", palatino, serif;
}