Full rebuild of the Family sheets. Fixes for roll buttons in the character sheets. (#6289)
This commit is contained in:
Kier
@@ -1,36 +1,37 @@
|
||||
div.sheet-Null,
|
||||
div.sheet-Elder,
|
||||
div.sheet-Envoy,
|
||||
div.sheet-Firebrand,
|
||||
div.sheet-Hunter,
|
||||
div.sheet-Machine,
|
||||
div.sheet-Promethean,
|
||||
div.sheet-Reaver,
|
||||
div.sheet-Remnant,
|
||||
div.sheet-Scavenger,
|
||||
div.sheet-Seeker,
|
||||
div.sheet-Sentinel,
|
||||
div.sheet-Survivor,
|
||||
div.sheet-Untamed,
|
||||
div.sheet-Quick,
|
||||
div.sheet-fNull,
|
||||
div.sheet-Cultivators,
|
||||
div.sheet-Enclave,
|
||||
div.sheet-Merchants,
|
||||
div.sheet-Lawgivers,
|
||||
div.sheet-Titan,
|
||||
div.sheet-Pioneers,
|
||||
div.sheet-Servants,
|
||||
div.sheet-Starfarers,
|
||||
div.sheet-Hive,
|
||||
div.sheet-Tyrants,
|
||||
div.sheet-Uplifted
|
||||
/* Basic sheet show/hide control */
|
||||
.sheet-Null,
|
||||
.sheet-Elder,
|
||||
.sheet-Envoy,
|
||||
.sheet-Firebrand,
|
||||
.sheet-Hunter,
|
||||
.sheet-Machine,
|
||||
.sheet-Promethean,
|
||||
.sheet-Reaver,
|
||||
.sheet-Remnant,
|
||||
.sheet-Scavenger,
|
||||
.sheet-Seeker,
|
||||
.sheet-Sentinel,
|
||||
.sheet-Survivor,
|
||||
.sheet-Untamed,
|
||||
.sheet-Quick,
|
||||
.sheet-fNull,
|
||||
.sheet-Cultivators,
|
||||
.sheet-Enclave,
|
||||
.sheet-Merchants,
|
||||
.sheet-Lawgivers,
|
||||
.sheet-Titan,
|
||||
.sheet-Pioneers,
|
||||
.sheet-Servants,
|
||||
.sheet-Starfarers,
|
||||
.sheet-Hive,
|
||||
.sheet-Tyrants,
|
||||
.sheet-Uplifted
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.sheet-Family,
|
||||
div.sheet-Character{
|
||||
.sheet-Family,
|
||||
.sheet-Character{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -80,39 +81,50 @@ input.sheet-type-selector[value="family"]:checked ~ span::before {
|
||||
content: "Family Mode";
|
||||
}
|
||||
|
||||
input[type="radio"][value="0"]:checked ~ .sheet-Null,
|
||||
input[type="radio"][value="1"]:checked ~ .sheet-Elder,
|
||||
input[type="radio"][value="2"]:checked ~ .sheet-Envoy,
|
||||
input[type="radio"][value="3"]:checked ~ .sheet-Firebrand,
|
||||
input[type="radio"][value="4"]:checked ~ .sheet-Hunter,
|
||||
input[type="radio"][value="5"]:checked ~ .sheet-Machine,
|
||||
input[type="radio"][value="6"]:checked ~ .sheet-Promethean,
|
||||
input[type="radio"][value="7"]:checked ~ .sheet-Reaver,
|
||||
input[type="radio"][value="8"]:checked ~ .sheet-Remnant,
|
||||
input[type="radio"][value="9"]:checked ~ .sheet-Scavenger,
|
||||
input[type="radio"][value="10"]:checked ~ .sheet-Seeker,
|
||||
input[type="radio"][value="11"]:checked ~ .sheet-Sentinel,
|
||||
input[type="radio"][value="12"]:checked ~ .sheet-Survivor,
|
||||
input[type="radio"][value="13"]:checked ~ .sheet-Untamed,
|
||||
input[type="radio"][value="99"]:checked ~ .sheet-Quick,
|
||||
|
||||
input[type="radio"][value="0"]:checked ~ div.sheet-Null,
|
||||
input[type="radio"][value="1"]:checked ~ div.sheet-Elder,
|
||||
input[type="radio"][value="2"]:checked ~ div.sheet-Envoy,
|
||||
input[type="radio"][value="3"]:checked ~ div.sheet-Firebrand,
|
||||
input[type="radio"][value="4"]:checked ~ div.sheet-Hunter,
|
||||
input[type="radio"][value="5"]:checked ~ div.sheet-Machine,
|
||||
input[type="radio"][value="6"]:checked ~ div.sheet-Promethean,
|
||||
input[type="radio"][value="7"]:checked ~ div.sheet-Reaver,
|
||||
input[type="radio"][value="8"]:checked ~ div.sheet-Remnant,
|
||||
input[type="radio"][value="9"]:checked ~ div.sheet-Scavenger,
|
||||
input[type="radio"][value="10"]:checked ~ div.sheet-Seeker,
|
||||
input[type="radio"][value="11"]:checked ~ div.sheet-Sentinel,
|
||||
input[type="radio"][value="12"]:checked ~ div.sheet-Survivor,
|
||||
input[type="radio"][value="13"]:checked ~ div.sheet-Untamed,
|
||||
input[type="radio"][value="99"]:checked ~ div.sheet-Quick,
|
||||
input[type="radio"][value="f0"]:checked ~ .sheet-fNull,
|
||||
input[type="radio"][value="f1"]:checked ~ .sheet-Cultivators,
|
||||
input[type="radio"][value="f2"]:checked ~ .sheet-Enclave,
|
||||
input[type="radio"][value="f3"]:checked ~ .sheet-Merchants,
|
||||
input[type="radio"][value="f4"]:checked ~ .sheet-Lawgivers,
|
||||
input[type="radio"][value="f5"]:checked ~ .sheet-Titan,
|
||||
input[type="radio"][value="f6"]:checked ~ .sheet-Pioneers,
|
||||
input[type="radio"][value="f7"]:checked ~ .sheet-Servants,
|
||||
input[type="radio"][value="f8"]:checked ~ .sheet-Starfarers,
|
||||
input[type="radio"][value="f9"]:checked ~ .sheet-Hive,
|
||||
input[type="radio"][value="f10"]:checked ~ .sheet-Tyrants,
|
||||
input[type="radio"][value="f11"]:checked ~ .sheet-Uplifted,
|
||||
|
||||
input[type="radio"][value="f0"]:checked ~ div.sheet-fNull,
|
||||
input[type="radio"][value="f1"]:checked ~ div.sheet-Cultivators,
|
||||
input[type="radio"][value="f2"]:checked ~ div.sheet-Enclave,
|
||||
input[type="radio"][value="f3"]:checked ~ div.sheet-Merchants,
|
||||
input[type="radio"][value="f4"]:checked ~ div.sheet-Lawgivers,
|
||||
input[type="radio"][value="f5"]:checked ~ div.sheet-Titan,
|
||||
input[type="radio"][value="f6"]:checked ~ div.sheet-Pioneers,
|
||||
input[type="radio"][value="f7"]:checked ~ div.sheet-Servants,
|
||||
input[type="radio"][value="f8"]:checked ~ div.sheet-Starfarers,
|
||||
input[type="radio"][value="f9"]:checked ~ div.sheet-Hive,
|
||||
input[type="radio"][value="f10"]:checked ~ div.sheet-Tyrants,
|
||||
input[type="radio"][value="f11"]:checked ~ div.sheet-Uplifted,
|
||||
input[type="checkbox"][value="f0"]:checked ~ .sheet-fNull,
|
||||
input[type="checkbox"][value="f1"]:checked ~ .sheet-Cultivators,
|
||||
input[type="checkbox"][value="f2"]:checked ~ .sheet-Enclave,
|
||||
input[type="checkbox"][value="f3"]:checked ~ .sheet-Merchants,
|
||||
input[type="checkbox"][value="f4"]:checked ~ .sheet-Lawgivers,
|
||||
input[type="checkbox"][value="f5"]:checked ~ .sheet-Titan,
|
||||
input[type="checkbox"][value="f6"]:checked ~ .sheet-Pioneers,
|
||||
input[type="checkbox"][value="f7"]:checked ~ .sheet-Servants,
|
||||
input[type="checkbox"][value="f8"]:checked ~ .sheet-Starfarers,
|
||||
input[type="checkbox"][value="f9"]:checked ~ .sheet-Hive,
|
||||
input[type="checkbox"][value="f10"]:checked ~ .sheet-Tyrants,
|
||||
input[type="checkbox"][value="f11"]:checked ~ .sheet-Uplifted,
|
||||
|
||||
|
||||
input[type="radio"][value="family"]:checked ~ div.sheet-Family,
|
||||
input[type="radio"][value="character"]:checked ~ div.sheet-Character
|
||||
input[type="radio"][value="family"]:checked ~ .sheet-Family,
|
||||
input[type="radio"][value="character"]:checked ~ .sheet-Character
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
@@ -123,20 +135,396 @@ select.sheet-SkinSelect
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
|
||||
option.sheet-SkinSelect:checked
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
select.sheet-fSkinSelect
|
||||
{
|
||||
position: relative;
|
||||
top: 4px;
|
||||
}
|
||||
|
||||
|
||||
option.sheet-fSkinSelect:checked
|
||||
{
|
||||
display: none;
|
||||
.sheet-fSkinCheck,
|
||||
.sheet-charSkinCheck {
|
||||
display: none;
|
||||
}
|
||||
|
||||
label.sheet-option-select {
|
||||
font-weight: normal;
|
||||
font-size: 1em;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sheet-starting-collapsible,
|
||||
.sheet-treaty-classic,
|
||||
.sheet-sueplus-needs-classic {
|
||||
padding:1rem 1.5rem;
|
||||
background-color:lightgray;
|
||||
}
|
||||
|
||||
.sheet-collapsible {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-toggle-label {
|
||||
color:gray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sheet-toggle-label::after {
|
||||
content:"";
|
||||
display: inline-block;
|
||||
margin-left: 0.5rem;
|
||||
height:0px;
|
||||
width:0px;
|
||||
border:4px solid;
|
||||
border-color: gray gray transparent transparent;
|
||||
transform: rotate(135deg);
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked ~ .sheet-collapsible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + .sheet-toggle-label {
|
||||
color:#000;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + .sheet-toggle-label::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.sheet-help {
|
||||
font-size: 0.5em;
|
||||
color:gray;
|
||||
}
|
||||
|
||||
.sheet-starterStats h2, .sheet-starterTraditions h2 {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.sheet-row.sheet-family-details-section {
|
||||
display: flex;
|
||||
margin-top:1rem;
|
||||
padding-top:1rem;
|
||||
margin-bottom:1rem;
|
||||
padding-bottom:1rem;
|
||||
border-top:2px solid gray;
|
||||
border-bottom:2px solid gray;
|
||||
}
|
||||
|
||||
.sheet-family-stats,
|
||||
.sheet-family-secondary-stats {
|
||||
padding-top:1rem;
|
||||
width:100px;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
border-right: 1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-lifestyles, .sheet-doctrines {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0;
|
||||
margin-left:1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.sheet-lifestyles {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
border-right: 1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-doctrines {
|
||||
padding-left:1rem;
|
||||
}
|
||||
|
||||
.sheet-assets-family-wrapper,
|
||||
.sheet-family-resources-wrapper {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sheet-family-resources-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-assets-family-row {
|
||||
display: flex;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sheet-asset-family-set {
|
||||
max-width: 50%;
|
||||
width:50%;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
padding-left:1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.sheet-resources-surplus-needs {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.sheet-resources-surplus-needs .repcontainer input[type="text"] {
|
||||
width:auto;
|
||||
max-width:100%;
|
||||
}
|
||||
|
||||
.sheet-resources-col-wrapper,
|
||||
.sheet-device-notes {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
.sheet-resources-col-wrapper {
|
||||
padding-left:1rem;
|
||||
padding-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
border-right: 1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-device-notes {
|
||||
padding-left:1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
/* Sheet General Layout */
|
||||
.sheet-Family-Basics .sheet-row,
|
||||
.sheet-moves-columns {
|
||||
display:flex;
|
||||
}
|
||||
|
||||
.sheet-moves-col {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
flex-basis: auto;
|
||||
width:50%;
|
||||
}
|
||||
|
||||
.sheet-moves-col:first-of-type {
|
||||
padding-right:1rem;
|
||||
margin-right:1rem;
|
||||
border-right:1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-moves-col:last-of-type {
|
||||
padding-left:1rem;
|
||||
}
|
||||
|
||||
.sheet-Family-Basics .sheet-family-name-wrapper, .sheet-Family-Basics .sheet-family-playbook-wrapper, .sheet-Family-Basics .sheet-family-traditions-wrapper {
|
||||
padding-left:0.5rem;
|
||||
padding-right:0.5rem;
|
||||
}
|
||||
|
||||
.sheet-Family-Basics .sheet-family-playbook-wrapper {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sheet-Family-Basics .sheet-family-name-wrapper, .sheet-Family-Basics .sheet-family-traditions-wrapper {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
}
|
||||
|
||||
.sheet-Family-Basics .sheet-family-name-wrapper input, .sheet-Family-Basics .sheet-family-playbook-wrapper input, .sheet-Family-Basics .sheet-family-traditions-wrapper input {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sheet-family-move {
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-family-move:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.sheet-family-move-body {
|
||||
padding-left: 1.8rem;
|
||||
padding-right:1.8rem;
|
||||
}
|
||||
|
||||
.sheet-family-move-title-wrapper input, .sheet-family-move-title-wrapper h3, .sheet-family-move-title-wrapper button {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.sheet-family-move-body .repitem,
|
||||
.sheet-treaty-wrapper .repitem {
|
||||
display: flex;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.sheet-family-move-body .repitem label {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.sheet-move-options {
|
||||
color:gray;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.sheet-resource {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-move-trigger {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-treaty-history-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-treaty {
|
||||
max-width: 50%;
|
||||
padding-right: 2rem;
|
||||
border-right: 2px solid gray;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.sheet-history {
|
||||
max-width: 50%;
|
||||
padding-left: 2rem;
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 50%;
|
||||
}
|
||||
|
||||
.sheet-treaty-head,
|
||||
.sheet-surplus-needs-head {
|
||||
width:100%;
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sheet-surplus-needs-body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-treaty-on-us {
|
||||
width: 6rem;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sheet-treaty-faction {
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-treaty-onthem {
|
||||
width: 6rem;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.sheet-treaty-wrapper {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.sheet-treaty-classic-inner,
|
||||
.sheet-surplus-needs-classic-inner {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-treaty-classic-inner div,
|
||||
.sheet-surplus-needs-classic-inner div {
|
||||
flex-grow:1;
|
||||
}
|
||||
|
||||
.sheet-surplus-needs-head span {
|
||||
flex-grow: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.surplus-needs-body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-surplus-needs-col {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
.sheet-textarea-fix {
|
||||
max-width:90%;
|
||||
}
|
||||
|
||||
.sheet-family-section {
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom:2px solid darkgray;
|
||||
}
|
||||
|
||||
.sheet-stat, .sheet-secondary-stat {
|
||||
margin-bottom: 2rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sheet-stat label, .sheet-secondary-stat label {
|
||||
margin-bottom:0.5rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.sheet-family-inhertance-section-wrapper {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.sheet-inhertance-col {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
.sheet-inhertance-col:first-of-type {
|
||||
padding-right: 1rem;
|
||||
margin-right: 1rem;
|
||||
border-right: 1px solid gray;
|
||||
}
|
||||
|
||||
.sheet-inhertance-col:last-of-type {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
/* End Sheet General Family Layout */
|
||||
|
||||
/* Begin Sheet General Character Layout */
|
||||
.sheet-character-stat-block {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-character-stat-block-row {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.sheet-character-stat {
|
||||
margin-bottom: 1rem;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* Specific to the roll template */
|
||||
|
||||
.sheet-rolltemplate-legacy {
|
||||
font-size: 16px;
|
||||
border:2px dashed black;
|
||||
background-color:#fff;
|
||||
}
|
||||
.sheet-rolltemplate-legacy .sheet-template-action {
|
||||
font-weight: bold;
|
||||
padding:1rem;
|
||||
}
|
||||
.sheet-rolltemplate-legacy .sheet-template-result {
|
||||
font-size: 20px;
|
||||
padding:2rem;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user