mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
1037 lines
22 KiB
CSS
1037 lines
22 KiB
CSS
/* Enable the pictos font */
|
|
|
|
.sheet-pictos {
|
|
font-family: pictos;
|
|
}
|
|
|
|
/* Stop char sheet from getting squished up */
|
|
|
|
.sheet-charsheet {
|
|
min-width: 805px;
|
|
}
|
|
|
|
/* CSS for generic classes */
|
|
|
|
.sheet-header {
|
|
font-weight: bold;
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.sheet-2colsec {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-colm {
|
|
width: 49.5%;
|
|
}
|
|
|
|
.sheet-colm:first-child {
|
|
margin-right: 1%;
|
|
}
|
|
|
|
.sheet-colm:last-child {
|
|
-webkit-flex: 1;
|
|
flex: 1;
|
|
}
|
|
|
|
.sheet-headers span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-headers, .sheet-summary {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-headers span, .sheet-summary > span, .sheet-summary button[type="roll"].sheet-btn {
|
|
border: solid brown;
|
|
border-width: 0 0 1px 0;
|
|
line-height: 19px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-summary button[type="roll"].sheet-btn {
|
|
width: calc(100% - 17em);
|
|
border-radius: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display:none;
|
|
}
|
|
|
|
/* CSS for main DIVs */
|
|
|
|
.sheet-chardets, .sheet-chars, .sheet-weapons, .sheet-armours, .sheet-shields,
|
|
.sheet-possessions, .sheet-money, .sheet-colleges, .sheet-spells, .sheet-skills,
|
|
.sheet-special, .sheet-exp {
|
|
border: solid 1px black;
|
|
overflow: auto;
|
|
margin-bottom: 10px;
|
|
background-color: rgba(100,100,100,0.1);
|
|
border-radius: 9px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.sheet-weapon, .sheet-armour, .sheet-shield, .sheet-spell, .sheet-initchars {
|
|
/* based on .sheet-* styles */
|
|
border: solid 1px black;
|
|
overflow: auto;
|
|
padding: 5px;
|
|
}
|
|
|
|
|
|
/* GENERAL DISPLAY SETTINGS */
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
li {
|
|
overflow: auto;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-justify-content: space-between;
|
|
justify-content: space-between;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: 0 0 5px;
|
|
align-items: center;
|
|
}
|
|
|
|
li span, li button {
|
|
max-width: calc(100% - 3.5em);
|
|
}
|
|
|
|
button[type=roll].sheet-btn {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 1em;
|
|
border: 0;
|
|
background: none;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
button[type=roll]:hover {
|
|
color: green;
|
|
}
|
|
|
|
button::before {
|
|
font-size: 0.75em;
|
|
font-weight: bold;
|
|
padding: 0 2px;
|
|
}
|
|
|
|
input, span, select {
|
|
-webkit-align-self: center;
|
|
align-self: center;
|
|
margin: 0;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
}
|
|
|
|
* {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
/* Options flag functionality */
|
|
|
|
.sheet-options-flag, .sheet-expand-flag {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 18px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.sheet-options-flag ~ span, .sheet-expand-flag ~ span {
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 20px;
|
|
font-family: pictos;
|
|
cursor: pointer;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-flag-unchecked, .sheet-expand {
|
|
display: block;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-flag-checked, .sheet-shrink {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ .sheet-flag-checked,
|
|
.sheet-expand-flag:checked ~ .sheet-shrink {
|
|
display: block;
|
|
color: green;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ .sheet-flag-unchecked,
|
|
.sheet-expand-flag:checked ~ .sheet-expand {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Top row - 2 columns */
|
|
|
|
/* Column 1: Character details (chardets) */
|
|
|
|
/* Initchars options-flag settings */
|
|
|
|
.sheet-chardets .sheet-options-flag,
|
|
.sheet-chardets .sheet-options-flag ~ span:nth-of-type(-n+2) {
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
|
|
.sheet-chardets {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-chardets .sheet-initchars {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-chardets .sheet-options-flag:checked ~ .sheet-initchars {
|
|
display: inherit;
|
|
}
|
|
|
|
/* Description (descrip) */
|
|
|
|
.sheet-descrip {
|
|
padding-bottom: 10px;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-justify-content: space-around;
|
|
justify-content: space-around;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-descrip > span {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-descrip > div .sheet-pictos {
|
|
padding: 0 10px 0 0;
|
|
}
|
|
|
|
/* History summary (hsummary) */
|
|
|
|
/* Initial characterstics (initchars) */
|
|
|
|
.sheet-initchars {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-initchars ul {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-initchars li {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sheet-initchars input {
|
|
max-width: calc(100% - 3.5em);
|
|
margin: 0;
|
|
}
|
|
|
|
/* RP notes (rpnotes) */
|
|
|
|
.sheet-rpnotes {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-rpnotes textarea {
|
|
width: 100%;
|
|
height: initial;
|
|
min-height: 10em;
|
|
max-width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Column 2: Characteristics (chars) */
|
|
|
|
.sheet-chars .sheet-colm {
|
|
width: 47%;
|
|
}
|
|
|
|
.sheet-chars .sheet-colm:first-of-type {
|
|
margin-right: 6%;
|
|
}
|
|
|
|
.sheet-chars input:nth-of-type(n) {
|
|
margin: 0;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
width: 2.5em;
|
|
}
|
|
|
|
.sheet-chars input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-chars input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-chars input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
/* (prichars, secchars) */
|
|
|
|
.sheet-prichars li, .sheet-secchars li {
|
|
min-height: 2.5em;
|
|
}
|
|
|
|
.sheet-prichars li:nth-of-type(2), .sheet-prichars li:nth-of-type(3),
|
|
.sheet-secchars li:first-of-type, .sheet-secchars li:nth-of-type(2) {
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.sheet-prichars li:nth-of-type(2) button, .sheet-prichars li:nth-of-type(3) button,
|
|
.sheet-secchars li:first-of-type span, .sheet-secchars li:nth-of-type(2) span {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.sheet-prichars li:nth-of-type(2) button, .sheet-prichars li:nth-of-type(3) button,
|
|
.sheet-secchars li:nth-of-type(-n+2) span {
|
|
width: calc(100% - 5.5em);
|
|
}
|
|
|
|
.sheet-secchars li span {
|
|
width: calc(100% - 2.5em);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Main body of character sheet - 2 columns */
|
|
|
|
/* Column 1: Weapons, Armours, Shields, Possessions, Money */
|
|
|
|
/* Weapons (weapons) */
|
|
|
|
/* Headers & Summary (headers, summary) */
|
|
|
|
.sheet-weapons .sheet-headers span:first-of-type {
|
|
width: calc(100% - 17em);
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-weapons .sheet-headers span:nth-of-type(2), .sheet-weapons .sheet-headers span:nth-last-of-type(2),
|
|
.sheet-weapons .sheet-summary > span:nth-of-type(1), .sheet-weapons .sheet-summary > span:nth-last-of-type(2) {
|
|
width:3.5em;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-weapons .sheet-headers span:last-of-type, .sheet-weapons .sheet-summary > span:last-of-type {
|
|
width: 18px;
|
|
}
|
|
|
|
.sheet-weapons .sheet-headers span:nth-of-type(3), .sheet-weapons .sheet-headers span:nth-of-type(4),
|
|
.sheet-weapons .sheet-headers span:nth-of-type(5), .sheet-weapons .sheet-headers span:nth-of-type(6),
|
|
.sheet-weapons .sheet-headers span:nth-of-type(7), .sheet-weapons .sheet-summary > span:nth-of-type(2),
|
|
.sheet-weapons .sheet-summary > span:nth-of-type(3), .sheet-weapons .sheet-summary > span:nth-of-type(4),
|
|
.sheet-weapons .sheet-summary > span:nth-of-type(5), .sheet-weapons .sheet-summary > span:nth-of-type(6) {
|
|
width: 2em;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.repitem:nth-child(odd) .sheet-repeating-weapon .sheet-summary {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
/* Repeating weapon (repeating-weapon) */
|
|
|
|
/* Weapon options-flag settings -- see generic options flag settings*/
|
|
|
|
.sheet-weapons .sheet-options-flag, .sheet-weapons .sheet-options-flag ~ span {
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.sheet-repeating-weapon {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-weapon {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-options-flag:checked ~ .sheet-weapon {
|
|
display: inherit;
|
|
}
|
|
|
|
/* Weapon (weapon) - weapondets, weaponstats, use */
|
|
|
|
/* Weaponstats options-flag settings -- see generic options flag settings */
|
|
|
|
.sheet-weapons .sheet-expand-flag, .sheet-weapons .sheet-expand-flag ~ span {
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
|
|
.sheet-weapon {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-weaponstats {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-expand-flag:checked ~ .sheet-weaponstats {
|
|
display: inherit;
|
|
}
|
|
|
|
/* Weapondets */
|
|
|
|
.sheet-weapondets ul {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-weapondets > ul li { /* Unarmed combat li */
|
|
width: 50%;
|
|
}
|
|
|
|
.sheet-weapondets > ul li:nth-of-type(2) {
|
|
-webkit-justify-content: flex-end;
|
|
justify-content: flex-end;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.sheet-weapondets > ul li:nth-of-type(2) span {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-weapondets > div > div:last-of-type > ul > li { /* Repeating weapons li */
|
|
margin: 0 30px 0 auto;
|
|
}
|
|
|
|
.sheet-weapondets input[type="text"] {
|
|
max-width: 100%
|
|
}
|
|
|
|
.sheet-weapondets > span {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-weapondets textarea {
|
|
margin: 0;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
height: 104px;
|
|
}
|
|
|
|
/* Weaponstats - use */
|
|
|
|
.sheet-weaponstats {
|
|
border-top: 1px dashed black;
|
|
padding-top: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-weaponstats > .sheet-2colsec > .sheet-colm {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sheet-weaponstats .sheet-use > ul > li {
|
|
margin: 0;
|
|
padding-left: 10px;
|
|
display: block; // Override usual flex setting
|
|
}
|
|
|
|
.sheet-weaponstats .sheet-use > ul > li > span {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-use {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-weaponstats select {
|
|
width: 9em;
|
|
}
|
|
margin: 0;
|
|
|
|
.sheet-weaponstats {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-weaponstats input[name="attr_wwgt"] {
|
|
width: 5em;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Armours (armours) & Shields (shields) */
|
|
|
|
/* Armour headers & summary (headers, summary)
|
|
& Shield headers & summary (headers, summary) */
|
|
|
|
.sheet-armours .sheet-headers span:first-of-type, .sheet-armours .sheet-summary span:first-of-type {
|
|
width: calc(100% - 14em - 18px);
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-armours .sheet-headers span:not(:first-of-type), .sheet-armours .sheet-summary span:not(:first-of-type) {
|
|
width:3.5em;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armours .sheet-headers span:last-of-type, .sheet-armours .sheet-summary span:last-of-type {
|
|
width: 18px;
|
|
}
|
|
|
|
.sheet-shields .sheet-headers span:first-of-type, .sheet-shields .sheet-summary span:first-of-type {
|
|
width: calc(100% - 10.5em);
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-shields .sheet-headers span:not(:first-of-type), .sheet-shields .sheet-summary span:not(:first-of-type) {
|
|
width:3.5em;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-shields .sheet-headers span:last-of-type, .sheet-shields .sheet-summary span:last-of-type {
|
|
width: 18px;
|
|
}
|
|
|
|
.repitem:nth-child(even) .sheet-repeating-armour .sheet-summary,
|
|
.repitem:nth-child(even) .sheet-repeating-shield .sheet-summary {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
/* Repeating armour (repeating-armour) & Repeating shield (repeating-shield) - options flag, armour */
|
|
|
|
/* Armour & Shield options-flag settings -- see generic options-flag settings */
|
|
|
|
.sheet-armours .sheet-options-flag, .sheet-shields .sheet-options-flag,
|
|
.sheet-armours .sheet-options-flag ~ span, .sheet-shields .sheet-options-flag ~ span {
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.sheet-repeating-armour, .sheet-repeating-shield {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-repeating-armour .sheet-armour, .sheet-repeating-shield .sheet-shield {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-armours .sheet-options-flag:checked ~ .sheet-armour,
|
|
.sheet-shields .sheet-options-flag:checked ~ .sheet-shield {
|
|
display: inherit;
|
|
}
|
|
|
|
/* Armour (armour) & Shield (shield) */
|
|
|
|
.sheet-armour ul, .sheet-shield ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.sheet-armour ul li, .sheet-shield ul li {
|
|
width: 50%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sheet-armour li:first-of-type, .sheet-shield li:first-of-type {
|
|
width: 70%;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.sheet-armour li:nth-of-type(2), .sheet-shield li:nth-of-type(2) {
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-armour li:nth-of-type(3) {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-armour textarea {
|
|
max-width: 100%;
|
|
height: 100px;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-shield li:nth-of-type(5) {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Armour & Shield totals (total) */
|
|
|
|
.sheet-total {
|
|
padding-top: 5px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-total span {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.sheet-total input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-total input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-total input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Possessions (possessions) & Money (money) */
|
|
|
|
/* Possessions headers and summary (headers, summary) & Possession repeats (possession) & Money rows (mrow) */
|
|
|
|
.sheet-possession, .sheet-mrow {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-possession input,
|
|
.sheet-mrow span, .sheet-mrow input {
|
|
border: solid brown;
|
|
border-width: 0 0 1px 0;
|
|
min-height: 19px;
|
|
}
|
|
|
|
.sheet-possessions .sheet-headers span:first-of-type, .sheet-possessions .sheet-summary span:first-of-type,
|
|
.sheet-possession input:first-of-type {
|
|
width: 80%;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-possessions .sheet-headers span:last-of-type, .sheet-possessions .sheet-summary span:last-of-type,
|
|
.sheet-possession input:last-of-type, .sheet-mrow input:first-of-type {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-possession input, .sheet-mrow input {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
border-radius: 0;
|
|
color: inherit;
|
|
}
|
|
|
|
.sheet-possession input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-possession input[type=number]::-webkit-outer-spin-button,
|
|
.sheet-mrow input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-mrow input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-possession input[type=number], .sheet-mrow input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
.sheet-mrow {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.sheet-mrow span {
|
|
min-width: 14em;
|
|
}
|
|
|
|
.sheet-possessions > div.sheet-summary:not(:last-of-type):nth-of-type(even),
|
|
.sheet-possessions .repcontainer .repitem:nth-of-type(even) .sheet-possession input,
|
|
.sheet-mrow:nth-of-type(odd) span, .sheet-mrow:nth-of-type(odd) input {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
/* Possession total, Money total */
|
|
|
|
.sheet-possessions div:nth-last-of-type(2) span:first-of-type,
|
|
.sheet-money div:last-child span {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Possession agility modifier (pagmod) */
|
|
|
|
.sheet-pagmod {
|
|
padding-top: 5px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-pagmod span {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.sheet-pagmod input[type=number]::-webkit-inner-spin-button,
|
|
.sheet-pagmod input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-pagmod input[type=number] {
|
|
-moz-appearance:textfield;
|
|
}
|
|
|
|
|
|
|
|
/* Column 2: Magic, Skills, Specials & Experience */
|
|
|
|
/* Magic (magic) */
|
|
|
|
/* Magic colleges (colleges) */
|
|
|
|
.sheet-colleges input {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: none;
|
|
border-radius: 0;
|
|
color: inherit;
|
|
border: solid brown;
|
|
border-width: 0 0 1px 0;
|
|
min-height: 18px;
|
|
}
|
|
|
|
.sheet-colleges .repcontainer .repitem:nth-of-type(even) input {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
.sheet-colleges input[type="text"] {
|
|
width: 100%
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Spells (spells) */
|
|
|
|
/* Spell options flag -- see generic options flag settings */
|
|
|
|
.sheet-spells .sheet-options-flag, .sheet-spells .sheet-options-flag ~ span {
|
|
top: 0px;
|
|
right: 0px;
|
|
}
|
|
|
|
.sheet-repeating-spell {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-repeating-spell .sheet-spell {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-spells .sheet-options-flag:checked ~ .sheet-spell {
|
|
display: inherit;
|
|
}
|
|
|
|
|
|
/* Spells summary (summary) */
|
|
|
|
.sheet-spells .sheet-headers span:first-of-type {
|
|
width: calc(100% - 17em);
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-spells .sheet-headers span:nth-of-type(2), .sheet-spells .sheet-headers span:nth-of-type(3),
|
|
.sheet-spells .sheet-headers span:nth-of-type(4), .sheet-spells .sheet-headers span:nth-of-type(7),
|
|
.sheet-spells .sheet-headers span:nth-of-type(8), .sheet-spells .sheet-summary > span:nth-of-type(1),
|
|
.sheet-spells .sheet-summary > span:nth-of-type(2), .sheet-spells .sheet-summary > span:nth-of-type(3),
|
|
.sheet-spells .sheet-summary > span:nth-of-type(6), .sheet-spells .sheet-summary > span:nth-of-type(7) {
|
|
width: 2em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-spells .sheet-headers span:nth-of-type(5), .sheet-spells .sheet-headers span:nth-of-type(6),
|
|
.sheet-spells .sheet-summary > span:nth-of-type(4), .sheet-spells .sheet-summary > span:nth-of-type(5) {
|
|
width: 3.5em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-spells .sheet-headers span:last-of-type, .sheet-spells .sheet-summary > span:last-of-type {
|
|
width: 18px;
|
|
}
|
|
|
|
.repitem:nth-child(even) .sheet-repeating-spell .sheet-summary {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
/* Spell (spell) */
|
|
|
|
/* Spellstats options-flag settings -- see generic options flag settings */
|
|
|
|
.sheet-spells .sheet-expand-flag, .sheet-spells .sheet-expand-flag ~ span {
|
|
top: 10px;
|
|
right: 10px;
|
|
}
|
|
|
|
.sheet-spell {
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-spellstats {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-expand-flag:checked ~ .sheet-spellstats {
|
|
display: inherit;
|
|
}
|
|
|
|
/* Spelldets */
|
|
|
|
.sheet-spelldets ul {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-spelldets li:first-of-type {
|
|
width: 50%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.sheet-spelldets li:nth-of-type(2) {
|
|
width: 50%;
|
|
padding: 0 30px 0 10px;
|
|
}
|
|
|
|
.sheet-spelldets li:nth-of-type(3) {
|
|
width: 100%;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.sheet-spelldets li:nth-of-type(3) textarea {
|
|
max-width: 100%;
|
|
height: 5em;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/* Spellstats */
|
|
|
|
.sheet-spellstats {
|
|
border-top: 1px dashed black;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-spellstats .sheet-2colsec div:first-of-type li:nth-of-type(n+2) input[type="text"] {
|
|
width: 3.5em;
|
|
}
|
|
|
|
.sheet-spellstats .sheet-2colsec div:last-of-type li:nth-of-type(4) input[type="checkbox"] {
|
|
margin-right: auto; // Ritual tickbox
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* Spell resistances (res) */
|
|
|
|
.sheet-res li {
|
|
margin: 0;
|
|
justify-content: flex-start;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
|
|
|
|
/* Skills (skills) */
|
|
|
|
/* Skill headers & data (headers, skdata) */
|
|
|
|
.sheet-skills .sheet-headers {
|
|
flex: 0 0 100%;
|
|
}
|
|
|
|
.sheet-skills .sheet-headers span:first-of-type {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-skills .sheet-headers span:first-of-type, .sheet-skdata div {
|
|
width: 11em;
|
|
}
|
|
|
|
.sheet-skills .sheet-headers span:nth-of-type(2), .sheet-skdata input[type="text"] {
|
|
width: calc(100% - 14.5em);
|
|
}
|
|
|
|
.sheet-skills .sheet-headers span:nth-of-type(3) {
|
|
width:3.5em;
|
|
}
|
|
|
|
.sheet-skdata {
|
|
overflow: auto;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
border: solid brown;
|
|
border-width: 0 0 1px 0;
|
|
min-height: 18px;
|
|
}
|
|
|
|
.sheet-skdata div {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-skdata select, .sheet-skdata input {
|
|
margin: 0;
|
|
border: 0;
|
|
padding: 0;
|
|
background: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.sheet-skdata select {
|
|
height: calc(1em + 5px);
|
|
width: calc(100% - 1em);
|
|
}
|
|
|
|
div.repitem:nth-of-type(even) .sheet-skdata {
|
|
background-color: rgba(255,255,0,0.3);
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Special (special) & Experience (exp) */
|
|
|
|
.sheet-special textarea {
|
|
max-width: 100%
|
|
}
|
|
|
|
.sheet-exp ul {
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
-webkit-align-items: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.sheet-exp li input[type="number"] {
|
|
width: 6em;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Button styling from DnD5e Roll20 sheet */
|
|
|
|
.repcontrol .btn {
|
|
border: medium none;
|
|
background: none;
|
|
box-shadow: none;
|
|
font-size: 0;
|
|
}
|
|
|
|
.repcontrol .btn:focus {
|
|
outline: 0;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:after {
|
|
content: '(';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
|
|
.editmode ~ .repcontrol .repcontrol_edit:after {
|
|
content: ')';
|
|
}
|
|
|
|
.repcontrol .repcontrol_add:before {
|
|
content: '&';
|
|
visibility: visible;
|
|
font-family: pictos;
|
|
background-color: #fff;
|
|
border: 1px solid black;
|
|
border-radius: 2px;
|
|
font-size: 12px;
|
|
height: 12px;
|
|
width: 12px;
|
|
padding: 2px 4px 2px 4px;
|
|
color: black;
|
|
}
|
|
|
|
.repcontrol .repcontrol_edit:hover:after,
|
|
.repcontrol .repcontrol_add:hover:before
|
|
{
|
|
background-color: #EFEFEF;
|
|
}
|
|
|
|
.sheet-resources .repcontrol {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.itemcontrol {
|
|
z-index: 10;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del, .itemcontrol .repcontrol_move {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
|
|
.itemcontrol .repcontrol_del {
|
|
border: 0;
|
|
}
|