Turns out I still had a legacy sheet! Updated to match the sheet.json file

This commit is contained in:
gadhra
2024-02-16 13:21:07 -05:00
parent 53df85e184
commit 4a039dacbd
2 changed files with 881 additions and 953 deletions
+242 -314
View File
@@ -6,10 +6,6 @@
color: black;
}
.charsheet{
background-color:white;
color:black;
}
.charsheet .repcontrol {
margin-top:15px;
@@ -40,20 +36,8 @@
font-weight:bold;
}
/** DELETE? **/
.charsheet .sheet-info button[type="roll"] {
background: transparent;
border: 0px;
}
/** DELETE? **/
.charsheet .sheet-info > button {
float: right;
}
.charsheet .sheet-info:before {
.charsheet .info:before {
content:"ⓘ" !important;
padding-right:9px;
}
/*this hides the contents of each tab by default*/
@@ -92,10 +76,9 @@
font-weight: bold;
border-radius: 4px;
border: 1px solid #83B583;
width: 100px;
height: 40px;
cursor: pointer;
height: 40px;
cursor: pointer;
position: relative;
vertical-align: middle;
margin-left: -101px;/*originally 91px*/
@@ -114,92 +97,106 @@
/*----------- End Tab Setup -----------*/
.charsheet h3 {text-decoration: underline; padding-bottom:5px; color:black;}
.charsheet h4 {text-decoration: underline; padding-bottom:5px; color:black;}
/*----------- Tooltips -----------*/
/* Tooltip container */
.mytooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.mytooltip .mytooltiptext {
visibility: hidden;
width: 240px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.mytooltip:hover .mytooltiptext {
visibility: visible;
}
/** COLORS **/
.sheet-green {
.green {
background-color: #507f62;
}
.sheet-brown {
.brown {
background-color: #7f513e;
}
.sheet-blue {
.blue {
background-color: #51a5c5;
}
.sheet-black {
.black {
background-color: #555752;
}
.sheet-white {
.white {
background-color: #FFFFFF;
}
.sheet-silver {
.silver {
background-color: #91A1B2;
}
.sheet-orange {
.orange {
background-color: #e7623e;
}
.sheet-gold {
.gold {
background-color: #b59e54;
}
.sheet-red {
.red {
background-color: #c73032;
}
/*-----cols and rows-----*/
.sheet-center {
text-align: center;
.charsheet .my1colrow {
}
.sheet-center label {
text-align: center;
}
.charsheet .sheet-my1colrow {
}
.charsheet .sheet-my1colrow .sheet-col {
.charsheet .my1colrow .sheet-col {
width: calc(100% - 5px);
padding: 5px;
}
.charsheet .sheet-my2colrow {
.charsheet .my2colrow {
}
.charsheet .sheet-my2colrow .sheet-col {
.charsheet .my2colrow .sheet-col {
width: calc(48% - 10px) !important;
padding: 5px;
}
.charsheet .sheet-my3colrow {
.charsheet .my3colrow {
}
.charsheet .sheet-my3colrow .sheet-col {
.charsheet .my3colrow .sheet-col {
width: calc(30% - 10px) !important;
padding: 5px;
}
.charsheet .sheet-my4colrow {
.charsheet .my4colrow {
}
.charsheet .sheet-my4colrow .sheet-col {
.charsheet .my4colrow .sheet-col {
width: calc(23% - 10px) !important;
padding: 5px;
}
@@ -212,50 +209,49 @@
/* character sheets */
.charsheet .sheet-my1colrow .sheet-sellsword,
.charsheet .sheet-my1colrow .sheet-knave,
.charsheet .sheet-my1colrow .sheet-philosopher,
.charsheet .sheet-my1colrow .sheet-mystic,
.charsheet .sheet-my1colrow .sheet-murk,
.charsheet .sheet-my1colrow .sheet-spriggan,
.charsheet .sheet-my1colrow .sheet-night_child,
.charsheet .sheet-my1colrow .sheet-pooka
.charsheet .my1colrow .knave,
.charsheet .my1colrow .mystic,
.charsheet .my1colrow .philosopher,
.charsheet .my1colrow .sellsword,
.charsheet .my1colrow .murk,
.charsheet .my1colrow .night_child,
.charsheet .my1colrow .pooka,
.charsheet .my1colrow .spriggan
{
margin-left: -20px;
max-width: 100%;
background-color: #b59e54;
background-color: #b59e54 !important;
}
.charsheet .sheet-my1colrow .sheet-sellsword .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-knave .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-philosopher .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-mystic .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-murk .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-spriggan .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-night_child .sheet-3colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-pooka .sheet-3colrow .sheet-col
.charsheet .my1colrow .sellsword .my3colrow .sheet-col,
.charsheet .my1colrow .knave .my3colrow .sheet-col,
.charsheet .my1colrow .philosopher .my3colrow .sheet-col,
.charsheet .my1colrow .mystic .my3colrow .sheet-col,
.charsheet .my1colrow .murk .my3colrow .sheet-col,
.charsheet .my1colrow .spriggan .my3colrow .sheet-col,
.charsheet .my1colrow .night_child .my3colrow .sheet-col,
.charsheet .my1colrow .pooka .my3colrow .sheet-col
{
color: #000000;
text-align: left;
width: calc(30% - 10px) !important;
padding: 5px;
}
.charsheet .sheet-my1colrow .sheet-sellsword .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-knave .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-philosopher .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-mystic .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-murk .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-spriggan .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-night_child .sheet-my2colrow .sheet-col,
.charsheet .sheet-my1colrow .sheet-pooka .sheet-my2colrow .sheet-col
.charsheet .my1colrow .sellsword .my2colrow .sheet-col,
.charsheet .my1colrow .knave .my2colrow .sheet-col,
.charsheet .my1colrow .philosopher .my2colrow .sheet-col,
.charsheet .my1colrow .mystic .my2colrow .sheet-col,
.charsheet .my1colrow .murk .my2colrow .sheet-col,
.charsheet .my1colrow .spriggan .my2colrow .sheet-col,
.charsheet .my1colrow .night_child .my2colrow .sheet-col,
.charsheet .my1colrow .pooka .my2colrow .sheet-col
{
width: calc(48% - 10px) !important;
padding: 5px;
}
.sheet-box {
.box {
border: 1px solid black;
padding: 7px;
margin-bottom: 15px;
@@ -263,138 +259,131 @@
}
.sheet-halfbox {
.halfbox {
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 7px;
margin-bottom: 15px;
}
.sheet-left {
text-align:left;
/*this hides the contents of each tab by default*/
.charsheet .my1colrow .sellsword,
.charsheet .my1colrow .knave,
.charsheet .my1colrow .philosopher,
.charsheet .my1colrow .mystic,
.charsheet .my1colrow .murk,
.charsheet .my1colrow .spriggan,
.charsheet .my1colrow .night_child,
.charsheet .my1colrow .pooka
{
display: none !important;
background-color: #FFFFFF;
}
.isSellsword:checked ~ .sellsword {
display: block !important;
}
.isKnave:checked ~ .knave {
display: block !important;
}
.isPhilosopher:checked ~ .philosopher {
display: block !important;
}
.isMystic:checked ~ .mystic {
display: block !important;
}
.isMurk:checked ~ .murk {
display: block !important;
}
.isSpriggan:checked ~ .spriggan {
display: block !important;
}
.isNightChild:checked ~ .night_child {
display: block !important;
}
.isPooka:checked ~ .pooka {
display: block !important;
}
.charsheet .my4colrow .good-book {
display: none !important;
}
.charsheet .my4colrow .book-of-secrets {
display: none !important;
}
.charsheet .my4colrow .book-of-goblins {
display: none !important;
}
.isBookOpen:checked ~ .good-book {
display: block !important;
}
.isBookClosed:checked ~ .good-book {
display: none !important;
}
.areSecretsOpen:checked ~ .book-of-secrets {
display: block !important;
}
.areSecretsClosed:checked ~ .book-of-secrets {
display: none !important;
}
.areGoblinsOpen:checked ~ .book-of-goblins {
display: block !important;
}
.areGoblinsClosed:checked ~ .book-of-goblins {
display: none !important;
}
/*----------- End cols -----------*/
.charsheet input {
text-align: center;
}
.charsheet .sheet-inventory {
min-height: 300px;
max-width: 800px;
background-color: #f7f3f3;
margin-left: 5px;
/** OVERRIDES AND FONTS**/
.smalltext {
font-size:12px;
}
.charsheet .sheet-abandoned {
min-height: 300px;
max-width: 800px;
width:94%;
background-color: #f7f3f3;
margin-left: 5px;
.left {
text-align:left;
}
.charsheet .sheet-weaponTable {
width: 100%;
margin-top:45px;
}
.charsheet .sheet-weaponTable th {
text-align:center;
}
.charsheet .sheet-weaponTable td {
text-align: center;
}
.charsheet .sheet-specialTable {
width: 50%;
}
.charsheet .sheet-specialTable input {
width: 35px;
text-align:center;
}
.charsheet .sheet-specialTable th {
text-align:center;
text-decoration: underline;
}
.charsheet .sheet-specialTable td {
padding: 5px;
text-align: center;
}
.charsheet .sheet-attributeTable td {
padding: 5px;
}
.charsheet .sheet-attributeTitle {
font-weight: bold;
}
div.sheet-circle {
width:3em;
height:3em;
border:2px solid gray;
border-radius:50%;
background:white;
}
.charsheet .sheet-subrow {
padding: 10px;
}
.charsheet .sheet-grayheader {
.charsheet .center {
text-align: center;
background-color: lightgray;
min-height: 30px;
}
.charsheet .center label {
text-align: center;
}
.charsheet h3 {text-decoration: underline; padding-bottom:5px; color:black;}
.charsheet h4 {text-decoration: underline; padding-bottom:5px; color:black;}
.charsheet label {
--dark-secondarytext: #000000; /* local variable will override global */
margin:0px;
color: --dark-secondarytext;
padding:5px;
}
.ui-dialog .charsheet input[type=number] {
width: 4.5em;
}
.sheet-traitdie {
width: 45px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
}
.sheet-weaponselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
width:100px;
}
.sheet-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
max-width: 180px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
@@ -404,99 +393,77 @@ input[type=number] {
-moz-appearance: textfield;
}
.charsheet label {
--dark-secondarytext: #000000; /* local variable will override global */
margin:0px;
color: --dark-secondarytext;
padding:5px;
/** Inputs **/
.charsheet input {
text-align: center;
}
.charsheet .inventory {
min-height: 300px;
max-width: 800px;
background-color: #f7f3f3;
margin-left: 5px;
}
.charsheet .abandoned {
min-height: 300px;
max-width: 800px;
width:94%;
background-color: #f7f3f3;
margin-left: 5px;
}
.charsheet .tblWeapon {
width: 100%;
margin-top:45px;
}
.charsheet .tblWeapon th {
text-align:center;
}
.charsheet .tblWeapon td {
text-align: center;
}
.charsheet .tblAttribute td {
padding: 5px;
}
.charsheet .tblAttributeTitle {
font-weight: bold;
}
.traitdie {
width: 45px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
}
.weaponselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
width:100px;
}
.myselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: center;
margin: 0px;
max-width: 180px;
}
/*this hides the contents of each tab by default*/
.charsheet div[class="sheet-my1colrow sheet-sellsword"],
.charsheet div[class="sheet-my1colrow sheet-knave"],
.charsheet div[class="sheet-my1colrow sheet-philosopher"],
.charsheet div[class="sheet-my1colrow sheet-mystic"],
.charsheet div[class="sheet-my1colrow sheet-murk"],
.charsheet div[class="sheet-my1colrow sheet-spriggan"],
.charsheet div[class="sheet-my1colrow sheet-night_child"],
.charsheet div[class="sheet-my1colrow sheet-pooka"]
{
display: none !important;
background-color: #FFFFFF;
}
.sheet-isSellsword:checked ~ .sheet-sellsword {
display: block !important;
}
.sheet-isKnave:checked ~ .sheet-knave {
display: block !important;
}
.sheet-isPhilosopher:checked ~ .sheet-philosopher {
display: block !important;
}
.sheet-isMystic:checked ~ .sheet-mystic {
display: block !important;
}
.sheet-isMurk:checked ~ .sheet-murk {
display: block !important;
}
.sheet-isSpriggan:checked ~ .sheet-spriggan {
display: block !important;
}
.sheet-isNightChild:checked ~ .sheet-night_child {
display: block !important;
}
.sheet-isPooka:checked ~ .sheet-pooka {
display: block !important;
}
.charsheet div[class="sheet-my4colrow sheet-good-book"] {
display: none !important;
}
.charsheet div[class="sheet-my4colrow sheet-book-of-secrets"] {
display: none !important;
}
.charsheet div[class="sheet-my4colrow sheet-book-of-goblins"] {
display: none !important;
}
.sheet-isBookOpen:checked ~ .sheet-good-book {
display: block !important;
}
.sheet-isBookClosed:checked ~ .sheet-good-book {
display: none !important;
}
.sheet-areSecretsOpen:checked ~ .sheet-book-of-secrets {
display: block !important;
}
.sheet-areSecretsClosed:checked ~ .sheet-book-of-secrets {
display: none !important;
}
.sheet-areGoblinsOpen:checked ~ .sheet-book-of-goblins {
display: block !important;
}
.sheet-areGoblinsClosed:checked ~ .sheet-book-of-goblins {
display: none !important;
}
/* Sidebar and Roll Templates */
@@ -644,42 +611,3 @@ input[type=number] {
margin-top:5px;
padding-top:10px;
}
/* Tooltip container */
.sheet-tooltip {
position: relative;
display: inline-block;
}
/* Tooltip text */
.sheet-tooltip .sheet-tooltiptext {
visibility: hidden;
width: 240px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.sheet-tooltip:hover .sheet-tooltiptext {
visibility: visible;
}
.smalltext {
font-size:12px;
}
/* end The Cascading Part */
File diff suppressed because it is too large Load Diff