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

Add a sheet for Hyperborea.

Browse Source
This commit is contained in:
Daniel Ottavio
2023-03-31 15:01:43 -04:00
parent c04c428fd7
commit 3c8ca26cfd
6 changed files with 1594 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Hyperborea/hyperborea.css
+461
View File
@@ -0,0 +1,461 @@
@import url('https://fonts.googleapis.com/css?family=Playfair+Display+SC&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Serif&display=swap');
h1 {
font-family: 'Playfair Display SC';
font-size: 46px;
}
h2 {
font-size: 28px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
font-family: 'PT Serif';
}
h3 {
font-size: 14px;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
font-family: 'PT Serif';
}
input[type=checkbox] {
transform: scale(.75);
}
.sheet-one_col {
display: grid;
grid-template-columns: repeat(1, max-content);
gap: 10px;
}
.sheet-one_col_box {
display: grid;
grid-template-columns: repeat(1, max-content);
gap: 5px;
border: 2px solid black;
padding: 3px;
padding-right: 5px;
margin: 0px;
}
.sheet-two_col {
display: grid;
grid-template-columns: repeat(2, max-content);
row-gap: 5px;
column-gap: 10px;
}
.sheet-two_col_box {
display: grid;
grid-template-columns: repeat(2, max-content);*/
row-gap: 5px;
column-gap: 10px;
border: 2px solid black;
padding: 10px;
margin: 0px;
}
.sheet-three_col {
display: grid;
grid-template-columns: repeat(3, max-content);
row-gap: 10px;
column-gap: 10px;
}
.sheet-fixed {
max-width: 100%;
max-height: 100%;
}
.sheet-table_header {
font-size:12px !important;
border: 1px solid black;
background-color: lightgrey;
text-align: center !important;
font-family: 'PT Serif';
max-height: 20px;
}
.sheet-table_header_small {
font-size:12px !important;
border: 1px solid black;
background-color: lightgrey;
text-align: center !important;
font-family: 'PT Serif';
max-width: 71px;
max-height: 20px;
}
.sheet-table_header_large {
font-size:12px !important;
border: 1px solid black;
background-color: lightgrey;
text-align: center !important;
font-family: 'PT Serif';
max-width: 149px;
max-height: 20px;
}
.sheet-table_header_large2 {
font-size:12px !important;
border: 1px solid black;
background-color: lightgrey;
text-align: center !important;
font-family: 'PT Serif';
max-width: 241px;
max-height: 20px;
}
.sheet-table_header_xlarge {
font-size:12px !important;
border: 1px solid black;
background-color: lightgrey;
text-align: center !important;
font-family: 'PT Serif';
max-width: 390px;
max-height: 20px;
}
.sheet-table_entry_small {
width: 80px;
min-width: 80px;
max-height: 20px;
text-align: center;
font-family: 'PT Serif';
}
.sheet-table_entry_small_right {
width: 80px;
max-height: 20px;
text-align: right;
font-family: 'PT Serif';
}
.sheet-table_entry_large {
width: 150px;
max-height: 20px;
font-family: 'PT Serif';
}
.sheet-table_entry_large2_left {
width: 250px;
text-align: left;
max-height: 20px;
font-family: 'PT Serif';
}
.sheet-table_entry_xlarge {
width: 400px;
max-height: 20px;
font-family: 'PT Serif';
}
.sheet-weapon_table {
display: grid;
grid-template-columns: 80px 250px 80px 80px 80px 80px 80px 80px;
grid-gap: 1px;
font-size:8px;
}
.sheet-monster_attack_table {
display: grid;
grid-template-columns: 80px 250px 80px 80px;
grid-gap: 1px;
font-size:8px;
}
.repitem {
display: grid;
align-items: center;
margin-bottom: 3px;
justify-content: space-between;
}
.sheet-ability_table {
display: grid;
grid-template-columns: 80px 150px 80px 80px 400px;
grid-gap: 1px;
}
.sheet-equipment_table {
display: grid;
grid-template-columns: 250px 80px 80px 80px;
grid-gap: 1px;
}
.sheet-hireling_table {
display: grid;
grid-template-columns: 150px 400px;
grid-gap: 1px;
}
.sheet-coin_table {
display: grid;
grid-template-columns: 80px 80px 80px 80px 80px 80px;
grid-gap: 1px;
}
.sheet-spell_table {
display: grid;
grid-template-columns: 150px 80px 80px 80px 80px 250px;
grid-gap: 1px;
}
.sheet-spell_slot_table {
display: grid;
grid-template-columns: 80px 80px 80px 80px 80px 80px;
grid-gap: 1px;
}
.sheet-digit_input {
width: 50px !important;
max-width: 50px;
max-height: 25px;
font-family: 'PT Serif';
}
.sheet-digit_input_left {
width: 50px !important;
max-width: 50px;
max-height: 25px;
font-family: 'PT Serif';
text-align: left;
}
.sheet-digit_input_small_bold {
width: 50px !important;
max-width: 25px;
max-height: 25px;
font-family: 'PT Serif';
font-weight: bold;
}
.sheet-digit_input_stat {
width: 50px !important;
max-width: 50px;
max-height: 25px;
font-family: 'PT Serif';
margin-top: -5px !important;
}
.sheet-digit_input_bold {
width: 50px !important;
max-width: 50px;
max-height: 25px;
font-weight: bold;
font-family: 'PT Serif';
}
.sheet-digit_input_right {
width: 50px !important;
max-width: 50px;
max-height: 25px;
text-align: right;
font-family: 'PT Serif';
}
.sheet-digit_input_right_bold {
width: 50px !important;
max-width: 50px;
max-height: 25px;
text-align: right;
font-weight: bold;
font-family: 'PT Serif';
}
input.sheet-txt_input {
font-size:14px;
max-width: 189px;
max-height: 25px;
margin-top: -3px;
font-family: 'PT Serif';
}
label.sheet-txt_label {
font-size:14px;
font-family: 'PT Serif';
}
label.sheet-radio_label {
font-size:14px;
font-family: 'PT Serif';
margin-top: 8px;
}
label.sheet-txt_label_small {
font-size:12px;
font-family: 'PT Serif';
}
.sheet-txt_title {
background-color: black;
color: white;
font-weight: bold;
padding: 5px;
max-width: 20px;
max-height: 15px;
font-family: 'PT Serif';
font-size: 16px !important;
}
.sheet-txt_title_small label {
font-size: medium;
background-color: black;
color: white;
font-weight: bold;
font-family: 'PT Serif';
}
.sheet-txt_label_bold {
font-size:14px;
font-weight: bold;
font-family: 'PT Serif';
}
.sheet-stat_block {
display: grid;
grid-template-columns: repeat(2, max-content);
}
.sheet-stat_block_small {
display: grid;
grid-template-columns: repeat(2, max-content);
font-size:12px;
font-family: 'PT Serif';
}
.sheet-stat_button {
font-size:14px !important;;
max-width:100% !important;
max-height:15px !important;
font-family: 'PT Serif';
}
.sheet-stat_checkbox {
margin-bottom: 11px !important;
}
.sheet-tab_button {
font-family: 'PT Serif';
}
.sheet-textarea {
resize: vertical;
min-width: 800px;
min-height: 50px;
}
.sheet-monster_sa_area {
resize: none;
min-width: 50px;
box-sizing: border-box;
min-height: 415px;
min-width: 400px;
}
/*
* Roll Template
*/
.sheet-rolltemplate-default td {
vertical-align: middle;
}
.sheet-rolltemplate-default td:first-child{
font-weight: normal;
}
.sheet-rolltemplate-default table{
border-collapse: separate;
overflow: hidden;
}
.sheet-rolltemplate-default caption {
text-align: center;
font-weight: bold;
border-top-left-radius: 6% 50%;
border-top-right-radius: 6% 50%;
background-color: black;
color: white;
}
.sheet-rolltemplate-default table,
.sheet-rolltemplate-default tbody,
.sheet-rolltemplate-default table tr:last-of-type {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
/*
* Tabs
*/
/*Configure the tab buttons*/
.sheet-monster_tab,
.sheet-pc_tab,
.sheet-hireling_tab,
.sheet-equipment_tab,
.sheet-melee_tab,
.sheet-missile_tab,
.sheet-class_tab,
.sheet-spell_tab {
display: none;
}
/* show the selected tab */
.sheet-sheet_toggle[value="monster_tab"] ~ div.sheet-monster_tab,
.sheet-sheet_toggle[value="pc_tab"] ~ div.sheet-pc_tab,
.sheet-items_toggle[value="hireling_tab"] ~ div.sheet-hireling_tab,
.sheet-items_toggle[value="equipment_tab"] ~ div.sheet-equipment_tab,
.sheet-weapon_toggle[value="melee_tab"] ~ div.sheet-melee_tab,
.sheet-weapon_toggle[value="missile_tab"] ~ div.sheet-missile_tab,
.sheet-ability_toggle[value="class_tab"] ~ div.sheet-class_tab,
.sheet-ability_toggle[value="spell_tab"] ~ div.sheet-spell_tab {
display: block;
}
/*
* Darkmode Support
*/
body.sheet-darkmode select,
body.sheet-darkmode textarea,
body.sheet-darkmode .charsheet,
body.sheet-darkmode input {
background-color: black;
color: white;
}
body.sheet-darkmode h3,
body.sheet-darkmode h2,
body.sheet-darkmode h1 {
color: darkorange;
}
body.sheet-darkmode .sheet-one_col_box,
body.sheet-darkmode .sheet-two_col_box {
border-color: darkorange;
}
body.sheet-darkmode .sheet-txt_title,
body.sheet-darkmode .sheet-table_header ,
body.sheet-darkmode .sheet-table_header_small,
body.sheet-darkmode .sheet-table_header_large,
body.sheet-darkmode .sheet-table_header_large2,
body.sheet-darkmode .sheet-table_header_xlarge {
background-color: darkorange;
color: black;
}
body.sheet-darkmode button,
body.sheet-darkmode .btn,
body.sheet-darkmode .btn.btn-default {
color: #c8c3bc;
text-shadow: rgba(24,26,27,.75) 0px 1px 1px;
background-color: #1e2021;
background-image: linear-gradient(#181a1b, #26292b);
border-color: #3e4446 #3e4446 #43494c;
box-shadow: rgba(24,26,27,.2) 0px 1px 0px inset,rgba(0,0,0,.05) 0px 1px 2px
}
Hyperborea/hyperborea.html
+1075
View File
File diff suppressed because it is too large Load Diff
Hyperborea/preview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB

Hyperborea/sheet.json
+9
View File
@@ -0,0 +1,9 @@
{
"html": "hyperborea.html",
"css": "hyperborea.css",
"authors": "Quade",
"roll20userid": "8527621",
"preview": "preview.png",
"instructions": "",
"legacy": false
}
Hyperborea/test.css
+13
View File
@@ -0,0 +1,13 @@
/*Configure the tab buttons*/
.charsheet .sheet-character,
.charsheet .sheet-config,
.charsheet .sheet-journal {
display: none;
}
/* show the selected tab */
.charsheet .sheet-tabstoggle[value="character"] ~ div.sheet-character,
.charsheet .sheet-tabstoggle[value="configuration"] ~ div.sheet-config,
.charsheet .sheet-tabstoggle[value="journal"] ~ div.sheet-journal {
display: block;
}
Hyperborea/test.html
+36
View File
@@ -0,0 +1,36 @@
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
<div>
<button type="action" name="act_character" >Character</button>
<button type="action" name="act_journal" >Journal</button>
<button type="action" name="act_configuration" >Configuration</button>
</div>
<div class="sheet-character">
<div class="foo">
<h2>Character</h2>
<span>character Stuff Goes here </span>
</div>
</div>
<div class="sheet-journal">
<div class="foo">
<h2>Journal/Notes</h2>
<span>Journal/Notes Stuff Goes here</span>
</div>
</div>
<div class="sheet-config">
<div class="foo">
<h2>Config/Settings</h2>
<span>Sheet Config/Settings goes here</span>
</div>
</div>
<script type="text/worker">
const buttonlist = ["character","journal","configuration"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
</script>