src/static/css/styles.css
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
-webkit-print-color-adjust: exact;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.faArmy {
font-size: large;
font-weight: bold;
background-color: #000;
color: #FFF;
padding: 1em;
margin: 0.5em 0;
text-align: center;
width: 50em;
border: solid #000 1px;
border-radius: 1em;
-webkit-print-color-adjust: exact;
}
.faDetachment {
font-size: large;
font-weight: bold;
background-color: #000;
color: #FFF;
padding: 1em;
margin: 0.5em 0;
text-align: center;
width: 50em;
border: solid #000 1px;
border-radius: 1em;
-webkit-print-color-adjust: exact;
}
.faUnitCard {
width: 50em;
border: solid #000 1px;
border-radius: 1em;
background-color: #FFF;
font-size: large;
padding-bottom: 0.25em;
margin-bottom: 0.5em;
-webkit-print-color-adjust: exact;
}
.faUnitHeader {
border: solid #000 1px;
border-radius: 1em 1em 0 0;
background-color: #000;
color: #FFF;
font-size: large;
-webkit-print-color-adjust: exact;
}
.faRoleIcon {
float: left;
-webkit-print-color-adjust: exact;
}
.faUnitName {
font-weight: bold;
text-align: center;
-webkit-print-color-adjust: exact;
}
.faDamageBlock {
position: absolute;
z-index: 5;
width: 11em;
background-color: #FFF;
border: solid #000 1px;
border-radius: 0 0 1em 1em;
margin-top: -1.3em;
left: 45em;
-webkit-print-color-adjust: exact;
}
.faDamageHeader {
font-size: small;
font-weight: bold;
padding: 0.25em 0 0 0.25em;
color: red;
-webkit-print-color-adjust: exact;
}
.faDamageSubHeader {
font-size: x-small;
font-weight: bold;
padding: 0.25em 0 0 0.25em;
color: #000;
-webkit-print-color-adjust: exact;
}
.faDamageStats {
margin-top: 0.25em;
padding-bottom: 0.5em;
font-size: x-small;
font-weight: bold;
color: #000;
-webkit-print-color-adjust: exact;
}
.faDamageStatsHeader {
border-top: solid 1px #000;
border-bottom: solid 1px #000;
background-color: #BBB;
-webkit-print-color-adjust: exact;
}
.faDamageStatHeader {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faDamageStatHeader[data-stat="remainWounds"] {
width: 7em;
text-align: center;
-webkit-print-color-adjust: exact;
}
.faDamageStatBody {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faDamageStatBody[data-stat="remainWounds"] {
width: 7em;
text-align: center;
-webkit-print-color-adjust: exact;
}
.faUnitStats {
font-size: small;
font-weight: bold;
border-bottom: solid 1px #000;
-webkit-print-color-adjust: exact;
}
.faStatsHeader {
background-color: #BBB;
-webkit-print-color-adjust: exact;
}
.faStatHeader {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faStatHeader[data-stat="name"] {
width: 12em;
-webkit-print-color-adjust: exact;
}
.faStatHeader[data-stat="points"] {
float: left;
width: 18em;
text-align: right;
-webkit-print-color-adjust: exact;
}
.faStatBody {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faStatBody[data-stat="name"] {
width: 12em;
-webkit-print-color-adjust: exact;
}
.faStatBody[data-stat="points"] {
float: left;
width: 18em;
text-align: right;
-webkit-print-color-adjust: exact;
}
.faWeaponStats {
font-size: small;
font-weight: bold;
border-bottom: solid 1px #000;
-webkit-print-color-adjust: exact;
}
.faWpnsHeader {
background-color: #BBB;
-webkit-print-color-adjust: exact;
}
.faWpnHeader {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faWpnHeader[data-stat="weapon"],
.faWpnHeader[data-stat="psychic"] {
width: 12em;
-webkit-print-color-adjust: exact;
}
.faWpnHeader[data-stat="range"], .faWpnHeader[data-stat="type"],
.faWpnHeader[data-stat="charge"] {
width: 6em;
-webkit-print-color-adjust: exact;
}
.faWpnHeader[data-stat="weaponskill"] {
width: 26.5em;
-webkit-print-color-adjust: exact;
}
.faWpnHeader[data-stat="abilities"] {
width: 26.5em;
-webkit-print-color-adjust: exact;
}
.faWpnHeader[data-stat="points"] {
float: left;
width: 1.5em;
text-align: right;
-webkit-print-color-adjust: exact;
}
.faWpnBody {
float: left;
margin: 0.25em 1em;
width: 1em;
-webkit-print-color-adjust: exact;
}
.faWpnBody[data-stat="weapon"],
.faWpnBody[data-stat="psychic"] {
width: 12em;
-webkit-print-color-adjust: exact;
}
.faWpnBody[data-stat="range"], .faWpnBody[data-stat="type"],
.faWpnBody[data-stat="charge"] {
width: 6em;
-webkit-print-color-adjust: exact;
}
.faWpnBody[data-stat="abilities"] {
width: 26.5em;
-webkit-print-color-adjust: exact;
}
.faWpnBody[data-stat="details"] {
width: 37em;
-webkit-print-color-adjust: exact;
}
.faWpnBody[data-stat="points"] {
float: left;
width: 1.5em;
text-align: right;
-webkit-print-color-adjust: exact;
}
.faSectionTitle {
float: left;
font-weight: bold;
width: 12em;
margin: 0.5em 2em 0 1em;
-webkit-print-color-adjust: exact;
}
.faSectionBody {
margin: 0.5em 0 0 15em;
-webkit-print-color-adjust: exact;
}
.faAbilities {
font-size: small;
-webkit-print-color-adjust: exact;
}
.faAbilityName {
font-weight: bold;
-webkit-print-color-adjust: exact;
}
.keyword {
font-weight: bold;
font-variant: small-caps;
-webkit-print-color-adjust: exact;
}
.faPsyker {
border-top: solid 1px #000;
font-size: small;
-webkit-print-color-adjust: exact;
}
.faPsykerHeader {
background-color: #BBB;
-webkit-print-color-adjust: exact;
}
.faPsyker .faSectionBody {
margin-left: 15em;
-webkit-print-color-adjust: exact;
}
.faFactKeyWords {
border-top: solid 1px #000;
font-size: small;
-webkit-print-color-adjust: exact;
}
.faFactKeyWords .faSectionBody {
font-weight: bold;
font-variant: small-caps;
-webkit-print-color-adjust: exact;
}
.faKeyWords {
font-size: small;
-webkit-print-color-adjust: exact;
}
.faRuleName {
padding-left: 0.5em;
font-weight: bold;
-webkit-print-color-adjust: exact;
}
.faRuleDescription {
padding-left: 0.5em;
border-top: solid 1px #000;
font-size: small;
-webkit-print-color-adjust: exact;
}