mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
remove table tags and update json
Make the sheet use div tags instead of table elements and update json to match filenames
This commit is contained in:
LeGurmuX
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 222 KiB After Width: | Height: | Size: 222 KiB |
File diff suppressed because it is too large
Load Diff
+58
-48
@@ -84,7 +84,7 @@ h1::first-letter {
|
||||
.charsheet .sheet-wrapper h5,
|
||||
.charsheet .sheet-wrapper h6,
|
||||
.charsheet .sheet-wrapper p,
|
||||
.charsheet .sheet-wrapper table,
|
||||
.charsheet .sheet-wrapper .table-container,
|
||||
.charsheet .sheet-wrapper caption,
|
||||
.charsheet .sheet-wrapper tbody,
|
||||
.charsheet .sheet-wrapper tfoot,
|
||||
@@ -102,7 +102,7 @@ h1::first-letter {
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper table {
|
||||
.charsheet .sheet-wrapper .table-container {
|
||||
border-collapse: collapse;
|
||||
border-spacing : 0;
|
||||
}
|
||||
@@ -293,10 +293,35 @@ h1::first-letter {
|
||||
|
||||
/* Table Container */
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-tablecontainer {
|
||||
.charsheet .sheet-wrapper .table-container {
|
||||
display: table;
|
||||
}
|
||||
.charsheet .sheet-wrapper .table-cell {
|
||||
display: table-cell;
|
||||
}
|
||||
.charsheet .sheet-wrapper .table-header {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .table-row {
|
||||
display: table-row;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-crittable .table-header {
|
||||
padding:5px;
|
||||
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-crittable .table-row {
|
||||
border-bottom:solid 2px;
|
||||
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-crittable .table-cell {
|
||||
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
text-align:center-left;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-item.blockheader{
|
||||
background: #782112;
|
||||
@@ -336,25 +361,7 @@ h1::first-letter {
|
||||
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-tablecell {
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-crittable th {
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-crittable tr {
|
||||
border-bottom:solid 2px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-crittable td {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
text-align:center-left;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist th {
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist .table-header {
|
||||
width:12.5%;
|
||||
padding:5px;
|
||||
font-size:1.5em;
|
||||
@@ -363,9 +370,10 @@ h1::first-letter {
|
||||
border-top:solid 2px;
|
||||
border-left:solid 2px;
|
||||
border-right:solid 2px;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist td {
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist .table-cell {
|
||||
padding-left:5px;
|
||||
padding-right:5px;
|
||||
text-align:center;
|
||||
@@ -376,81 +384,83 @@ h1::first-letter {
|
||||
border-left:solid 2px;
|
||||
border-right:solid 2px;
|
||||
letter-spacing : 4px;
|
||||
display: table-cell;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist td::first-letter {
|
||||
.charsheet .sheet-wrapper .sheet-characteristicslist .table-cell::first-letter {
|
||||
font-size:1.1em;
|
||||
border:solid 1px;
|
||||
border-color:red;
|
||||
padding-left:3px;
|
||||
margin-right:3px;
|
||||
display: table-cell;
|
||||
|
||||
}
|
||||
/* Special Styles */
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-mastery table {
|
||||
.charsheet .sheet-wrapper .sheet-mastery .table-container {
|
||||
border: 2px solid #c72502;
|
||||
border-spacing : 0;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-mastery th {
|
||||
.charsheet .sheet-wrapper .sheet-mastery .table-header {
|
||||
background: #e7f7c1;
|
||||
padding : 2px;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-mastery td {
|
||||
.charsheet .sheet-wrapper .sheet-mastery .table-cell {
|
||||
|
||||
padding-left :2px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills tr:nth-child(even) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-row:nth-child(even){
|
||||
background: #ebffff;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills tr:nth-child(odd) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-row:nth-child(odd) {
|
||||
background: #d3e0de;
|
||||
}
|
||||
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-mastery tr:nth-child(even) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-mastery div.table-row:nth-child(even) {
|
||||
background: #ede4d5;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-mastery tr:nth-child(odd) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-mastery div.table-row:nth-child(odd) {
|
||||
|
||||
background: #fcf5ed;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:first-child {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:first-child {
|
||||
width : 50%;
|
||||
height : 24px;
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(n+2) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(n+2) {
|
||||
width : 5%;
|
||||
height : 24px;
|
||||
border : 1px solid gray;
|
||||
text-align: center;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(2) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(2) {
|
||||
background:white;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(3) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(3) {
|
||||
background:#f3f3f3;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(4) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(4) {
|
||||
background:#e8e8e8;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(5) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(5) {
|
||||
background:#e0e0e0;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:nth-child(6) {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:nth-child(6) {
|
||||
background:#d8d8d8;
|
||||
}
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills td:last-child {
|
||||
.charsheet .sheet-wrapper .sheet-col.sheet-skills div.table-cell:last-child {
|
||||
width : 12%;
|
||||
height : 24px;
|
||||
border : 1px solid gray;
|
||||
@@ -458,39 +468,39 @@ h1::first-letter {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper th.vertical {
|
||||
.charsheet .sheet-wrapper .vertical {
|
||||
font-weight:bold;
|
||||
writing-mode: vertical-rl;
|
||||
text-align:right;
|
||||
padding-bottom:4px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper tr.skill {
|
||||
.charsheet .sheet-wrapper .table-row .skill {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper tr.skill .skillname{
|
||||
.charsheet .sheet-wrapper .table-row.skill .skillname{
|
||||
position: relative;
|
||||
/*display: inline-block;*/
|
||||
padding : 2px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper tr.skill .skillname:hover .skillvaluehovertext {
|
||||
.charsheet .sheet-wrapper .table-row.skill .skillname:hover .skillvaluehovertext {
|
||||
visibility: visible;
|
||||
}
|
||||
.charsheet .sheet-wrapper tr.skill .skillname .skillvaluehovertext input {
|
||||
.charsheet .sheet-wrapper .table-row.skill .skillname .skillvaluehovertext input {
|
||||
color:white;
|
||||
text-align: center;
|
||||
font-size:1.8em;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper tr.skill .skillname .skillvaluehovertext .specials {
|
||||
.charsheet .sheet-wrapper .table-row.skill .skillname .skillvaluehovertext .specials {
|
||||
color:#0aff37;
|
||||
font-size:1.3em;
|
||||
font-weight:bold;
|
||||
}
|
||||
.charsheet .sheet-wrapper tr.skill .skillname .skillvaluehovertext{
|
||||
.charsheet .sheet-wrapper .table-row.skill .skillname .skillvaluehovertext{
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: black;
|
||||
@@ -537,7 +547,7 @@ h1::first-letter {
|
||||
top: 5px;
|
||||
left: 10%;
|
||||
}
|
||||
.charsheet .sheet-wrapper tr.skill textarea{
|
||||
.charsheet .sheet-wrapper .table-row.skill textarea{
|
||||
height:1.9em;
|
||||
background:#fcffd4;
|
||||
line-height:0.83;
|
||||
@@ -662,7 +672,7 @@ h1::first-letter {
|
||||
}
|
||||
|
||||
.charsheet .sheet-wrapper .sheet-item.main {
|
||||
font-size-adjust : 1.1;
|
||||
font-size-adjust : 0.55;
|
||||
background:#fcf8f2;
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
{
|
||||
"html": "AdvancedDarkHeresy2.5.html",
|
||||
"css": "AdvancedDarkHeresy2.5.css",
|
||||
"css": "AdvancedDarkHeresyStyle2.5.css",
|
||||
"authors": "Kari Salonen",
|
||||
"roll20userID": "13143898",
|
||||
"preview": "AdvancedDarkHeresy2.5.png",
|
||||
"instructions": "This sheet implements the Advanced Dark Heresy 2.5 version of the Dark Heresy 1st ed. The sheet offers all the same options as the fillable PDF sheets but has more convenient usability online. There are also places for filling out all the Psychic Powers, Faith Powers and Career path at this sheet.",
|
||||
"legacy": true,
|
||||
"version": "1721089116"
|
||||
"legacy": false,
|
||||
"version": "1722295954"
|
||||
}
|
||||
Reference in New Issue
Block a user