mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
update approve yaml with Hunter's games
This commit is contained in:
Cassie Levett
@@ -0,0 +1,877 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Montserrat:200|Montserrat:400|Montserrat:600|Montserrat:700|Montserrat:800|Montserrat:900&display=swap");
|
||||
.sheet-ac-wrapper {
|
||||
background: white;
|
||||
color: black;
|
||||
font-family: Montserrat, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.sheet-ac-wrapper * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.sheet-ac-wrapper input {
|
||||
height: 1.75em;
|
||||
}
|
||||
.sheet-ac-wrapper input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-ac-wrapper input[type=number]::-webkit-outer-spin-button, .sheet-ac-wrapper input[type=number]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
.sheet-ac-wrapper input[type=number],
|
||||
.sheet-ac-wrapper input[type=text],
|
||||
.sheet-ac-wrapper textarea,
|
||||
.sheet-ac-wrapper select {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
font-family: "Montserrat", Verdana, sans-serif;
|
||||
font-size: 10pt;
|
||||
font-variant: normal;
|
||||
}
|
||||
.sheet-ac-wrapper input[type=number]:hover,
|
||||
.sheet-ac-wrapper input[type=text]:hover,
|
||||
.sheet-ac-wrapper textarea:hover,
|
||||
.sheet-ac-wrapper select:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-wrapper button:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-wrapper select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
height: 1.75em;
|
||||
cursor: pointer;
|
||||
background: transparent url("https://s3.amazonaws.com/files.d20.io/images/138210258/mZTqw1vke8SrkprMJmiZQw/med.png?1590443723") right 5px center no-repeat;
|
||||
}
|
||||
.sheet-ac-wrapper textarea {
|
||||
resize: vertical;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.sheet-ac-wrapper label {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol {
|
||||
position: relative;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol button.repcontrol_del,
|
||||
.sheet-ac-wrapper .itemcontrol a.repcontrol_move {
|
||||
display: block;
|
||||
top: calc(50% - 1.5rem);
|
||||
position: relative;
|
||||
border: 1px solid black;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
box-shadow: none;
|
||||
line-height: 2em;
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol button.repcontrol_del:hover,
|
||||
.sheet-ac-wrapper .itemcontrol a.repcontrol_move:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol button.repcontrol_del {
|
||||
margin-right: 0.25rem;
|
||||
background: transparent;
|
||||
border: 1px solid #d2232a;
|
||||
color: #d2232a;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol button.repcontrol_del:hover {
|
||||
border: 1px solid #d2232a;
|
||||
box-shadow: 0 0 5px #d2232a;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol a.repcontrol_move {
|
||||
margin-left: 0.25rem;
|
||||
background: transparent;
|
||||
color: black;
|
||||
}
|
||||
.sheet-ac-wrapper .itemcontrol a.repcontrol_move:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-wrapper .repcontrol {
|
||||
padding: 0.25em;
|
||||
background-color: transparent;
|
||||
}
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_add,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_del,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_move,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_edit {
|
||||
display: block;
|
||||
border: 1px solid black;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
box-shadow: none;
|
||||
font-size: 0;
|
||||
line-height: 1em;
|
||||
text-shadow: none;
|
||||
}
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_add:hover,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_del:hover,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_move:hover,
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_edit:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_add:before {
|
||||
display: block;
|
||||
content: "&";
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-ac-wrapper .repcontrol button.repcontrol_edit:before {
|
||||
display: block;
|
||||
content: "p";
|
||||
right: 5px;
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-ac-wrapper h1 {
|
||||
font-size: 16pt;
|
||||
font-weight: 700;
|
||||
letter-spacing: 2px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.sheet-ac-trait__label, .sheet-ac-header__label {
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.sheet-ac-stat__value input[type=number], .sheet-ac-stat__header input[type=number], [type=number].sheet-ac-header__input, .sheet-ac-stat__value input[type=text], .sheet-ac-stat__header input[type=text], [type=text].sheet-ac-header__input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.sheet-ac-header {
|
||||
padding: 1em;
|
||||
background: linear-gradient(164deg, #042938 0%, #031f27 100%);
|
||||
background-color: #042938;
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-header__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 0 1em;
|
||||
}
|
||||
.sheet-ac-header__item, .sheet-ac-header__item--subitem {
|
||||
grid-column: span 2;
|
||||
}
|
||||
.sheet-ac-header__item--subitem {
|
||||
grid-column: span 1;
|
||||
}
|
||||
.sheet-ac-header__label {
|
||||
font-family: 12pt;
|
||||
}
|
||||
.sheet-ac-header__input[type=number], .sheet-ac-header__input[type=text] {
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 1px solid white;
|
||||
color: white !important;
|
||||
font-size: 12pt !important;
|
||||
font-weight: 800 !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.sheet-ac-nav > label {
|
||||
margin: 5px;
|
||||
}
|
||||
.sheet-ac-nav__item {
|
||||
width: auto;
|
||||
padding: 5px;
|
||||
cursor: pointer;
|
||||
font-size: 11pt;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-nav__label {
|
||||
padding: 0 5px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.sheet-ac-nav__label:hover {
|
||||
border: 1px solid #38e0d5;
|
||||
box-shadow: 0 0 5px #38e0d5;
|
||||
}
|
||||
.sheet-ac-nav__hide {
|
||||
display: none;
|
||||
}
|
||||
.sheet-ac-nav input[type=radio]:checked + .sheet-ac-nav__label {
|
||||
border: 1px solid #00a99d;
|
||||
background: rgba(0, 169, 157, 0.15);
|
||||
color: #00a99d;
|
||||
}
|
||||
.sheet-ac-body__stats {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 1em;
|
||||
}
|
||||
.sheet-ac-body__traits {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
margin: 1em 0;
|
||||
padding: 1em 1em;
|
||||
background-color: #042938;
|
||||
background: linear-gradient(164deg, #042938 0%, #031f27 100%);
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-body__traits .itemcontrol button.repcontrol_del,
|
||||
.sheet-ac-body__traits .itemcontrol a.repcontrol_move {
|
||||
border: 1px solid white;
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-body__traits .itemcontrol a.repcontrol_move {
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-body__traits .repcontrol {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.sheet-ac-body__traits .repcontrol button.repcontrol_add,
|
||||
.sheet-ac-body__traits .repcontrol button.repcontrol_del,
|
||||
.sheet-ac-body__traits .repcontrol button.repcontrol_move,
|
||||
.sheet-ac-body__traits .repcontrol button.repcontrol_edit {
|
||||
border: 1px solid white;
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-body__misc {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: 1em;
|
||||
}
|
||||
.sheet-ac-stat__header {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 5em;
|
||||
align-items: center;
|
||||
padding: 0.125em 0.5em;
|
||||
background: #bd9c55;
|
||||
color: white;
|
||||
font-size: 12pt;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-stat__title {
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.sheet-ac-stat__value {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.75fr;
|
||||
align-items: center;
|
||||
color: white;
|
||||
}
|
||||
.sheet-ac-stat__value input[type=text], .sheet-ac-stat__value input[type=number] {
|
||||
background: rgba(0, 0, 0, 0.125);
|
||||
color: white;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
}
|
||||
.sheet-ac-stat__value span {
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
}
|
||||
.sheet-ac-stat__bonus {
|
||||
font-size: 12pt;
|
||||
}
|
||||
.sheet-ac-stat__bonus:before, .sheet-ac-stat__bonus:after {
|
||||
display: inline;
|
||||
}
|
||||
.sheet-ac-stat__bonus:before {
|
||||
content: "(";
|
||||
}
|
||||
.sheet-ac-stat__bonus:after {
|
||||
content: ")";
|
||||
}
|
||||
.sheet-ac-stat__body {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.25em 0;
|
||||
}
|
||||
.sheet-ac-skill {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 3.5em;
|
||||
gap: 0;
|
||||
align-items: center;
|
||||
}
|
||||
.sheet-ac-skill__name[type=roll] {
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
align-items: center;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 9pt !important;
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-skill__name[type=roll]:before {
|
||||
display: none;
|
||||
}
|
||||
.sheet-ac-skill__name[type=roll]:after {
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
content: "";
|
||||
height: 0;
|
||||
margin: 0;
|
||||
margin-left: 4px;
|
||||
border-bottom: 3px solid #bd9c55;
|
||||
}
|
||||
.sheet-ac-skill__name[type=roll]:hover {
|
||||
color: #38e0d5;
|
||||
box-shadow: none !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
.sheet-ac-skill__name[type=roll]:hover:after {
|
||||
border-color: #38e0d5;
|
||||
}
|
||||
.sheet-ac-skill__value {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.sheet-ac-skill__value select {
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 10pt;
|
||||
line-height: 10pt;
|
||||
}
|
||||
.sheet-ac-traits {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.25);
|
||||
padding: 1em;
|
||||
}
|
||||
.sheet-ac-traits:last-child {
|
||||
border-right: 0;
|
||||
}
|
||||
.sheet-ac-traits__header {
|
||||
padding: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-trait {
|
||||
margin-bottom: 1em;
|
||||
border: 1px solid rgba(0, 169, 157, 0.5);
|
||||
}
|
||||
.sheet-ac-trait__title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-flow: row nowrap;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.sheet-ac-trait__title > div {
|
||||
flex-shrink: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.sheet-ac-trait__title > input {
|
||||
flex-grow: 1;
|
||||
height: 2.5em;
|
||||
background: rgba(0, 0, 40, 0.25) !important;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 1px solid rgba(0, 169, 157, 0.5);
|
||||
border-radius: 0;
|
||||
color: #38e0d5 !important;
|
||||
font-size: 9pt !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
.sheet-ac-trait__description {
|
||||
padding: 0;
|
||||
}
|
||||
.sheet-ac-trait__description textarea {
|
||||
width: 100%;
|
||||
height: 7.5em;
|
||||
padding: 0.25em;
|
||||
margin: 0;
|
||||
border: 1px solid transparent;
|
||||
border-radius: none;
|
||||
background: rgba(0, 0, 40, 0.25);
|
||||
color: white;
|
||||
font-size: 9pt;
|
||||
}
|
||||
.sheet-ac-networks__header, .sheet-ac-baggage__header {
|
||||
color: #d2232a;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-networks__item, .sheet-ac-baggage__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-flow: row nowrap;
|
||||
margin-bottom: 0.5em;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
.sheet-ac-networks__item:before, .sheet-ac-baggage__item:before {
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
content: "4";
|
||||
margin-right: 0.25em;
|
||||
color: #00a99d;
|
||||
font-family: "Pictos";
|
||||
}
|
||||
.sheet-ac-networks__item > input, .sheet-ac-baggage__item > input {
|
||||
flex-grow: 1;
|
||||
border: 0;
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
.sheet-ac-baggage textarea {
|
||||
height: 4.5em;
|
||||
}
|
||||
.sheet-ac-baggage__item {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
.sheet-ac-baggage__item:before {
|
||||
margin-top: 0.1em;
|
||||
}
|
||||
.sheet-ac-biometrics__header {
|
||||
color: #d2232a;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-biometrics__container {
|
||||
border: 1px solid #bd9c55;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.sheet-ac-biometrics__row {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
.sheet-ac-biometrics__row--textarea {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.sheet-ac-biometrics__row--textarea textarea {
|
||||
background: #eee;
|
||||
}
|
||||
.sheet-ac-biometrics__label {
|
||||
flex-shrink: 0;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-biometrics__label:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.sheet-ac-biometrics__input, .sheet-ac-health__input--minmax, .sheet-ac-biometrics__input--minmax {
|
||||
flex-grow: 1;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
}
|
||||
.sheet-ac-biometrics__input input[type=number], .sheet-ac-health__input--minmax input[type=number], .sheet-ac-biometrics__input--minmax input[type=number],
|
||||
.sheet-ac-biometrics__input input[type=text],
|
||||
.sheet-ac-health__input--minmax input[type=text],
|
||||
.sheet-ac-biometrics__input--minmax input[type=text] {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
.sheet-ac-biometrics__input--minmax {
|
||||
flex-grow: 0;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.5em 1fr;
|
||||
align-items: center;
|
||||
width: 50%;
|
||||
}
|
||||
.sheet-ac-biometrics textarea {
|
||||
height: 7.5em;
|
||||
}
|
||||
.sheet-ac-health {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.sheet-ac-health__label {
|
||||
flex-shrink: 0;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-health__label:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.sheet-ac-health__input {
|
||||
flex-grow: 1;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
}
|
||||
.sheet-ac-health__input input[type=number],
|
||||
.sheet-ac-health__input input[type=text] {
|
||||
border: 0;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
.sheet-ac-health__input--minmax {
|
||||
flex-grow: 0;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0.5em 1fr;
|
||||
align-items: center;
|
||||
width: 30%;
|
||||
}
|
||||
.sheet-ac-health__row {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.sheet-ac-health__row--textarea textarea {
|
||||
background: #eee;
|
||||
}
|
||||
.sheet-ac-equipment {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
align-items: stretch;
|
||||
gap: 1em 0;
|
||||
}
|
||||
.sheet-ac-equipment > * {
|
||||
padding: 0.75em;
|
||||
}
|
||||
.sheet-ac-equipment__credits {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
.sheet-ac-equipment__header {
|
||||
color: #d2232a;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-equipment__tools {
|
||||
border-left: 1px dashed #aaa;
|
||||
}
|
||||
.sheet-ac-credits {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
gap: 1.5em;
|
||||
align-items: center;
|
||||
}
|
||||
.sheet-ac-credits__title {
|
||||
color: #d2232a;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-credits__item {
|
||||
display: flex;
|
||||
border: 1px solid #00a99d;
|
||||
border-left: 3px solid #00a99d;
|
||||
border-right: 3px solid #00a99d;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
}
|
||||
.sheet-ac-credits__item input {
|
||||
border: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-ac-credits__label {
|
||||
padding: 0.125em;
|
||||
}
|
||||
.sheet-ac-credits__input {
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
.sheet-ac-tool, .sheet-ac-item {
|
||||
margin-bottom: 1.5em;
|
||||
padding: 0.75em;
|
||||
border: 2px solid #00a99d;
|
||||
}
|
||||
.sheet-ac-tool input, .sheet-ac-item input {
|
||||
flex-shrink: 1;
|
||||
border: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.sheet-ac-tool__row, .sheet-ac-item__row, .sheet-ac-tool__row--name, .sheet-ac-tool__row--skillchecks, .sheet-ac-item__row--name, .sheet-ac-item__row--skillchecks {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.sheet-ac-tool__row input, .sheet-ac-item__row input, .sheet-ac-tool__row--name input, .sheet-ac-tool__row--skillchecks input, .sheet-ac-item__row--name input, .sheet-ac-item__row--skillchecks input {
|
||||
flex-grow: 1;
|
||||
border-bottom: 1px solid #aaa;
|
||||
}
|
||||
.sheet-ac-tool__row--bonus, .sheet-ac-item__row--bonus {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.sheet-ac-tool__row--checks, .sheet-ac-item__row--checks {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1.5fr;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.sheet-ac-tool__row--special, .sheet-ac-item__row--special {
|
||||
display: grid;
|
||||
}
|
||||
.sheet-ac-tool__label, .sheet-ac-item__label, .sheet-ac-tool__label--name, .sheet-ac-item__label--name {
|
||||
flex-shrink: 0;
|
||||
font-size: 9pt;
|
||||
font-weight: 800;
|
||||
}
|
||||
.sheet-ac-tool__label:after, .sheet-ac-item__label:after, .sheet-ac-tool__label--name:after, .sheet-ac-item__label--name:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.sheet-ac-tool__label--name, .sheet-ac-item__label--name {
|
||||
color: #d2232a;
|
||||
font-size: 14pt;
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-ac-tool__label--small, .sheet-ac-item__label--small {
|
||||
flex-basis: 1.5em;
|
||||
font-weight: 400;
|
||||
}
|
||||
.sheet-ac-tool__bonus, .sheet-ac-item__bonus {
|
||||
grid-column: span 2;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks, .sheet-ac-item__checkmarks {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(10, 1fr);
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label, .sheet-ac-item__checkmarks label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label span, .sheet-ac-item__checkmarks label span {
|
||||
display: block;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
border-radius: 50%;
|
||||
background-color: rgba(0, 169, 157, 0.125);
|
||||
border: 1px solid #38e0d5;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label input[type=radio], .sheet-ac-item__checkmarks label input[type=radio] {
|
||||
display: none;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label input[type=radio]:checked + span, .sheet-ac-item__checkmarks label input[type=radio]:checked + span {
|
||||
background-color: #00a99d;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red span, .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red span {
|
||||
background-color: rgba(210, 35, 42, 0.125);
|
||||
border: 1px solid #d2232a;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red input[type=radio], .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red input[type=radio] {
|
||||
display: none;
|
||||
}
|
||||
.sheet-ac-tool__checkmarks label.sheet-ac-checkmark--red input[type=radio]:checked + span, .sheet-ac-item__checkmarks label.sheet-ac-checkmark--red input[type=radio]:checked + span {
|
||||
background-color: #d2232a;
|
||||
}
|
||||
.sheet-ac-tool__price, .sheet-ac-item__price {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: center;
|
||||
margin: 0.25em;
|
||||
padding: 0.25em;
|
||||
border: 1px solid #bd9c55;
|
||||
}
|
||||
.sheet-ac-tool__price .sheet-ac-tool__label,
|
||||
.sheet-ac-tool__price .sheet-ac-item__label,
|
||||
.sheet-ac-tool__price .sheet-ac-tool__label--name,
|
||||
.sheet-ac-tool__price .sheet-ac-item__label--name, .sheet-ac-item__price .sheet-ac-tool__label,
|
||||
.sheet-ac-item__price .sheet-ac-item__label,
|
||||
.sheet-ac-item__price .sheet-ac-tool__label--name,
|
||||
.sheet-ac-item__price .sheet-ac-item__label--name {
|
||||
font-size: 8pt;
|
||||
font-weight: 400;
|
||||
}
|
||||
.sheet-ac-tool__price input[type=text], .sheet-ac-item__price input[type=text] {
|
||||
width: 4em;
|
||||
}
|
||||
.sheet-ac-tool__special textarea, .sheet-ac-item__special textarea {
|
||||
border: 1px solid #aaa;
|
||||
height: 5em;
|
||||
}
|
||||
.sheet-ac-tool__triggered, .sheet-ac-item__triggered {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
width: 100%;
|
||||
}
|
||||
.sheet-ac-tool__triggered .sheet-ac-item__checkmarks, .sheet-ac-item__triggered .sheet-ac-item__checkmarks {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
.sheet-ac-tool__special .sheet-ac-tool__label,
|
||||
.sheet-ac-tool__special .sheet-ac-item__label,
|
||||
.sheet-ac-tool__special .sheet-ac-tool__label--name,
|
||||
.sheet-ac-tool__special .sheet-ac-item__label--name, .sheet-ac-tool__triggered .sheet-ac-tool__label,
|
||||
.sheet-ac-tool__triggered .sheet-ac-item__label,
|
||||
.sheet-ac-tool__triggered .sheet-ac-tool__label--name,
|
||||
.sheet-ac-tool__triggered .sheet-ac-item__label--name, .sheet-ac-item__special .sheet-ac-tool__label,
|
||||
.sheet-ac-item__special .sheet-ac-item__label,
|
||||
.sheet-ac-item__special .sheet-ac-tool__label--name,
|
||||
.sheet-ac-item__special .sheet-ac-item__label--name, .sheet-ac-item__triggered .sheet-ac-tool__label,
|
||||
.sheet-ac-item__triggered .sheet-ac-item__label,
|
||||
.sheet-ac-item__triggered .sheet-ac-tool__label--name,
|
||||
.sheet-ac-item__triggered .sheet-ac-item__label--name {
|
||||
grid-column: 1/-1;
|
||||
color: #00a99d;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.sheet-ac-tool__wrap, .sheet-ac-item__wrap {
|
||||
font-size: 14pt;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sheet-ac-body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-ac-equipment {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[name=attr_nav][value="Character Sheet"] ~ .sheet-ac-body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
input[name=attr_nav][value=Equipment] ~ .sheet-ac-equipment {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-alteredcarbon {
|
||||
background: white;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon h1 {
|
||||
margin-bottom: 0.25em;
|
||||
color: #00a99d;
|
||||
font-size: 14pt;
|
||||
letter-spacing: 2px;
|
||||
line-height: 14pt;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon h2 {
|
||||
margin-bottom: 0.25em;
|
||||
color: #d2232a;
|
||||
font-size: 10pt;
|
||||
font-weight: 600;
|
||||
line-height: 10pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-container {
|
||||
padding: 0.5em;
|
||||
border: 2px solid #38e0d5;
|
||||
color: black;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target {
|
||||
margin: 0.5em 0;
|
||||
padding: 0.5em;
|
||||
text-align: center;
|
||||
background: #042938;
|
||||
color: white;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-label {
|
||||
font-size: 12pt;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-label:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
margin-right: 0.75em;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-target .sheet-ac-roll-target-value {
|
||||
color: #38e0d5;
|
||||
font-size: 12pt;
|
||||
font-weight: 800;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll *, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck *, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus * {
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll strong, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck strong, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus strong {
|
||||
display: block;
|
||||
font-size: 9pt;
|
||||
font-weight: 400;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-roll div, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-luck div, .sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result-bonus div {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
margin: auto;
|
||||
padding: 0.25em;
|
||||
border: 1px solid #aaa;
|
||||
font-size: 16pt;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .importantroll,
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullcrit,
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullfail,
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .inlinerollresult {
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-family: inherit;
|
||||
line-height: 1em;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullcrit {
|
||||
color: #00a99d;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-result .fullfail {
|
||||
color: #d2232a;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-ace {
|
||||
padding: 5px;
|
||||
border: 1px solid #00a99d;
|
||||
color: #00a99d;
|
||||
font-size: 12pt;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-stroke {
|
||||
padding: 5px;
|
||||
background: #38e0d5;
|
||||
color: white;
|
||||
font-size: 12pt;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-alteredcarbon .sheet-ac-roll-tag .sheet-ac-roll-catastrophe {
|
||||
padding: 5px;
|
||||
background: #d2232a;
|
||||
color: white;
|
||||
font-size: 12pt;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "altered-carbon.html",
|
||||
"css": "altered-carbon.css",
|
||||
"authors": "Nic B.",
|
||||
"roll20userid": "45398",
|
||||
"preview": "altered-carbon.png",
|
||||
"instructions": "Official Altered Carbon by Hunters Entertainment"
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
|
||||
const updateBonuses = () => {
|
||||
const array = ["strength","empathy","acuity","perception","willpower","intelligence"];
|
||||
|
||||
getAttrs(array, values => {
|
||||
|
||||
array.forEach(item => updateBonus(item, values[item]));
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
const updateBonus = (stat, new_value) => {
|
||||
const bonus = Math.floor(new_value/10);
|
||||
|
||||
const updateAttrs = {};
|
||||
|
||||
updateAttrs[`${stat}_bonus`] = bonus;
|
||||
|
||||
setAttrs(updateAttrs);
|
||||
|
||||
console.log(updateAttrs);
|
||||
}
|
||||
|
||||
["strength","empathy","acuity","perception","willpower","intelligence"].forEach(item => on(`change:${item}`, eventInfo => updateBonus(item, eventInfo.newValue)));
|
||||
|
||||
on(`sheet:opened`, eventInfo => updateBonuses())
|
||||
@@ -0,0 +1,221 @@
|
||||
include mixins.pug
|
||||
|
||||
.ac-wrapper
|
||||
h1(data-i18n="DHF Protectorate Citizenship Record") DHF Protectorate Citizenship Record
|
||||
.ac-header
|
||||
.ac-header__grid
|
||||
each entry in ["Character Name", "Planet of Origin", "Age", "Sleeve Type", "Archetype", "Campaign"]
|
||||
-
|
||||
const attr = entry.toLowerCase().replace(/ /g,"_");
|
||||
.ac-header__item
|
||||
.ac-header__label(data-i18n=entry)=entry
|
||||
input.ac-header__input(name=`attr_${attr}`, type="text")
|
||||
each entry in ["Stackpoints", "Influence Points", "Ego Points", "Wealth Level"]
|
||||
- const attr = entry.toLowerCase().replace(/ /g,"_");
|
||||
.ac-header__item--subitem
|
||||
.ac-header__label(data-i18n=entry)=entry
|
||||
input.ac-header__input(name=`attr_${attr}`, type="text")
|
||||
.ac-nav
|
||||
each link in ["Character Sheet", "Equipment"]
|
||||
label.ac-nav__item
|
||||
input.ac-nav__hide(type="radio", name="attr_nav", value=link)
|
||||
.ac-nav__label(data-i18n=link)=link
|
||||
|
||||
input.ac-nav__hide(type="hidden", name="attr_nav")
|
||||
.ac-body
|
||||
.ac-body__stats
|
||||
each entry in [{"Strength":["Athletics", "Brawl", "Endurance", "Melee Combat", "Toughness"]},{"Perception":["Detection", "D. Energy Wpns", "Firearms", "Search", "Stealth", "Throw"]},{"Empathy":["Diplomacy", "Expression", "Read Person"]}, {"Willpower":["Composure", "Discipline", "Intimidation"]}, {"Acuity":["Data Analysis", "Data Engineering", "Digi. Networking", "Investigation", "Mechanics", "Navigation", "Pilot", "Survival"]}, {"Intelligence":["Bureaucracy", "Cultures", "Engineering", "Geography", "History", "Science", "Medicine"]}]
|
||||
-
|
||||
const block_title = Object.keys(entry)[0];
|
||||
const skill_array = Object.values(entry)[0];
|
||||
const attr = block_title.toLowerCase().replace(/ /g,"_");
|
||||
.ac-stat
|
||||
.ac-stat__header
|
||||
.ac-stat__title(data-i18n=block_title)=block_title
|
||||
.ac-stat__value
|
||||
input(name=`attr_${attr}`, type="number", value=20)
|
||||
span.ac-stat__bonus(name=`attr_${attr}_bonus`) -
|
||||
.ac-stat__body
|
||||
each skill in skill_array
|
||||
-
|
||||
const attr = skill.toLowerCase().replace(/ /g,"_");
|
||||
const roll = [
|
||||
`&{template:alteredcarbon}`,
|
||||
`{{name=${skill}}}`,
|
||||
`{{character_name=@{character_name}}}`,
|
||||
`{{target_number=?{Target Number|5}}}`,
|
||||
`{{roll=[[@{${attr}}]]}}`,
|
||||
`{{bonus=[[?{Number of Bonus Dice|0}?{Bonus|none,0|d20,d20cs1cf20kl1|d12,d12cs1cf12kl1|d10,d10cs1cf10kl1|d8,d8cs1cf8kl1|d6,d6cs1cf6kl1|d4,d4cs1cf4kl1}]]}}`,
|
||||
`{{luck=[[?{Luck|none,0|d20,d20cs1cf20|d12,d12cs1cf12|d10,d10cs1cf10|d8,d8cs1cf8|d6,d6cs1cf6|d4,d4cs1cf4}]]}}`
|
||||
].join(" ");
|
||||
.ac-skill
|
||||
button.ac-skill__name(data-i18n=skill, type="roll", value=roll)=skill
|
||||
.ac-skill__value
|
||||
select(name=`attr_${attr}`)
|
||||
+dice-select()
|
||||
.ac-body__traits
|
||||
each repeating in ["Traits", "Abilities", "Specializations"]
|
||||
- const attr = repeating.toLowerCase().replace(/ /g,"_");
|
||||
.ac-traits
|
||||
.ac-traits__header(data-i18n=repeating)=repeating
|
||||
fieldset(class=`repeating_${attr}`)
|
||||
.ac-trait
|
||||
.ac-trait__title
|
||||
input.ac-trait__input(data-i18n-placeholder="Name", name=`attr_${attr}_name`, type="text")
|
||||
.ac-trait__description
|
||||
textarea(data-i18n-placeholder="Description", name=`attr_${attr}_description`)
|
||||
.ac-body__misc
|
||||
.ac-body__col
|
||||
.ac-networks
|
||||
.ac-networks__header(data-i18n="Networks/Contacts") Networks/Contacts
|
||||
fieldset(class=`repeating_networks`)
|
||||
.ac-networks__item
|
||||
input.ac-networks__input(name="attr_network", type="text")
|
||||
.ac-baggage
|
||||
.ac-baggage__header(data-i18n="Baggage/Scandals") Baggage/Scandals
|
||||
fieldset(class=`repeating_baggage`)
|
||||
.ac-baggage__item
|
||||
textarea.ac-baggage__input(name="attr_baggage", type="text")
|
||||
.ac-body__col
|
||||
.ac-biometrics
|
||||
.ac-biometrics__header(data-i18n="Sleeve Biometrics") Sleeve Biometrics
|
||||
.ac-biometrics__container
|
||||
.ac-biometrics__row
|
||||
.ac-biometrics__label(data-i18n="Tech Points") Tech Points
|
||||
.ac-biometrics__input--minmax
|
||||
input.ac-minmax(name="attr_techpoints", type="number")
|
||||
| /
|
||||
input.ac-minmax(name="attr_techpoints_max", type="number")
|
||||
.ac-biometrics__row
|
||||
.ac-biometrics__label(data-i18n="Damage Threshold") Damage Threshold
|
||||
.ac-biometrics__input
|
||||
input.ac-minmax(name="attr_damagethreshold", type="text")
|
||||
.ac-biometrics__row--textarea
|
||||
.ac-biometrics__label(data-i18n="Special") Special
|
||||
.ac-biometrics__input
|
||||
textarea(name="attr_special")
|
||||
.ac-health
|
||||
.ac-health__row
|
||||
.ac-health__label(data-i18n="Health Points") Health Points
|
||||
.ac-health__input--minmax
|
||||
input.ac-minmax(name="attr_hitpoints", type="number")
|
||||
| /
|
||||
input.ac-minmax(name="attr_hitpoints_max", type="number")
|
||||
.ac-health__injuries
|
||||
.ac-health__label(data-i18n="Injuries") Injuries
|
||||
fieldset(class=`repeating_injuries`)
|
||||
.ac-networks__item
|
||||
input.ac-networks__input(name="attr_injuries", type="text")
|
||||
.ac-equipment
|
||||
.ac-equipment__credits
|
||||
.ac-credits
|
||||
.ac-credits__title(data-i18n="Credits")
|
||||
each level in [1, 2, 3, 4, 5]
|
||||
.ac-credits__item
|
||||
.ac-credits__label(data-i18n=`Lv.${level}`) Lv.#{level}
|
||||
input.ac-credits__input(name=`attr_credits_${level}`, type="text")
|
||||
|
||||
.ac-equipment__equipment
|
||||
.ac-equipment__header(data-i18n="Equipment") Equipment
|
||||
fieldset(class=`repeating_equipment`)
|
||||
.ac-item
|
||||
.ac-item__row--name
|
||||
.ac-item__label--name(data-i18n="Name") Name
|
||||
input(name="attr_equipment_name", type="text")
|
||||
.ac-item__price
|
||||
.ac-item__label(data-i18n="Price Level") Price Level
|
||||
input(name="attr_equipment_price", type="text")
|
||||
.ac-item__row--skillchecks
|
||||
.ac-item__label(data-i18n="Skill Check(s)") Skill Check(s)
|
||||
span.ac-item__wrap {
|
||||
input.ac-item__input--wrap(name="attr_equipment_checks", type="text")
|
||||
span.ac-item__wrap }
|
||||
.ac-item__bonus
|
||||
.ac-item__label--small +
|
||||
input(name="attr_equipment_bonusdice", type="text")
|
||||
.ac-item__label--small ×
|
||||
.ac-item__label--small(data-i18n="Bonus Dice") Bonus Dice
|
||||
.ac-item__row--checks
|
||||
.ac-item__label(data-i18n="Tech Point Chassis") Tech Point Chassis
|
||||
.ac-item__checkmarks
|
||||
each index in [1,2,3,4,5,6,7,8,9,10]
|
||||
label.ac-checkmark
|
||||
input(name="attr_equipment_tp_chassis", type="radio", value=index)
|
||||
span
|
||||
.ac-item__row--checks
|
||||
.ac-item__label(data-i18n="Tech Points Used") Tech Points Used
|
||||
.ac-item__checkmarks
|
||||
each index in [1,2,3,4,5,6,7,8,9,10]
|
||||
label.ac-checkmark--red
|
||||
input(name="attr_equipment_tp_used", type="radio", value=index)
|
||||
span
|
||||
.ac-item__row--special
|
||||
.ac-item__special
|
||||
.ac-item__label(data-i18n="Special") Special
|
||||
textarea.ac-item__textarea(name="attr_equipment_special")
|
||||
.ac-item__row
|
||||
.ac-item__triggered
|
||||
.ac-item__label(data-i18n="Triggered Effects") Triggered Effects
|
||||
each index in [1,2,3,4,5]
|
||||
.ac-item__checkmarks
|
||||
each ch_index in [1,2,3,4,5]
|
||||
label.ac-checkmark--cyan
|
||||
input(name=`attr_equipment_triggered_${index}`, type="radio", value=ch_index)
|
||||
span
|
||||
.ac-item__input
|
||||
input(name=`attr_equipment_triggered_${index}_desc`, type="text")
|
||||
|
||||
.ac-equipment__tools
|
||||
.ac-equipment__header(data-i18n="Tools") Tools
|
||||
fieldset(class=`repeating_tools`)
|
||||
.ac-tool
|
||||
.ac-tool__row--name
|
||||
.ac-tool__label--name(data-i18n="Name") Name
|
||||
input(name="attr_equipment_name", type="text")
|
||||
.ac-tool__price
|
||||
.ac-tool__label(data-i18n="Price Level") Price Level
|
||||
input(name="attr_equipment_price", type="text")
|
||||
.ac-tool__row--skillchecks
|
||||
.ac-tool__label(data-i18n="Skill Check(s)") Skill Check(s)
|
||||
span.ac-tool__wrap {
|
||||
input.ac-tool__input--wrap(name="attr_equipment_checks", type="text")
|
||||
span.ac-tool__wrap }
|
||||
.ac-tool__bonus
|
||||
.ac-tool__label--small +
|
||||
input(name="attr_equipment_bonusdice", type="text")
|
||||
.ac-tool__label--small ×
|
||||
.ac-tool__label--small(data-i18n="Bonus Dice") Bonus Dice
|
||||
.ac-tool__row--skillchecks
|
||||
.ac-tool__label(data-i18n="Skill Check(s)") Skill Check(s)
|
||||
span.ac-tool__wrap {
|
||||
input.ac-tool__input--wrap(name="attr_equipment_checks", type="text")
|
||||
span.ac-tool__wrap }
|
||||
.ac-tool__bonus
|
||||
.ac-tool__label--small +
|
||||
input(name="attr_equipment_bonusdice", type="text")
|
||||
.ac-tool__label--small ×
|
||||
.ac-tool__label--small(data-i18n="Bonus Dice") Bonus Dice
|
||||
.ac-tool__row--checks
|
||||
.ac-tool__label(data-i18n="Tech Point Chassis") Tech Point Chassis
|
||||
.ac-tool__checkmarks
|
||||
each index in [1,2,3,4,5]
|
||||
label.ac-checkmark
|
||||
input(name="attr_equipment_tp_chassis", type="radio", value=index)
|
||||
span
|
||||
.ac-tool__row--checks
|
||||
.ac-tool__label(data-i18n="Tech Points Used") Tech Points Used
|
||||
.ac-tool__checkmarks
|
||||
each index in [1,2,3,4,5]
|
||||
label.ac-checkmark--red
|
||||
input(name="attr_equipment_tp_used", type="radio", value=index)
|
||||
span
|
||||
.ac-tool__row--special
|
||||
.ac-tool__special
|
||||
.ac-tool__label(data-i18n="Special") Special
|
||||
textarea.ac-tool__textarea(name="attr_tool_special")
|
||||
|
||||
include rolltemplates.pug
|
||||
|
||||
script(type="text/worker")
|
||||
|
||||
include ../js/sheetworker.js
|
||||
@@ -0,0 +1,4 @@
|
||||
mixin dice-select(selected)
|
||||
- const dice = ["20", "12", "10", "8", "6", "4"];
|
||||
each die in dice
|
||||
option(value=`d${die}cs1cf${die}` selected=(die == selected)) d#{die}
|
||||
@@ -0,0 +1,56 @@
|
||||
|
||||
rolltemplate.sheet-rolltemplate-alteredcarbon
|
||||
.ac-roll-container
|
||||
| {{#name}}
|
||||
h1 {{name}}
|
||||
| {{/name}}
|
||||
.ac-roll-body
|
||||
| {{#character_name}}
|
||||
h2 {{character_name}}
|
||||
| {{/character_name}}
|
||||
| {{#target_number}}
|
||||
.ac-roll-target
|
||||
span.ac-roll-target-label(data-i18n="Target")
|
||||
span.ac-roll-target-value {{target_number}}
|
||||
| {{/target_number}}
|
||||
.ac-roll-result
|
||||
| {{#roll}}
|
||||
.ac-roll-result-roll
|
||||
strong(data-i18n="Roll")
|
||||
div {{roll}}
|
||||
| {{/roll}}
|
||||
| {{#rollGreater() luck 0}}
|
||||
.ac-roll-result-luck
|
||||
strong(data-i18n="Luck")
|
||||
div {{luck}}
|
||||
| {{/rollGreater() luck 0}}
|
||||
| {{#rollGreater() bonus 0}}
|
||||
.ac-roll-result-bonus
|
||||
strong(data-i18n="Bonus")
|
||||
div {{bonus}}
|
||||
| {{/rollGreater() bonus 0}}
|
||||
|
||||
.ac-roll-tag
|
||||
| {{#rollWasCrit() roll}}
|
||||
| {{#^rollWasCrit() luck}}
|
||||
.ac-roll-ace(data-i18n="Ace")
|
||||
| {{/^rollWasCrit() luck}}
|
||||
| {{/rollWasCrit() roll}}
|
||||
|
||||
| {{#^rollWasCrit() roll}}
|
||||
| {{#rollWasCrit() bonus}}
|
||||
.ac-roll-ace(data-i18n="Ace")
|
||||
| {{/rollWasCrit() bonus}}
|
||||
| {{/^rollWasCrit() roll}}
|
||||
|
||||
| {{#rollWasCrit() roll}}
|
||||
| {{#rollWasCrit() luck}}
|
||||
.ac-roll-stroke(data-i18n="Stroke of Luck")
|
||||
| {{/rollWasCrit() luck}}
|
||||
| {{/rollWasCrit() roll}}
|
||||
|
||||
| {{#rollWasFumble() roll}}
|
||||
| {{#rollWasFumble() luck}}
|
||||
.ac-roll-catastrophe(data-i18n="Catastrophe")
|
||||
| {{/rollWasFumble() luck}}
|
||||
| {{/rollWasFumble() roll}}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,87 @@
|
||||
{
|
||||
"DHF Protectorate Citizenship Record":"DHF Protectorate Citizenship Record",
|
||||
"Character Name":"Character Name",
|
||||
"Planet of Origin":"Planet of Origin",
|
||||
"Age":"Age",
|
||||
"Sleeve Type":"Sleeve Type",
|
||||
"Archetype":"Archetype",
|
||||
"Campaign":"Campaign",
|
||||
"Stackpoints":"Stackpoints",
|
||||
"Influence Points":"Influence Points",
|
||||
"Ego Points":"Ego Points",
|
||||
"Wealth Level":"Wealth Level",
|
||||
"Character Sheet":"Character Sheet",
|
||||
"Equipment":"Equipment",
|
||||
"Strength":"Strength",
|
||||
"Athletics":"Athletics",
|
||||
"Brawl":"Brawl",
|
||||
"Endurance":"Endurance",
|
||||
"Melee Combat":"Melee Combat",
|
||||
"Toughness":"Toughness",
|
||||
"Perception":"Perception",
|
||||
"Detection":"Detection",
|
||||
"D. Energy Wpns":"D. Energy Wpns",
|
||||
"Firearms":"Firearms",
|
||||
"Search":"Search",
|
||||
"Stealth":"Stealth",
|
||||
"Throw":"Throw",
|
||||
"Empathy":"Empathy",
|
||||
"Diplomacy":"Diplomacy",
|
||||
"Expression":"Expression",
|
||||
"Read Person":"Read Person",
|
||||
"Willpower":"Willpower",
|
||||
"Composure":"Composure",
|
||||
"Discipline":"Discipline",
|
||||
"Intimidation":"Intimidation",
|
||||
"Acuity":"Acuity",
|
||||
"Data Analysis":"Data Analysis",
|
||||
"Data Engineering":"Data Engineering",
|
||||
"Digi. Networking":"Digi. Networking",
|
||||
"Investigation":"Investigation",
|
||||
"Mechanics":"Mechanics",
|
||||
"Navigation":"Navigation",
|
||||
"Pilot":"Pilot",
|
||||
"Survival":"Survival",
|
||||
"Intelligence":"Intelligence",
|
||||
"Bureaucracy":"Bureaucracy",
|
||||
"Cultures":"Cultures",
|
||||
"Engineering":"Engineering",
|
||||
"Geography":"Geography",
|
||||
"History":"History",
|
||||
"Science":"Science",
|
||||
"Medicine":"Medicine",
|
||||
"Traits":"Traits",
|
||||
"Abilities":"Abilities",
|
||||
"Specializations":"Specializations",
|
||||
"Name":"Name",
|
||||
"Description":"Description",
|
||||
"Networks/Contacts":"Networks/Contacts",
|
||||
"Baggage/Scandals":"Baggage/Scandals",
|
||||
"Sleeve Biometrics":"Sleeve Biometrics",
|
||||
"Damage Threshold":"Damage Threshold",
|
||||
"Tech Points":"Tech Points",
|
||||
"Special":"Special",
|
||||
"Health Points":"Health Points",
|
||||
"Credits":"Credits",
|
||||
"Lv.1":"Lv.1",
|
||||
"Lv.2":"Lv.2",
|
||||
"Lv.3":"Lv.3",
|
||||
"Lv.4":"Lv.4",
|
||||
"Lv.5":"Lv.5",
|
||||
"Price Level":"Price Level",
|
||||
"Skill Check(s)":"Skill Check(s)",
|
||||
"Bonus Dice":"Bonus Dice",
|
||||
"Tech Point Chassis":"Tech Point Chassis",
|
||||
"Tech Points Used":"Tech Points Used",
|
||||
"Triggered Effects":"Triggered Effects",
|
||||
"Tool":"Tool",
|
||||
"Tools":"Tools",
|
||||
"Injuries":"Injuries",
|
||||
"Target":"Target",
|
||||
"Ace":"Ace",
|
||||
"Stroke of Luck":"Stroke of Luck",
|
||||
"Catastrophe":"Catastrophe",
|
||||
"Roll":"Roll",
|
||||
"Luck":"Luck",
|
||||
"Bonus":"Bonus"
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"html": "tis.html",
|
||||
"css": "tis.css",
|
||||
"authors": "Nic B.",
|
||||
"roll20userid": "45398",
|
||||
"preview": "tis.png",
|
||||
"instructions": "Official Teens in Space by Hunters Entertainment"
|
||||
}
|
||||
@@ -0,0 +1,32 @@
|
||||
mixin characteristic-display(name, attr)
|
||||
.tis-characteristic(class=`tis-characteristic--${attr}`)
|
||||
.tis-characteristic__label(data-i18n=name)=name
|
||||
input.tis-characteristic__input(name=`attr_${attr}`, type="text")
|
||||
|
||||
mixin select-display(name, attr, options)
|
||||
label.tis-characteristic(class=`tis-characteristic--${attr}`)
|
||||
.tis-characteristic__label(data-i18n=name)=name
|
||||
select.tis-characteristic__select(name=`attr_${attr}`, type="text")
|
||||
each option in options
|
||||
- const val = option.toLowerCase();
|
||||
option(data-i18n=option, value=val)=option
|
||||
|
||||
mixin stat-display(name, attr)
|
||||
-
|
||||
const roll = [
|
||||
`&{template:tispace}`,
|
||||
`{{name=${name}}}`,
|
||||
`{{character_name=@{character_name}}}`,
|
||||
`{{roll=[[1@{${attr}}!+?{Bonus|Yes,@{${attr}_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}`,
|
||||
].join(" ");
|
||||
.tis-stat
|
||||
button.tis-stat__button(data-i18n=name, name=`roll_${attr}`, type="roll", value=roll)=name
|
||||
.tis-stat__bonus
|
||||
input(name=`attr_${attr}_bonus`, type="number", value="0")
|
||||
select.tis-stat__select(name=`attr_${attr}`)
|
||||
+dice-select()
|
||||
|
||||
mixin dice-select(selected)
|
||||
- const dice = ["d4", "d6", "d8", "d10", "d12", "d20"];
|
||||
each die in dice
|
||||
option(value=die selected=(die == selected))=die
|
||||
@@ -0,0 +1,13 @@
|
||||
rolltemplate.sheet-rolltemplate-tispace
|
||||
.sheet-tispace-container
|
||||
| {{#name}}
|
||||
h1 {{name}}
|
||||
| {{/name}}
|
||||
.sheet-tispace-body
|
||||
| {{#character_name}}
|
||||
h2 {{character_name}}
|
||||
| {{/character_name}}
|
||||
| {{#roll}}
|
||||
.sheet-tispace-roll-result
|
||||
| Result: {{roll}}
|
||||
| {{/roll}}
|
||||
@@ -0,0 +1,55 @@
|
||||
include mixins.pug
|
||||
|
||||
.tis-wrapper
|
||||
.tis-name
|
||||
h1.tis-name__label(data-i18n="Name") Name
|
||||
input.tis-name__input(name=`attr_character_name`, type="text")
|
||||
.tis-body
|
||||
.tis-body__leftcol
|
||||
.tis-body__character
|
||||
.tis-characteristics__general
|
||||
each characteristic in ["Age","Species","Species Drawback","Trope","Fatal Flaw"]
|
||||
- const attr = characteristic.toLowerCase().replace(/ /g, "_");
|
||||
+characteristic-display(characteristic, attr)
|
||||
.tis-characteristic--textarea(class=`tis-characteristic--description`)
|
||||
.tis-characteristic__label--description(data-i18n="Description") Description
|
||||
textarea.tis-characteristic__textarea(name=`attr_description`)
|
||||
.tis-body__improvements
|
||||
h2(data-i18n="Improvements") Improvements
|
||||
.tis-improvementrow--header
|
||||
strong.tis-improvementrow__label(data-i18n="Name") Strength Name
|
||||
strong.tis-improvementrow__label(data-i18n="Description") Description
|
||||
fieldset(class="repeating_improvements")
|
||||
.tis-improvementrow
|
||||
.tis-improvementrow__input
|
||||
input(name="attr_improvement_name", type="text")
|
||||
.tis-improvementrow__divider
|
||||
.tis-improvementrow__input
|
||||
input(name="attr_improvement_description", type="text")
|
||||
.tis-body__records
|
||||
h2(data-i18n="Records") Records
|
||||
.tis-records
|
||||
textarea.tis-records__textarea(name="attr_")
|
||||
|
||||
.tis-body__rightcol
|
||||
.tis-body__stats
|
||||
h2(data-i18n="Stats") Stats
|
||||
each stat in ["Flight", "Fight", "Brawn", "Brains", "Grit", "Charm"]
|
||||
- const attr = stat.toLowerCase().replace(/ /g, "_");
|
||||
+stat-display(stat, attr)
|
||||
.tis-body__hex--first
|
||||
h2(data-i18n="Adversity Tokens") Adversity Tokens
|
||||
label.tis-adversity
|
||||
input.tis-adversity__input(name=`attr_adversity`, type="number", value="3")
|
||||
.tis-body__hex
|
||||
h2(data-i18n="Improvement Points") Improvement Points
|
||||
label.tis-improvement
|
||||
input.tis-improvement__input(name=`attr_improvement`, type="number", value="3")
|
||||
.tis-body__shiproles
|
||||
h2.tis-textblock__label(data-i18n="Ship Roles") Ship Roles
|
||||
textarea.tis-textblock__textarea(name=`attr_ship_roles`)
|
||||
.tis-body__backpack
|
||||
h2.tis-textblock__label(data-i18n="Space Backpack") Space Backpack
|
||||
textarea.tis-textblock__textarea(name=`attr_space_backpack`)
|
||||
|
||||
include rolltemplates.pug
|
||||
@@ -0,0 +1,64 @@
|
||||
.sheet-rolltemplate-tispace {
|
||||
|
||||
.sheet-tispace-container {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
|
||||
border: 1px solid #023;
|
||||
background: #fff;
|
||||
|
||||
h1 {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
|
||||
color: #fff;
|
||||
background: #023;
|
||||
|
||||
@include hexagon-short;
|
||||
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 14pt;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 12pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sheet-tispace-roll-result {
|
||||
margin-top: 1em;
|
||||
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 14pt;
|
||||
text-align: center;
|
||||
|
||||
.importantroll,
|
||||
.fullcrit,
|
||||
.fullfail,
|
||||
.inlinerollresult {
|
||||
border: none;
|
||||
background: transparent;
|
||||
|
||||
font-family: inherit;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.importantroll {
|
||||
color: #3e7bff;
|
||||
}
|
||||
|
||||
.fullcrit {
|
||||
color: #4cc016;
|
||||
}
|
||||
|
||||
.fullfail {
|
||||
color: #900;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,623 @@
|
||||
@mixin polygon($basewidth) {
|
||||
clip-path: polygon(
|
||||
#{$basewidth*2}rem 0,
|
||||
calc(100% - #{$basewidth * 3}rem) 0,
|
||||
calc(100% - #{$basewidth}rem) #{$basewidth*2}rem,
|
||||
calc(100% - #{$basewidth}rem) 50%,
|
||||
100% calc(50% + #{$basewidth}rem),
|
||||
100% calc(100% - #{$basewidth}rem),
|
||||
calc(100% - #{$basewidth}rem) 100%,
|
||||
#{$basewidth}rem 100%,
|
||||
0 calc(100% - #{$basewidth}rem),
|
||||
0rem #{$basewidth*2}rem
|
||||
);
|
||||
}
|
||||
|
||||
@mixin hexagon() {
|
||||
clip-path: polygon(
|
||||
0 0,
|
||||
75% 0%,
|
||||
100% 50%,
|
||||
75% 100%,
|
||||
25% 100%,
|
||||
0 50%,
|
||||
25% 0%
|
||||
);
|
||||
}
|
||||
|
||||
@mixin hexagon-short() {
|
||||
clip-path: polygon(
|
||||
0 0,
|
||||
90% 0%,
|
||||
100% 50%,
|
||||
90% 100%,
|
||||
10% 100%,
|
||||
0 50%,
|
||||
10% 0%
|
||||
);
|
||||
}
|
||||
|
||||
@mixin arrow() {
|
||||
clip-path: polygon(
|
||||
0 0,
|
||||
92.5% 0%,
|
||||
100% 50%,
|
||||
92.5% 100%,
|
||||
0 100%
|
||||
);
|
||||
}
|
||||
|
||||
@mixin bevel() {
|
||||
clip-path: polygon(
|
||||
0 0,
|
||||
100% 0,
|
||||
80% 100%,
|
||||
0 100%
|
||||
);
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Audiowide|Montserrat:400:800&display=swap');
|
||||
|
||||
.sheet-tis-wrapper {
|
||||
position: relative;
|
||||
min-width: 818px;
|
||||
padding: .5em;
|
||||
margin: 0;
|
||||
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 10pt;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input {
|
||||
height: 1.75em;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
|
||||
text-align: center;
|
||||
|
||||
&::-webkit-outer-spin-button,
|
||||
&::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="number"],
|
||||
input[type="text"],
|
||||
textarea,
|
||||
select {
|
||||
margin:0;
|
||||
|
||||
background-color: transparent;
|
||||
|
||||
font-family: "Montserrat", Verdana, sans-serif;
|
||||
font-size: 12pt;
|
||||
font-variant: normal;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0,0,0,0.125);
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
|
||||
height: 1.75em;
|
||||
|
||||
background: transparent url("https://s3.amazonaws.com/files.d20.io/images/138210258/mZTqw1vke8SrkprMJmiZQw/med.png?1590443723") right 5px center no-repeat;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
width: 100%;
|
||||
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.itemcontrol {
|
||||
position: relative;
|
||||
|
||||
button.repcontrol_del,
|
||||
a.repcontrol_move {
|
||||
display: block;
|
||||
top: calc(50% - 1.5rem);
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
|
||||
box-shadow: none;
|
||||
border: 1px solid #000;
|
||||
border-radius: 0;
|
||||
|
||||
line-height: 2em;
|
||||
text-shadow: none;
|
||||
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button.repcontrol_del {
|
||||
margin-right: .25rem;
|
||||
|
||||
background: #a00;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.repcontrol_move {
|
||||
margin-left: .25rem;
|
||||
|
||||
background: transparent;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.repcontrol {
|
||||
padding: 1em .25em;
|
||||
clear: both;
|
||||
|
||||
min-height: 5rem;
|
||||
|
||||
background-color: transparent;
|
||||
|
||||
button.repcontrol_add,
|
||||
button.repcontrol_del,
|
||||
button.repcontrol_move,
|
||||
button.repcontrol_edit {
|
||||
display: block;
|
||||
border: 1px solid #000;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
box-shadow: none;
|
||||
|
||||
font-size: 0;
|
||||
line-height: 1em;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
button.repcontrol_add:before {
|
||||
display: block;
|
||||
content: "&";
|
||||
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button.repcontrol_edit {
|
||||
&:before {
|
||||
display: block;
|
||||
content: "p";
|
||||
right: 5px;
|
||||
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.sheet-tis {
|
||||
|
||||
&-body {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1.5fr;
|
||||
margin-top: 2em;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
|
||||
background: #023;
|
||||
|
||||
@include polygon(3);
|
||||
|
||||
&__stats {
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
margin-left: 1.5em;
|
||||
|
||||
color: #fff !important;
|
||||
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
|
||||
&__subtext {
|
||||
display: block;
|
||||
font-family: "Montserrat", Verdana, sans-serif;
|
||||
font-size: 11pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
&__hex {
|
||||
display: grid;
|
||||
grid-template-rows: .5fr 1fr;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
|
||||
height: 6.5em;
|
||||
width: 12.5em;
|
||||
margin-left: .5em;
|
||||
|
||||
background: #fff;
|
||||
|
||||
@include hexagon();
|
||||
|
||||
&--first {
|
||||
@extend .sheet-tis-body__hex;
|
||||
margin-top: -2em !important;
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
position: relative;
|
||||
left: 9.6em;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-top: -3.1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 55%;
|
||||
|
||||
font-size: 8pt;
|
||||
line-height: 8pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
label.sheet-tis-improvement,
|
||||
label.sheet-tis-adversity {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
align-self: center;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
border: 0;
|
||||
|
||||
font-size: 30pt;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&__improvements,
|
||||
&__records,
|
||||
&__shiproles,
|
||||
&__backpack {
|
||||
margin-top: 1em;
|
||||
padding: 0 1.5em;
|
||||
|
||||
background: #fff;
|
||||
|
||||
@include polygon(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
&-name {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
width: 60%;
|
||||
height: 5em;
|
||||
padding-left: 2em;
|
||||
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: flex-end;
|
||||
|
||||
@include bevel();
|
||||
|
||||
background: #fff;
|
||||
|
||||
&__label {
|
||||
flex-shrink: 0;
|
||||
text-transform: uppercase;
|
||||
|
||||
font-size: 20pt;
|
||||
|
||||
color: #a00;
|
||||
}
|
||||
|
||||
&__input[type="text"] {
|
||||
flex-grow: 1;
|
||||
height: 30pt;
|
||||
margin-left: .5em;
|
||||
margin-right: 20%;
|
||||
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
|
||||
font-size: 13pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
&-characteristics {
|
||||
padding: .5em;
|
||||
margin-top: 3em;
|
||||
|
||||
background: #fff;
|
||||
|
||||
@include polygon(1.5);
|
||||
|
||||
h3 {
|
||||
grid-column: 1 / -1;
|
||||
|
||||
&:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
}
|
||||
}
|
||||
|
||||
&__general,
|
||||
&__wand,
|
||||
&__broom,
|
||||
&__other {
|
||||
@extend .sheet-tis-characteristics;
|
||||
}
|
||||
|
||||
&__general {
|
||||
padding: .5em 0 0 0;
|
||||
}
|
||||
|
||||
&__wand {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
&-characteristic {
|
||||
grid-column: 1 / -1;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: .75fr 1fr;
|
||||
align-items: center;
|
||||
|
||||
margin-bottom: .25em;
|
||||
|
||||
&__label {
|
||||
padding: .25em;
|
||||
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
@include arrow();
|
||||
|
||||
color: #fff;
|
||||
background: #023;
|
||||
|
||||
&--description {
|
||||
@extend .sheet-tis-characteristic__label;
|
||||
|
||||
width: 43%;
|
||||
}
|
||||
}
|
||||
|
||||
&__select,
|
||||
&__input[type=number],
|
||||
&__input[type=text] {
|
||||
flex-grow: 1;
|
||||
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
text-align: center;
|
||||
|
||||
border: 0;
|
||||
border-bottom: 3px solid #ddd;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-stat {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 25%;
|
||||
grid-template-rows: 2em 1fr;
|
||||
align-items: stretch;
|
||||
height: 6.5em;
|
||||
width: 12.5em;
|
||||
overflow: hidden;
|
||||
|
||||
background: #fff;
|
||||
|
||||
@include hexagon();
|
||||
|
||||
&:nth-child(even) {
|
||||
position: relative;
|
||||
left: 9.6em;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-top: -3.1em;
|
||||
}
|
||||
|
||||
&__select {
|
||||
margin-left: 25%;
|
||||
margin-right: .5em;
|
||||
height: 60%;
|
||||
width: auto;
|
||||
|
||||
border: 0;
|
||||
|
||||
font-size: 20pt;
|
||||
line-height: 20pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__button {
|
||||
margin-left: 20% !important;
|
||||
|
||||
color: #000;
|
||||
background: transparent;
|
||||
border: none;
|
||||
|
||||
font-size: 10pt !important;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
}
|
||||
}
|
||||
|
||||
&__bonus {
|
||||
position: relative;
|
||||
grid-row: span 2;
|
||||
|
||||
background-color: #bbb;
|
||||
border: none;
|
||||
color: #023;
|
||||
|
||||
input {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding-left: 30%;
|
||||
|
||||
border: none;
|
||||
background: #bbb;
|
||||
color: #023;
|
||||
|
||||
font-family: "Montserrat" sans-serif;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "BONUS";
|
||||
|
||||
top: calc(50% - .75em);
|
||||
left: -2.75em;
|
||||
|
||||
color: #bbb;
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 2px;
|
||||
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
&:after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "&";
|
||||
top: calc(50% - .9em);
|
||||
left: 2px;
|
||||
|
||||
font-family: "Pictos";
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 4px;
|
||||
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-body__improvements {
|
||||
|
||||
.repitem:not(:last-child) .sheet-tis-improvementrow {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-improvementrow {
|
||||
display: grid;
|
||||
grid-template-columns: .45fr .5em 1fr;
|
||||
|
||||
border: 2px solid #ddd;
|
||||
|
||||
&--header {
|
||||
@extend .sheet-tis-improvementrow;
|
||||
grid-template-columns: .45fr 1fr;
|
||||
|
||||
border: none;
|
||||
|
||||
* {
|
||||
border: none;
|
||||
color: #023;
|
||||
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
&__input {
|
||||
border: 0;
|
||||
|
||||
&:first-child {
|
||||
border-right: 0;
|
||||
|
||||
input[type="text"] {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 100%;
|
||||
padding: 1em 0;
|
||||
|
||||
font-size: 10pt;
|
||||
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&__divider {
|
||||
background: #ddd;
|
||||
|
||||
clip-path: polygon(40% 0, 100% 50%, 40% 100%, 0 100%, 65% 50%, 0 0);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@import "rolltemplate";
|
||||
@@ -0,0 +1,444 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Audiowide|Montserrat:400:800&display=swap");
|
||||
.sheet-tis-wrapper {
|
||||
position: relative;
|
||||
min-width: 818px;
|
||||
padding: 0.5em;
|
||||
margin: 0;
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
.sheet-tis-wrapper * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.sheet-tis-wrapper input {
|
||||
height: 1.75em;
|
||||
}
|
||||
.sheet-tis-wrapper input[type=number] {
|
||||
-moz-appearance: textfield;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-tis-wrapper input[type=number]::-webkit-outer-spin-button, .sheet-tis-wrapper input[type=number]::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
.sheet-tis-wrapper input[type=number],
|
||||
.sheet-tis-wrapper input[type=text],
|
||||
.sheet-tis-wrapper textarea,
|
||||
.sheet-tis-wrapper select {
|
||||
margin: 0;
|
||||
background-color: transparent;
|
||||
font-family: "Montserrat", Verdana, sans-serif;
|
||||
font-size: 12pt;
|
||||
font-variant: normal;
|
||||
}
|
||||
.sheet-tis-wrapper input[type=number]:hover,
|
||||
.sheet-tis-wrapper input[type=text]:hover,
|
||||
.sheet-tis-wrapper textarea:hover,
|
||||
.sheet-tis-wrapper select:hover {
|
||||
background-color: rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
.sheet-tis-wrapper select {
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
height: 1.75em;
|
||||
background: transparent url("https://s3.amazonaws.com/files.d20.io/images/138210258/mZTqw1vke8SrkprMJmiZQw/med.png?1590443723") right 5px center no-repeat;
|
||||
}
|
||||
.sheet-tis-wrapper textarea {
|
||||
resize: vertical;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.sheet-tis-wrapper label {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .itemcontrol {
|
||||
position: relative;
|
||||
}
|
||||
.sheet-tis-wrapper .itemcontrol button.repcontrol_del,
|
||||
.sheet-tis-wrapper .itemcontrol a.repcontrol_move {
|
||||
display: block;
|
||||
top: calc(50% - 1.5rem);
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
box-shadow: none;
|
||||
border: 1px solid #000;
|
||||
border-radius: 0;
|
||||
line-height: 2em;
|
||||
text-shadow: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tis-wrapper .itemcontrol button.repcontrol_del {
|
||||
margin-right: 0.25rem;
|
||||
background: #a00;
|
||||
color: #fff;
|
||||
}
|
||||
.sheet-tis-wrapper .itemcontrol a.repcontrol_move {
|
||||
margin-left: 0.25rem;
|
||||
background: transparent;
|
||||
color: #000;
|
||||
}
|
||||
.sheet-tis-wrapper .repcontrol {
|
||||
padding: 1em 0.25em;
|
||||
clear: both;
|
||||
min-height: 5rem;
|
||||
background-color: transparent;
|
||||
}
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_add,
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_del,
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_move,
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_edit {
|
||||
display: block;
|
||||
border: 1px solid #000;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
height: 3rem;
|
||||
width: 3rem;
|
||||
box-shadow: none;
|
||||
font-size: 0;
|
||||
line-height: 1em;
|
||||
text-shadow: none;
|
||||
}
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_add:before {
|
||||
display: block;
|
||||
content: "&";
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tis-wrapper .repcontrol button.repcontrol_edit:before {
|
||||
display: block;
|
||||
content: "p";
|
||||
right: 5px;
|
||||
font-family: "Pictos";
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1.5fr;
|
||||
margin-top: 2em;
|
||||
gap: 1em;
|
||||
padding: 1em;
|
||||
background: #023;
|
||||
clip-path: polygon(6rem 0, calc(100% - 9rem) 0, calc(100% - 3rem) 6rem, calc(100% - 3rem) 50%, 100% calc(50% + 3rem), 100% calc(100% - 3rem), calc(100% - 3rem) 100%, 3rem 100%, 0 calc(100% - 3rem), 0rem 6rem);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__stats h2 {
|
||||
margin: 0;
|
||||
margin-left: 1.5em;
|
||||
color: #fff !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__subtext {
|
||||
display: block;
|
||||
font-family: "Montserrat", Verdana, sans-serif;
|
||||
font-size: 11pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body h2 {
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
color: #a00;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex, .sheet-tis-wrapper .sheet-tis-body__hex--first {
|
||||
display: grid;
|
||||
grid-template-rows: 0.5fr 1fr;
|
||||
align-items: center;
|
||||
justify-items: center;
|
||||
height: 6.5em;
|
||||
width: 12.5em;
|
||||
margin-left: 0.5em;
|
||||
background: #fff;
|
||||
clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0%);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex--first {
|
||||
margin-top: -2em !important;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex:nth-child(even), .sheet-tis-wrapper .sheet-tis-body__hex--first:nth-child(even) {
|
||||
position: relative;
|
||||
left: 9.6em;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex:not(:first-child), .sheet-tis-wrapper .sheet-tis-body__hex--first:not(:first-child) {
|
||||
margin-top: -3.1em;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex h2, .sheet-tis-wrapper .sheet-tis-body__hex--first h2 {
|
||||
width: 55%;
|
||||
font-size: 8pt;
|
||||
line-height: 8pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex label.sheet-tis-improvement, .sheet-tis-wrapper .sheet-tis-body__hex--first label.sheet-tis-improvement,
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex label.sheet-tis-adversity,
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex--first label.sheet-tis-adversity {
|
||||
height: 100%;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__hex input[type=number], .sheet-tis-wrapper .sheet-tis-body__hex--first input[type=number] {
|
||||
align-self: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
font-size: 30pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__improvements, .sheet-tis-wrapper .sheet-tis-body__records, .sheet-tis-wrapper .sheet-tis-body__shiproles, .sheet-tis-wrapper .sheet-tis-body__backpack {
|
||||
margin-top: 1em;
|
||||
padding: 0 1.5em;
|
||||
background: #fff;
|
||||
clip-path: polygon(3rem 0, calc(100% - 4.5rem) 0, calc(100% - 1.5rem) 3rem, calc(100% - 1.5rem) 50%, 100% calc(50% + 1.5rem), 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0rem 3rem);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-name {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
width: 60%;
|
||||
height: 5em;
|
||||
padding-left: 2em;
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
align-items: flex-end;
|
||||
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
|
||||
background: #fff;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-name__label {
|
||||
flex-shrink: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 20pt;
|
||||
color: #a00;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-name__input[type=text] {
|
||||
flex-grow: 1;
|
||||
height: 30pt;
|
||||
margin-left: 0.5em;
|
||||
margin-right: 20%;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
font-size: 13pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristics, .sheet-tis-wrapper .sheet-tis-characteristics__general, .sheet-tis-wrapper .sheet-tis-characteristics__wand, .sheet-tis-wrapper .sheet-tis-characteristics__broom, .sheet-tis-wrapper .sheet-tis-characteristics__other {
|
||||
padding: 0.5em;
|
||||
margin-top: 3em;
|
||||
background: #fff;
|
||||
clip-path: polygon(3rem 0, calc(100% - 4.5rem) 0, calc(100% - 1.5rem) 3rem, calc(100% - 1.5rem) 50%, 100% calc(50% + 1.5rem), 100% calc(100% - 1.5rem), calc(100% - 1.5rem) 100%, 1.5rem 100%, 0 calc(100% - 1.5rem), 0rem 3rem);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristics h3, .sheet-tis-wrapper .sheet-tis-characteristics__general h3, .sheet-tis-wrapper .sheet-tis-characteristics__wand h3, .sheet-tis-wrapper .sheet-tis-characteristics__broom h3, .sheet-tis-wrapper .sheet-tis-characteristics__other h3 {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristics h3:after, .sheet-tis-wrapper .sheet-tis-characteristics__general h3:after, .sheet-tis-wrapper .sheet-tis-characteristics__wand h3:after, .sheet-tis-wrapper .sheet-tis-characteristics__broom h3:after, .sheet-tis-wrapper .sheet-tis-characteristics__other h3:after {
|
||||
display: inline;
|
||||
content: ":";
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristics__general {
|
||||
padding: 0.5em 0 0 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristics__wand {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristic {
|
||||
grid-column: 1/-1;
|
||||
display: grid;
|
||||
grid-template-columns: 0.75fr 1fr;
|
||||
align-items: center;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristic__label, .sheet-tis-wrapper .sheet-tis-characteristic__label--description {
|
||||
padding: 0.25em;
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
clip-path: polygon(0 0, 92.5% 0%, 100% 50%, 92.5% 100%, 0 100%);
|
||||
color: #fff;
|
||||
background: #023;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristic__label--description {
|
||||
width: 43%;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-characteristic__select, .sheet-tis-wrapper .sheet-tis-characteristic__input[type=number], .sheet-tis-wrapper .sheet-tis-characteristic__input[type=text] {
|
||||
flex-grow: 1;
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
border-bottom: 3px solid #ddd;
|
||||
border-radius: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 25%;
|
||||
grid-template-rows: 2em 1fr;
|
||||
align-items: stretch;
|
||||
height: 6.5em;
|
||||
width: 12.5em;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0%);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat:nth-child(even) {
|
||||
position: relative;
|
||||
left: 9.6em;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat:not(:first-child) {
|
||||
margin-top: -3.1em;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__select {
|
||||
margin-left: 25%;
|
||||
margin-right: 0.5em;
|
||||
height: 60%;
|
||||
width: auto;
|
||||
border: 0;
|
||||
font-size: 20pt;
|
||||
line-height: 20pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__button {
|
||||
margin-left: 20% !important;
|
||||
color: #000;
|
||||
background: transparent;
|
||||
border: none;
|
||||
font-size: 10pt !important;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__button:before {
|
||||
display: none;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__bonus {
|
||||
position: relative;
|
||||
grid-row: span 2;
|
||||
background-color: #bbb;
|
||||
border: none;
|
||||
color: #023;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__bonus input {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding-left: 30%;
|
||||
border: none;
|
||||
background: #bbb;
|
||||
color: #023;
|
||||
font-family: "Montserrat" sans-serif;
|
||||
font-size: 16pt;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__bonus:before {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "BONUS";
|
||||
top: calc(50% - .75em);
|
||||
left: -2.75em;
|
||||
color: #bbb;
|
||||
font-size: 12pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 2px;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-stat__bonus:after {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
content: "&";
|
||||
top: calc(50% - .9em);
|
||||
left: 2px;
|
||||
font-family: "Pictos";
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: 4px;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-body__improvements .repitem:not(:last-child) .sheet-tis-improvementrow, .sheet-tis-wrapper .sheet-tis-body__improvements .repitem:not(:last-child) .sheet-tis-improvementrow--header {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow, .sheet-tis-wrapper .sheet-tis-improvementrow--header {
|
||||
display: grid;
|
||||
grid-template-columns: 0.45fr 0.5em 1fr;
|
||||
border: 2px solid #ddd;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow--header {
|
||||
grid-template-columns: 0.45fr 1fr;
|
||||
border: none;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow--header * {
|
||||
border: none;
|
||||
color: #023;
|
||||
font-size: 10pt;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow__input {
|
||||
border: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow__input:first-child {
|
||||
border-right: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow__input:first-child input[type=text] {
|
||||
font-weight: bold;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow__input input[type=text] {
|
||||
width: 100%;
|
||||
padding: 1em 0;
|
||||
font-size: 10pt;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.sheet-tis-wrapper .sheet-tis-improvementrow__divider {
|
||||
background: #ddd;
|
||||
clip-path: polygon(40% 0, 100% 50%, 40% 100%, 0 100%, 65% 50%, 0 0);
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container {
|
||||
display: block;
|
||||
padding: 1em;
|
||||
border: 1px solid #023;
|
||||
background: #fff;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container h1 {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
color: #fff;
|
||||
background: #023;
|
||||
clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0 50%, 10% 0%);
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 14pt;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container h2 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 12pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result {
|
||||
margin-top: 1em;
|
||||
font-family: "Audiowide", sans-serif;
|
||||
font-size: 14pt;
|
||||
text-align: center;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .importantroll,
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .fullcrit,
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .fullfail,
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .inlinerollresult {
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-family: inherit;
|
||||
line-height: 1em;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .importantroll {
|
||||
color: #3e7bff;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .fullcrit {
|
||||
color: #4cc016;
|
||||
}
|
||||
.sheet-rolltemplate-tispace .sheet-tispace-container .sheet-tispace-roll-result .fullfail {
|
||||
color: #900;
|
||||
}
|
||||
@@ -0,0 +1,179 @@
|
||||
|
||||
<div class="tis-wrapper">
|
||||
<div class="tis-name">
|
||||
<h1 class="tis-name__label" data-i18n="Name">Name</h1>
|
||||
<input class="tis-name__input" name="attr_character_name" type="text"/>
|
||||
</div>
|
||||
<div class="tis-body">
|
||||
<div class="tis-body__leftcol">
|
||||
<div class="tis-body__character">
|
||||
<div class="tis-characteristics__general">
|
||||
<div class="tis-characteristic tis-characteristic--age">
|
||||
<div class="tis-characteristic__label" data-i18n="Age">Age</div>
|
||||
<input class="tis-characteristic__input" name="attr_age" type="text"/>
|
||||
</div>
|
||||
<div class="tis-characteristic tis-characteristic--species">
|
||||
<div class="tis-characteristic__label" data-i18n="Species">Species</div>
|
||||
<input class="tis-characteristic__input" name="attr_species" type="text"/>
|
||||
</div>
|
||||
<div class="tis-characteristic tis-characteristic--species_drawback">
|
||||
<div class="tis-characteristic__label" data-i18n="Species Drawback">Species Drawback</div>
|
||||
<input class="tis-characteristic__input" name="attr_species_drawback" type="text"/>
|
||||
</div>
|
||||
<div class="tis-characteristic tis-characteristic--trope">
|
||||
<div class="tis-characteristic__label" data-i18n="Trope">Trope</div>
|
||||
<input class="tis-characteristic__input" name="attr_trope" type="text"/>
|
||||
</div>
|
||||
<div class="tis-characteristic tis-characteristic--fatal_flaw">
|
||||
<div class="tis-characteristic__label" data-i18n="Fatal Flaw">Fatal Flaw</div>
|
||||
<input class="tis-characteristic__input" name="attr_fatal_flaw" type="text"/>
|
||||
</div>
|
||||
<div class="tis-characteristic--textarea tis-characteristic--description">
|
||||
<div class="tis-characteristic__label--description" data-i18n="Description">Description</div>
|
||||
<textarea class="tis-characteristic__textarea" name="attr_description"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tis-body__improvements">
|
||||
<h2 data-i18n="Improvements">Improvements</h2>
|
||||
<div class="tis-improvementrow--header"> <strong class="tis-improvementrow__label" data-i18n="Name">Strength Name</strong><strong class="tis-improvementrow__label" data-i18n="Description">Description</strong></div>
|
||||
<fieldset class="repeating_improvements">
|
||||
<div class="tis-improvementrow">
|
||||
<div class="tis-improvementrow__input">
|
||||
<input name="attr_improvement_name" type="text"/>
|
||||
</div>
|
||||
<div class="tis-improvementrow__divider"></div>
|
||||
<div class="tis-improvementrow__input">
|
||||
<input name="attr_improvement_description" type="text"/>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="tis-body__records">
|
||||
<h2 data-i18n="Records">Records</h2>
|
||||
<div class="tis-records">
|
||||
<textarea class="tis-records__textarea" name="attr_"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tis-body__rightcol">
|
||||
<div class="tis-body__stats">
|
||||
<h2 data-i18n="Stats">Stats </h2>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Flight" name="roll_flight" type="roll" value="&{template:tispace} {{name=Flight}} {{character_name=@{character_name}}} {{roll=[[1@{flight}!+?{Bonus|Yes,@{flight_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Flight</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_flight_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_flight">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Fight" name="roll_fight" type="roll" value="&{template:tispace} {{name=Fight}} {{character_name=@{character_name}}} {{roll=[[1@{fight}!+?{Bonus|Yes,@{fight_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Fight</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_fight_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_fight">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Brawn" name="roll_brawn" type="roll" value="&{template:tispace} {{name=Brawn}} {{character_name=@{character_name}}} {{roll=[[1@{brawn}!+?{Bonus|Yes,@{brawn_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Brawn</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_brawn_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_brawn">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Brains" name="roll_brains" type="roll" value="&{template:tispace} {{name=Brains}} {{character_name=@{character_name}}} {{roll=[[1@{brains}!+?{Bonus|Yes,@{brains_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Brains</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_brains_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_brains">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Grit" name="roll_grit" type="roll" value="&{template:tispace} {{name=Grit}} {{character_name=@{character_name}}} {{roll=[[1@{grit}!+?{Bonus|Yes,@{grit_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Grit</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_grit_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_grit">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="tis-stat">
|
||||
<button class="tis-stat__button" data-i18n="Charm" name="roll_charm" type="roll" value="&{template:tispace} {{name=Charm}} {{character_name=@{character_name}}} {{roll=[[1@{charm}!+?{Bonus|Yes,@{charm_bonus}|No,0|None,0}+?{Bonuses / Penalties|0}]]}}">Charm</button>
|
||||
<div class="tis-stat__bonus">
|
||||
<input name="attr_charm_bonus" type="number" value="0"/>
|
||||
</div>
|
||||
<select class="tis-stat__select" name="attr_charm">
|
||||
<option value="d4">d4</option>
|
||||
<option value="d6">d6</option>
|
||||
<option value="d8">d8</option>
|
||||
<option value="d10">d10</option>
|
||||
<option value="d12">d12</option>
|
||||
<option value="d20">d20</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tis-body__hex--first">
|
||||
<h2 data-i18n="Adversity Tokens">Adversity Tokens</h2>
|
||||
<label class="tis-adversity">
|
||||
<input class="tis-adversity__input" name="attr_adversity" type="number" value="3"/>
|
||||
</label>
|
||||
</div>
|
||||
<div class="tis-body__hex">
|
||||
<h2 data-i18n="Improvement Points">Improvement Points</h2>
|
||||
<label class="tis-improvement">
|
||||
<input class="tis-improvement__input" name="attr_improvement" type="number" value="3"/>
|
||||
</label>
|
||||
</div>
|
||||
<div class="tis-body__shiproles">
|
||||
<h2 class="tis-textblock__label" data-i18n="Ship Roles">Ship Roles</h2>
|
||||
<textarea class="tis-textblock__textarea" name="attr_ship_roles"></textarea>
|
||||
</div>
|
||||
<div class="tis-body__backpack">
|
||||
<h2 class="tis-textblock__label" data-i18n="Space Backpack">Space Backpack</h2>
|
||||
<textarea class="tis-textblock__textarea" name="attr_space_backpack"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<rolltemplate class="sheet-rolltemplate-tispace">
|
||||
<div class="sheet-tispace-container">{{#name}}
|
||||
<h1>{{name}} </h1>{{/name}}
|
||||
<div class="sheet-tispace-body">{{#character_name}}
|
||||
<h2>{{character_name}} </h2>{{/character_name}}
|
||||
{{#roll}}
|
||||
<div class="sheet-tispace-roll-result">Result: {{roll}}</div>{{/roll}}
|
||||
</div>
|
||||
</div>
|
||||
</rolltemplate>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"Name": "Name",
|
||||
"Age":"Age",
|
||||
"Species":"Species",
|
||||
"Species Drawback":"Species Drawback",
|
||||
"Trope":"Trope",
|
||||
"Fatal Flaw":"Fatal Flaw",
|
||||
"Description":"Description",
|
||||
"Stats":"Stats",
|
||||
"Fight":"Fight",
|
||||
"Flight":"Flight",
|
||||
"Brains":"Brains",
|
||||
"Brawn":"Brawn",
|
||||
"Charm":"Charm",
|
||||
"Grit":"Grit",
|
||||
"Improvements":"Improvements",
|
||||
"Records":"Records",
|
||||
"Adversity Tokens":"Adversity Tokens",
|
||||
"Improvement Points":"Improvement Points",
|
||||
"Space Backpack":"Space Backpack",
|
||||
"Strength Name": "Strength Name",
|
||||
"Strength Effects": "Strength Effects",
|
||||
"Ship Roles": "Ship Roles"
|
||||
}
|
||||
@@ -13,6 +13,12 @@ agonofficial:
|
||||
- "Agon"
|
||||
- "publisher"
|
||||
|
||||
alteredcarbonofficial:
|
||||
- 'Altered Carbon Official'
|
||||
- 'Altered Carbon by Hunters Entertainment"'
|
||||
- 'Hazard System'
|
||||
- 'publisher'
|
||||
|
||||
bandofbladesofficial:
|
||||
- "Band of Blades Official"
|
||||
- "Band of Blades by Evil Hat Productions"
|
||||
@@ -67,6 +73,12 @@ kidsonbikesofficial:
|
||||
- "Kids on Bikes"
|
||||
- "publisher"
|
||||
|
||||
kidsonbroomsofficial:
|
||||
- 'Kids on Brooms Official'
|
||||
- 'Kids on Brooms by Hunters Entertainment"'
|
||||
- 'Kids on Bikes'
|
||||
- 'publisher'
|
||||
|
||||
talesfromtheloopofficial:
|
||||
- "Tales from the Loop Official"
|
||||
- "Tales from the Loop by Free League Publishing"
|
||||
@@ -115,6 +127,12 @@ swordandscoundreloofficial:
|
||||
- "Sword & Scoundrel"
|
||||
- "publisher"
|
||||
|
||||
teensinspaceofficial:
|
||||
- 'Teens in Space Official'
|
||||
- 'Teens in Space by Hunters Entertainment"'
|
||||
- 'GLORY'
|
||||
- 'publisher'
|
||||
|
||||
tesoroygloriaofficial:
|
||||
- "Tesoro-y-Gloria"
|
||||
- "Tesoro y Gloria by Telmo Arnedo"
|
||||
|
||||
Reference in New Issue
Block a user