slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

March 2023 update

Browse Source 
Attribute icons and colored dots. More readable input type font. Updated tier costs and macro buttons.
This commit is contained in:
danimagaming
2023-04-06 16:59:55 -04:00
committed by GitHub
parent 254de3f915
commit 4bd9b4d3a2
1 changed files with 185 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Duels of Dreams - DODAS/DODAS.css
+185 -35
View File
@@ -149,6 +149,12 @@ div.sheet-ATRTable, div.sheet-weapontable, div.sheet-armor, div.sheet-spelltable
/* ATTRIBUTE TABLE */
.charsheet input[type=number] {
width: 100% !important;
height: auto;
padding: 0;
}
button[type="roll"].sheet-attributerollbutton{
background: none;
outline-color: transparent;
@@ -177,10 +183,9 @@ button[type="roll"].sheet-derivedattributerollbutton{
div.sheet-ATRTable {
display: grid;
background-color: gray;
width: 185pt;
height: 120pt;
width: 148pt;
height: 125pt;
/* from style reset */
border-style: solid;
border: none;
@@ -195,19 +200,52 @@ div.sheet-ATRTable {
div.sheet-ATRTableHeader {
display: grid;
font-family: 'Girassol';
grid-template-columns: 60pt 60pt 60pt;
grid-template-columns: 23pt 41pt 3pt 64pt 19pt;
font-size: 115%;
/*padding: .1em;*/
text-align: center;
font-style: italic;
height: 15pt;
}
/*
button[type="roll"].sheet-ATRTableQuestionButton {
background: none;
outline-color: transparent;
border-style: none;
font-weight: 200;
font-size: 100%;
padding: 0px 0px 0px 0px;
font-family: 'Girassol';
cursor: pointer;
text-shadow: none;
color: #292929;
}
*/
div.sheet-ATRTableQuestion {
background-color: #dddddd;
border-radius: 50%;
height: 17px;
width: 15px;
box-shadow: 1px 1px 2px 1px rgb(25 17 8 / 60%);
font-family: 'Girassol';
/*
font-size: 115%;
*/
text-align: center;
font-style: italic;
height: 15pt;
padding-right: 0.2em;
}
div.sheet-ATRTableRow {
display: grid;
grid-template-columns: repeat(6, 30pt);
grid-template-columns: 20pt 27pt 25pt 4pt 27pt 25pt 20pt;
font-size: 100%;
text-align: center;
height: 15pt;
}
@@ -217,7 +255,7 @@ div.sheet-ATRLetter {
background-color: #DBD8CA;
font-family: 'Girassol';
font-style: normal;
padding: .3em;
padding: 0em;
color: #292929;
/*
@@ -238,11 +276,12 @@ div.sheet-derivedATRLetter {
font-family: 'Girassol';
font-style: normal;
font-size: 100%;
background-color: #352719;
background-color: black;
color: white;
text-align: center;
padding: .4em;
padding: 0;
height: 15pt;
}
/*WEAPON TABLE*/
@@ -274,7 +313,7 @@ div.sheet-wptrow2 span {
div.sheet-wptrow1 {
display: grid;
grid-template-columns: 60pt 25pt 25pt 25pt 40pt 25pt 25pt 24pt 24pt 22pt 34pt 30pt 20pt 20pt ;
grid-template-columns: 90pt 32pt 25pt 22pt 25pt 72pt 72pt 72pt 34pt 30pt 20pt 20pt;
column-gap: 0;
background-color: none;
height: 16pt;
@@ -283,7 +322,7 @@ div.sheet-wptrow1 {
div.sheet-wptrow2 {
display: grid;
grid-template-columns: 60pt 25pt 25pt 25pt 20pt 20pt 50pt 24pt 24pt 22pt 104pt ;
grid-template-columns: 90pt 32pt 25pt 22pt 25pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 104pt 20pt ;
column-gap: 0;
background-color: gray;
@@ -331,9 +370,11 @@ div.sheet-wptrow2 {
div.sheet-wptfillrepeating,
div.sheet-wptfillrepeating input[type="text"] {
display: grid;
grid-template-columns: 60pt 25pt 25pt 25pt 20pt 20pt 25pt 25pt 24pt 24pt 22pt 1fr 20pt;
grid-template-columns: 90pt 32pt 25pt 22pt 25pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 24pt 1fr 20pt;
font-family: 'Verdana';
font-weight: 100;
height: 12.8pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
color: black;
}
@@ -347,16 +388,15 @@ background-color: #EAEAEA;
/* ARMOR TABLE */
div.sheet-armor {
display: grid;
div.sheet-armortable {
/*
font-style: normal;
*/
font-family: 'Girassol';
width: 440pt;
width: 430pt;
padding: 0;
column-gap: 0;
padding: 0in 1.5pt 0in 1.5pt;
padding: 3pt 0pt 0in 3pt;
font-size: 8.0pt;
@@ -365,9 +405,16 @@ div.sheet-armor {
}
div.sheet-toprow {
div.sheet-armortable span {
display: grid;
align-items: center; /* new */
justify-items: center; /* new */
}
div.sheet-armortbtoprow {
display: grid;
grid-template-columns: 100pt 72pt 20pt 72pt;
grid-template-columns: 70pt 72pt 20pt 72pt;
column-gap: 0;
height: 12.8pt;
font-size: 8.0pt;
@@ -404,7 +451,8 @@ span.sheet-atTopWeapon, span.sheet-atTopBD {
/* second row stuff */
div.sheet-armorsecondrow {
display: grid;
grid-template-columns: 100pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 110pt;
grid-template-columns: 70pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 30pt 110pt;
height: 14pt;
column-gap: 0;
color: #292929;
@@ -413,9 +461,11 @@ div.sheet-armorsecondrow {
div.sheet-armor-fillinrepeating,
div.sheet-armor-fillinrepeating input[type="text"] {
display: grid;
grid-template-columns: 100pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 110pt;
grid-template-columns: 70pt 18pt 18pt 18pt 18pt 20pt 18pt 18pt 18pt 18pt 30pt 30pt 30pt 110pt;
font-family: 'Verdana';
font-weight: 100;
height: 14pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
color: black;
}
@@ -427,7 +477,7 @@ background-color: #EAEAEA;
}
/*some styling */
div.sheet-armorsecondrow span, div.sheet-toprow span {
div.sheet-armorsecondrow span, div.sheet-armortbtoprow span {
display: flex;
align-items: flex-end;
justify-content: center;
@@ -440,7 +490,7 @@ span.sheet-atArmor, span.sheet-atDR {
}
span.sheet-atLocation, span.sheet-atAPM, span.sheet-atStealth, span.sheet-atOther {
span.sheet-atLocation, span.sheet-atAPM, span.sheet-atStealth, span.sheet-atMobility, span.sheet-atOther {
background-color: #DBDBDB;
}
@@ -524,8 +574,10 @@ div.sheet-strepeating,
div.sheet-strepeating input[type="text"] {
display: grid;
grid-template-columns: 80pt 25pt 32pt 40pt 40pt 40pt 25pt 25pt 25pt 20pt 270pt ;
font-family: 'Verdana';
font-weight: 100;
height: 12.8pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
padding: 0;
color: black;
@@ -535,11 +587,15 @@ input[name="attr_spelllevel"], input[name="attr_spellskill"],
input[name="attr_strcp"] {
background-color: #EAEAEA;
font-family: 'Girassol';
font-weight: 100;
}
div.sheet-strepeating input[name="attr_spelldescription"] {
text-align: left;
padding: 0pt 4pt;
font-family: 'Girassol';
font-weight: 100;
}
@@ -550,7 +606,7 @@ div.sheet-strepeating input[name="attr_spelldescription"] {
div.sheet-skilltable {
font-family: 'Girassol';
width: 446pt;
width: 600pt;
padding: 0;
column-gap: 0;
padding: 0in 1.5pt 0in 1.5pt;
@@ -576,14 +632,14 @@ div.sheet-skilltablerow span, div.sheet-skilltablerow2 span {
div.sheet-skilltablerow {
display: grid;
grid-template-columns: 24pt 24pt 70pt 100pt 24pt 48pt 24pt 88pt 26pt 20pt;
grid-template-columns: 24pt 24pt 150pt 100pt 48pt 24pt 24pt 88pt 80pt 26pt 20pt;
}
div.sheet-skilltablerow2 {
display: grid;
grid-template-columns: 24pt 24pt 70pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 26pt 20pt;
grid-template-columns: 24pt 24pt 150pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 80pt 26pt 20pt;
}
.sheet-str1Above, .sheet-str1RelevantAttributes, .sheet-str2Tier, .sheet-str2Cost, .sheet-str2AboveSub, .sheet-str2Sub, .sheet-str2Roll {
@@ -611,9 +667,11 @@ div.sheet-skilltablerow2 {
div.sheet-skillsfillrepeating,
div.sheet-skillsfillrepeating input[type="text"] {
display: grid;
grid-template-columns: 24pt 24pt 70pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 26pt 20pt;
grid-template-columns: 24pt 24pt 150pt 20pt 20pt 20pt 20pt 20pt 24pt 24pt 24pt 24pt 22pt 22pt 22pt 22pt 80pt 26pt 20pt;
font-family: 'Verdana';
font-weight: 100;
height: 12.8pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
color: black;
}
@@ -640,7 +698,7 @@ input[name="attr_skilltotal"] {
div.sheet-pointbuytable {
font-family: 'Girassol';
width: 314pt;
width: 414pt;
height: 107pt;
margin-top: 12px;
@@ -671,7 +729,7 @@ div.sheet-pointbuytabletitlerow span {
div.sheet-pointbuytabletitlerow, div.sheet-pointbuytablerow, div.sheet-pointbuytabletotalrow {
display: grid;
grid-template-columns: 70pt 26pt 220pt;
grid-template-columns: 70pt 26pt 320pt;
}
@@ -692,8 +750,10 @@ div.sheet-pointbuytablerow {
div.sheet-pointbuytable input[type="text"] {
height: 12.8pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
font-family: 'Verdana';
font-weight: 100;
}
@@ -704,7 +764,7 @@ div.sheet-pointbuytable input[type="text"] {
/* SPELL BUILDER */
div.sheet-spellbuilder {
font-family: 'Girassol';
font-family: 'Verdana';
width: 1fr;
padding: 0;
column-gap: 0;
@@ -739,9 +799,9 @@ div.sheet-sbrowcorespell, div.sheet-sbrowdamage, div.sheet-sbrowspelltype, div.s
div.sheet-spellbuilder input[type="text"] {
font-family: 'Girassol';
font-family: 'Verdana';
height: 12.8pt;
font-size: 8.0pt;
font-size: 7.0pt;
width: 100%;
color: black;
}
@@ -826,3 +886,93 @@ button[type=roll].sheet-derivedattributerollbutton::before {
button[type=roll].sheet-attributerollbutton::before {
content: '';
}
button[type=roll].sheet-hidden {
display: none;
}
/* custom roll templates */
.sheet-rolltemplate-dodas1 table {
width:100%;
background-color: white;
font-family:"Palatino",Helvetica,sans-serif;
border:1px solid rgba(112,32,130,1)
}
.sheet-rolltemplate-dodas1 caption {
background: linear-gradient(180deg, #000000, #524949);
color: #d5e0e0;
text-align: center;
bottom:0;
font-weight:300;
font-size:1.1em;
padding: 5px 5px 0px 5px;
}
.sheet-rolltemplate-dodas1 td {
padding:2px;
line-height:1.4em;
vertical-align:top
}
.sheet-rolltemplate-dodas1 td:first-child {
font-weight:bold;
text-align:right;
min-width:50px;
padding-right:10px;
}
.sheet-rolltemplate-dodas1 tr:nth-child(even) {
background-color:#eee
}
/*custom roll template dodas damage */
.sheet-rolltemplate-dodasdmg table {
width:100%;
background-color: #732f2f;
font-family:"Palatino",Helvetica,sans-serif;
border:1px solid rgba(112,32,130,1)
}
.sheet-rolltemplate-dodasdmg caption {
background: linear-gradient(180deg, #000000, #524949);
color: #d5e0e0;
text-align: center;
font-weight:300;
font-size:1.1em;
padding: 5px 5px 0px 5px;
}
.sheet-rolltemplate-dodasdmg td {
padding:2px;
line-height:1.4em;
vertical-align:top
}
.sheet-rolltemplate-dodasdmg td:first-child {
font-weight:bold;
text-align:right;
min-width:50px;
padding-right:10px;
}
.sheet-rolltemplate-dodasdmg tr:nth-child(even) {
background-color: #eee;
}
/*
button[type=roll].sheet-rolltemplate-dodas1 {
background-color: #000000
}
*/
button[type=roll].sheet-d6-dice::before {
font-family: 'dicefontd6';
content: 'F ';
}
.sheet-rolltemplate-dodas1 a[href^='!'],.sheet-rolltemplate-dodas1 a[href^='~'] {
background-color: #6f120c;
padding: 1px 0px 0px 0px;
color: white;
height: 17px;
width: 18px;
display: inline-block;
text-align: center;
border: 1px solid white;
}