stvnksslr/dataslate-parser

View on GitHub
src/static/css/styles.css

Summary

Maintainability
Test Coverage
.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;
}