/* Generics*/ hr { margin: 5px; } .sheet-invisible { opacity: 0; } .sheet-text-align-center { text-align: center; } .sheet-text-align-left { text-align: left; } .sheet-background-red { background:#F2DEDE; } .sheet-background-orange { background:#FFEBCC; } .sheet-background-yellow { background:#FCF8E3; } .sheet-background-gray { background:#D3D3D3; } .sheet-background-blue { background:#D9EDF7; } .sheet-background-green { background:#DFF0D8; } /* Remove margin from selects in webkit browsers, same for textareas */ button { margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; height: 1.5em; font-size: 1em; } button[type=roll].sheet-reduced-size { margin: 0px; padding: 0px; height: 1.5em; font-size: 1em; } select { margin: 0px; padding: 0px; height: 1.5em; } option { margin: 0px; padding: 0px; height: 1.5em; } textarea { margin: 0px; padding: 0px; } input { margin: 0px; padding: 0px; height: 1.5em; } input[type="number"]:disabled::-webkit-inner-spin-button, input[type="number"]:disabled::-webkit-outer-spin-button { -webkit-appearance: none; } input[type='number']:disabled { -moz-appearance: textfield; } input[type='number'] { text-align: center; } /* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */ div[class^="repcontrol"] { margin-bottom: 5px; } div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] { display: inline-block!important; visibility: hidden; } /* Layout CSS */ div.sheet-wrapper { min-width: 850px; } div.sheet-spacer { margin-bottom: 5px; } div.sheet-bottom-border { border-bottom: 1px solid black; } .sheet-full-width { width: 100%; } .sheet-number-width { width: 47px; } .sheet-damage-width { width: 94px; } .sheet-button-width { width: 20px; } .sheet-enable-width { width: 100px; } input.sheet-total { font-weight: bold; text-align: center; } input[type="number"].sheet-full-width { width: 100%; } input[type='number'].sheet-total { font-weight: bold; } .sheet-float-left { float: left; } .sheet-float-right { float: right; } .sheet-clear-float { clear: both; } div.sheet-cell { display: table-cell; } div.sheet-section { border-radius: 10px; border: 1px solid black; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; margin: 0px; } span.sheet-section-title-partner { float: right; padding-top: 4px; } .sheet-header { font-weight: bold; text-align: center; } .sheet-disabled { background: #F5F5F5; cursor: not-allowed; } input[type="number"].sheet-disabled { background: #F5F5F5; cursor: not-allowed; -moz-appearance: textfield; } input[type="number"].sheet-disabled::-webkit-inner-spin-button, input[type="number"].sheet-disabled::-webkit-outer-spin-button { -webkit-appearance: none; } .sheet-bold { font-weight: bold; } input[type="checkbox"].sheet-in-header-toggle { margin-top: 7px; margin-right: 3px; } span.sheet-in-header-toggle { margin-top: 5px; margin-right: 3px; } /* Collapse */ input.sheet-details-toggle { position: relative; z-index: 9999; cursor: pointer; opacity: 0; width: 16px; height: 16px } input.sheet-details-toggle + span { display: inline-block; position: relative; width: 16px; height: 16px; background: url(http://i.imgur.com/FDNaXPO.png); cursor: pointer; margin-left: -16px; margin-bottom: -3px; } input.sheet-details-toggle:checked + span { background: url(http://i.imgur.com/4Lp1ONC.png); } input[type="checkbox"].sheet-details-toggle:not(:checked) ~ div.sheet-details { display: none; } /* Logo wrapper */ div.sheet-logo { width: 175px; } /* Superscripts */ span.sheet-sup { vertical-align: super; font-size: smaller; } /* Settings */ input.sheet-setting-toggle-default ~ div .sheet-default, input.sheet-setting-toggle-luther-arkwright ~ div .sheet-luther-arkwright, input.sheet-setting-toggle-mythic-britain ~ div .sheet-mythic-britain { display: none; } input.sheet-setting-toggle-default:checked ~ div .sheet-default, input.sheet-setting-toggle-luther-arkwright:checked ~ div .sheet-luther-arkwright, input.sheet-setting-toggle-mythic-britain:checked ~ div .sheet-mythic-britain { display: initial; } input.sheet-spirit-tenacity-toggle ~ div .sheet-spirit-tenacity { display: none; } input.sheet-spirit-tenacity-toggle:checked ~ div .sheet-spirit-tenacity { display: initial; } /* Sheet Types */ input.sheet-type-toggle-battle-unit:not(:checked) ~ div.sheet-type-battle-unit, input.sheet-type-toggle-npc:not(:checked) ~ div.sheet-type-npc, input.sheet-type-toggle-pc:not(:checked) ~ div.sheet-type-pc, input.sheet-type-toggle-ship:not(:checked) ~ div.sheet-type-ship{ display: none; } /* PC Pages */ input.sheet-page-toggle { position: relative; z-index: 9999; cursor: pointer; opacity: 0; width: 100px; margin-bottom: 2px; } span.sheet-page-toggle { display: inline-block; position: relative; width: 100px; text-align: center; background: black; color: lightgray; font-weight: bold; border-radius: 4px; cursor: pointer; margin-left: -100px; } input.sheet-page-toggle-core:checked + span.sheet-page-toggle-core, input.sheet-page-toggle-equipment:checked + span.sheet-page-toggle-equipment, input.sheet-page-toggle-magic:checked + span.sheet-page-toggle-magic, input.sheet-page-toggle-notes:checked + span.sheet-page-toggle-notes, input.sheet-page-toggle-all:checked + span.sheet-page-toggle-all { background: black; color: firebrick; } div.sheet-page { visibility: hidden; opacity: 0; max-height: 0; overflow: hidden; } input.sheet-page-toggle-core:checked ~ div.sheet-page-core, input.sheet-page-toggle-equipment:checked ~ div.sheet-page-equipment, input.sheet-page-toggle-magic:checked ~ div.sheet-page-magic, input.sheet-page-toggle-notes:checked ~ div.sheet-page-notes, input.sheet-page-toggle-all:checked ~ div.sheet-page-core, input.sheet-page-toggle-all:checked ~ div.sheet-page-magic, input.sheet-page-toggle-all:checked ~ div.sheet-page-equipment, input.sheet-page-toggle-all:checked ~ div.sheet-page-notes { visibility: visible; opacity: 1; max-height: 999999px; overflow: auto; } /* Traits */ div.sheet-info { margin-bottom: 5px; } div.sheet-info-firstrow { display: inline-block; width: 97%; } div.sheet-info-row { display: inline-block; width: 100%; } div.sheet-info-name { display: inline-block; width: 17%; } div.sheet-info-homeland { display: inline-block; width: 24%; } div.sheet-info-species { display: inline-block; width: 16%; } div.sheet-info-traits { display: inline-block; width: 49%; } div.sheet-info-age { display: inline-block; width: 10%; } div.sheet-info-gender { display: inline-block; width: 18%; } div.sheet-info-frame { display: inline-block; width: 18%; } div.sheet-info-weight { display: inline-block; width: 16%; } div.sheet-info-height { display: inline-block; width: 16%; } div.sheet-info-handedness { display: inline-block; width: 19%; } div.sheet-info-culture { display: inline-block; width: 25%; } div.sheet-info-social-class { display: inline-block; width: 24%; } div.sheet-info-career { display: inline-block; width: 25%; } div.sheet-info-exp-rolls { display: inline-block; width: 8%; } div.sheet-info-rank { display: inline-block; width: 8%; } /* Characteristics */ div.sheet-characteristics { margin-bottom: 5px; } div.sheet-char-row { display: inline-block; width: 86%; } div.sheet-char-number { display: inline-block; text-align: center; width: 33%; } div.sheet-char-symbol { display: inline-block; text-align: center; } div.sheet-char-label { display: inline-block; font-weight: bold; width: 27%; } /* Initiative */ div.sheet-initiative { margin-bottom: 5px; } /* Attributes */ div.sheet-attributes { width: 32%; float: left; margin-right: 5px; } div.sheet-attribute-row { display: inline-block; width: 92%; } div.sheet-attribute-number { display: inline-block; text-align: center; width: 19%; } div.sheet-attribute-symbol { display: inline-block; text-align: center; } div.sheet-attribute-label { display: inline-block; width: 33%; } div.sheet-attribute-total { display: inline-block; text-align: center; width: 42%; } input.sheet-attribute-table-lookup { width: 50% } /* Hit Locations */ div.sheet-hit-locations { margin-bottom: 5px; } div.sheet-hit-locations-row { display: inline-block; width: 94%; } div.sheet-hit-locations-number { display: inline-block; text-align: center; width: 13%; } div.sheet-hit-locations-symbol { display: inline-block; text-align: center; } div.sheet-hit-locations-label { display: inline-block; text-align: center; width: 28%; } div.sheet-hit-locations-block { display: inline-block; text-align: center; width: 12%; } div.sheet-hit-locations-hp { display: inline-block; text-align: center; width: 29%; } /* Movement */ div.sheet-movement { width: 97.5%; float: left; } div.sheet-movement-row { display: inline-block; width: 94%; } /* Encumbrance */ div.sheet-encumbrance { width: 52.5%; margin-right: 5px; float: left; } div.sheet-encumbrance-row { display: inline-block; width: 95%; } div.sheet-encumbrance-number { display: inline-block; text-align: center; width: 11%; } div.sheet-encumbrance-load { display: inline-block; text-align: center; width: 24%; } div.sheet-encumbrance-skills { display: inline-block; text-align: center; width: 29%; } div.sheet-encumbrance-move { display: inline-block; text-align: center; width: 21%; } /* Fatigue */ div.sheet-fatigue { float: left; width: 44.5%; margin-bottom: 5px; } div.sheet-fatigue-row { display: inline-block; width: 100%; } div.sheet-fatigue-label { display: inline-block; text-align: center; width: 37%; } div.sheet-fatigue-recovery { display: inline-block; text-align: center; width: 24%; } /* Combat Styles */ div.sheet-combatstyle { margin-bottom: 5px; } div.sheet-combatstyle-row { display: inline-block; width: 97.5%; } div.sheet-combatstyle-name { display: inline-block; text-align: center; width: 17.5%; } div.sheet-combatstyle-checkbox { display: inline-block; text-align: center; width: 2.25%; } div.sheet-combatstyle-number { display: inline-block; text-align: center; width: 5.8125%; } div.sheet-combatstyle-traits { display: inline-block; text-align: center; width: 17.5%; } div.sheet-combatstyle-button { display: inline-block; text-align: center; width: 2.375%; } div.sheet-combatstyle-weapons { display: inline-block; text-align: center; width: 34%; } select.sheet-combatstyle-char { width: 7%; } /* Weapons */ div.sheet-weapons { margin-bottom: 5px; } input[type="checkbox"].sheet-display-shields:not(:checked) ~ div.sheet-display-shields { display: none; } input[type="checkbox"].sheet-display-melee-weapons:not(:checked) ~ div.sheet-display-melee-weapons { display: none; } input[type="checkbox"].sheet-display-missile-weapons:not(:checked) ~ div.sheet-display-missile-weapons { display: none; } input[type="checkbox"].sheet-display-firearms:not(:checked) ~ div.sheet-display-firearms { display: none; } div.sheet-weapons-row { display: inline-block; width: 97.5%; } div.sheet-weapon-name { display: inline-block; text-align: center; width: 17.5%; } div.sheet-weapon-damage-mod{ display: inline-block; text-align: center; width: 2.5%; } div.sheet-weapon-damage { display: inline-block; text-align: center; width: 7.5%; } div.sheet-weapon-button { display: inline-block; text-align: center; width: 2.375%; } div.sheet-weapon-size { display: inline-block; text-align: center; width: 4.5%; } div.sheet-weapon-reach { display: inline-block; text-align: center; width: 5%; } div.sheet-weapon-force { display: inline-block; text-align: center; width: 5%; } div.sheet-weapon-range { display: inline-block; text-align: center; width: 9%; } div.sheet-weapon-fire-rate { display: inline-block; text-align: center; width: 8%; } div.sheet-weapon-ammo { display: inline-block; text-align: center; width: 11.75%; } div.sheet-weapon-load { display: inline-block; text-align: center; width: 5%; } div.sheet-weapon-firearm-load { display: inline-block; text-align: center; width: 10%; } div.sheet-weapon-number { display: inline-block; text-align: center; width: 4%; } div.sheet-weapon-effects { display: inline-block; text-align: center; width: 29%; } div.sheet-weapon-traits { display: inline-block; text-align: center; width: 19.5%; } div.sheet-weapon-missile-effects { display: inline-block; text-align: center; width: 21.75%; } div.sheet-weapon-missile-traits { display: inline-block; text-align: center; width: 12.5%; } div.sheet-weapon-firearm-traits { display: inline-block; text-align: center; width: 30.75%; } /* Skills */ div.sheet-skill { float: left; width: 48.5%; margin-right: 5px; margin-bottom: 5px; } div.sheet-skill2 { float: left; width: 100%; margin-bottom: 5px; } div.sheet-skill-row { display: inline-block; width: 95%; } div.sheet-skill-name { display: inline-block; width: 36%; } div.sheet-language-name { display: inline-block; width: 42%; } div.sheet-dependency-name { display: inline-block; width: 36%; } div.sheet-passion-name { display: inline-block; width: 42%; } div.sheet-skill-checkbox { display: inline-block; text-align: center; width: 5%; } div.sheet-skill-number { display: inline-block; text-align: center; width: 12%; } div.sheet-skill-button { display: inline-block; text-align: center; width: 5%; } select.sheet-skill-char { width: 14%; } input.sheet-skill-char { width: 14%; } /* Magic */ div.sheet-magic { margin-bottom: 5px; } input[type="checkbox"].sheet-display-theism:not(:checked) ~ div.sheet-display-theism { display: none; } input[type="checkbox"].sheet-display-sorcery:not(:checked) ~ div.sheet-display-sorcery { display: none; } input[type="checkbox"].sheet-display-mysticism:not(:checked) ~ div.sheet-display-mysticism { display: none; } input[type="checkbox"].sheet-display-animism:not(:checked) ~ div.sheet-display-animism { display: none; } input[type="checkbox"].sheet-display-folk-magic:not(:checked) ~ div.sheet-display-folk-magic { display: none; } div.sheet-magic-row { display: inline-block; width: 97.5%; } div.sheet-magic-name { display: inline-block; width: 17.5%; } div.sheet-magic-checkbox { display: inline-block; text-align: center; width: 2.25%; } div.sheet-magic-number { display: inline-block; text-align: center; width: 5.8125%; } div.sheet-magic-button { display: inline-block; text-align: center; width: 2.375%; } textarea.sheet-magic-note { height: 3em; } div.sheet-spell-row { display: inline-block; width: 97.5%; } div.sheet-spell-name { display: inline-block; text-align: center; width: 17.5%; } div.sheet-spell-resist { display: inline-block; text-align: center; width: 11%; } div.sheet-spell-description { display: inline-block; text-align: center; width: 79%; } div.sheet-spell-button { display: inline-block; text-align: center; width: 2.5%; } textarea.sheet-spell-macro { height: 4em; } div.sheet-animism-number { display: inline-block; text-align: center; width: 16%; } div.sheet-animism-spirit-ap { display: inline-block; text-align: center; width: 11.5%; } div.sheet-animism-button { display: inline-block; text-align: center; width: 2.5%; } div.sheet-fetish-row { display: inline-block; width: 100%; } div.sheet-fetish-name { display: inline-block; text-align: center; width: 17.5%; } div.sheet-fetish-type { display: inline-block; text-align: center; width: 11%; } div.sheet-fetish-description { display: inline-block; text-align: center; width: 70%; } div.sheet-fetish-skill-column { display: inline-block; margin-right: 1px; width: 33%; } div.sheet-fetish-skill { display: inline-block; width: 200px; } div.sheet-fetish-powers-column { display: inline-block; width: 66%; } div.sheet-mediation-number { display: inline-block; text-align: center; width: 25.75%; } div.sheet-path-number { display: inline-block; text-align: center; width: 52%; } div.sheet-talent-type { display: inline-block; text-align: center; width: 18%; } div.sheet-talent-description { display: inline-block; text-align: center; width: 60.5%; } div.sheet-invocation-intensity { display: inline-block; text-align: center; width: 52%; } div.sheet-shaping-number { display: inline-block; text-align: center; width: 25.75%; } div.sheet-sorceryspell-description { display: inline-block; text-align: center; width: 76%; } div.sheet-devotion-number { display: inline-block; text-align: center; width: 12.75%; } /* Equipment */ div.sheet-equipment { float: left; width: 48.5%; margin-right: 5px; margin-bottom: 5px; } div.sheet-equipment-item { display: inline-block; text-align: center; width: 67%; } div.sheet-equipment-number { display: inline-block; text-align: center; width: 15%; } /* Wealth */ div.sheet-wealth { float: left; width: 48.5%; margin-bottom: 5px; } div.sheet-wealth-currency { display: inline-block; text-align: center; width: 52%; } div.sheet-wealth-number { display: inline-block; text-align: center; width: 15%; } div.sheet-income-label { display: inline-block; text-align: center; width: 10%; } div.sheet-income-number { display: inline-block; text-align: center; width: 13%; } /* Notes */ div.sheet-notes { float: left; width: 98.75%; margin-bottom: 5px; } div.sheet-notes-column1 { float: left; width: 64%; margin-right: 5px; } div.sheet-notes-column2 { float: left; width: 35.25%; } div.sheet-note { margin-bottom: 5px; } /* Roll Templates */ .sheet-rolltemplate-skill div.sheet-header { width: 100%; text-align: center; color: lightgray; background: black; font-size: 120%; } .sheet-rolltemplate-skill div.sheet-subheader { width: 100%; text-align: center; color: lightgray; background: black; font-size: 75%; } .sheet-rolltemplate-skill div.sheet-difficulty { width: 100%; text-align: center; color: black; background: red; font-weight: bold; } .sheet-rolltemplate-skill table { width: 100%; border: 1px solid black; color: black; font-weight: bold; background: #FFFFFF; } .sheet-rolltemplate-skill td { padding: 1px; border-bottom: 1px solid black; } .sheet-rolltemplate-skill td.sheet-template_value { text-align: center; } .sheet-rolltemplate-skill .inlinerollresult { display: inline-block; text-align: center; border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-skill .inlinerollresult.fullcrit { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-skill .inlinerollresult.fullfail { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-skill .inlinerollresult.importantroll { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-weapon div.sheet-header { width: 100%; text-align: center; color: lightgray; background: black; font-size: 120%; } .sheet-rolltemplate-weapon div.sheet-subheader { width: 100%; text-align: center; color: lightgray; background: black; font-size: 75%; } .sheet-rolltemplate-weapon table { width: 100%; border: 1px solid black; color: black; background: #FFFFFF; } .sheet-rolltemplate-weapon td { padding: 1px; border-bottom: 1px solid black; } .sheet-rolltemplate-weapon td.sheet-template_label { font-weight: bold; } .sheet-rolltemplate-weapon td.sheet-template_value { text-align: center; } .sheet-rolltemplate-weapon .inlinerollresult { display: inline-block; text-align: center; border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-weapon .inlinerollresult.fullcrit { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-weapon .inlinerollresult.fullfail { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-weapon .inlinerollresult.importantroll { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-magic div.sheet-header { width: 100%; text-align: center; color: lightgray; background: black; font-size: 120%; } .sheet-rolltemplate-magic div.sheet-subheader { width: 100%; text-align: center; color: lightgray; background: black; font-size: 75%; } .sheet-rolltemplate-magic table { width: 100%; border: 1px solid black; color: black; background: #FFFFFF; } .sheet-rolltemplate-magic td { padding: 1px; border-bottom: 1px solid black; } .sheet-rolltemplate-magic td.sheet-template_label { font-weight: bold; } .sheet-rolltemplate-magic td.sheet-template_value { text-align: center; } .sheet-rolltemplate-magic .inlinerollresult { display: inline-block; text-align: center; border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-magic .inlinerollresult.fullcrit { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-magic .inlinerollresult.fullfail { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-magic .inlinerollresult.importantroll { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-default div.sheet-header { width: 100%; text-align: center; color: lightgray; background: black; font-size: 120%; } .sheet-rolltemplate-default div.sheet-subheader { width: 100%; text-align: center; color: lightgray; background: black; font-size: 75%; } .sheet-rolltemplate-default table { width: 100%; border: 1px solid black; color: black; background: #FFFFFF; } .sheet-rolltemplate-default td { padding: 1px; border-bottom: 1px solid black; } .sheet-rolltemplate-default td.sheet-template_label { font-weight: bold; float: left; text-align: left; } .sheet-rolltemplate-default td.sheet-template_value { text-align: center; } .sheet-rolltemplate-default .inlinerollresult { display: inline-block; text-align: center; border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-default .inlinerollresult.fullcrit { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-default .inlinerollresult.fullfail { border: 1px solid black; background: #BEBEBE; } .sheet-rolltemplate-default .inlinerollresult.importantroll { border: 1px solid black; background: #BEBEBE; }