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

layout improvements

Browse Source
This commit is contained in:
Bodo Hüsemann
2022-01-06 23:41:25 +01:00
parent 03be02bcd3
commit c202ad2097
2 changed files with 65 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
The One Ring 2e/sheet.css
+48 -11
View File
@@ -1,3 +1,29 @@
@import url('https://fonts.cdnfonts.com/css/aniron');
@font-face {
font-family: 'AnorinFace';
src: url('https://fonts.cdnfonts.com/css/aniron');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NanumSquareRound';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: "AnironOwf";
src: url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.eot");
src: url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.eot?#iefix") format("embedded-opentype"),
url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.woff2") format("woff2"),
url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.woff") format("woff"),
url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.ttf") format("truetype"),
url("//db.onlinewebfonts.com/t/767cb11dc1ee01154718463adc3a1d1e.svg#Aniron") format("svg");
}
.charsheet * {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif;
font-weight: normal;
}
/*Configure the tab buttons*/
.charsheet :is(.sheet-pc,.sheet-adversary) {
display: none;
@@ -31,23 +57,26 @@
--borderbrown: https://raw.githubusercontent.com/bhuesemann/roll20-character-sheets/adversaries/The%20One%20Ring%202e/assets/boxline-border-brown.png;
padding: 0px;
}
.charsheet * {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif;
font-weight: normal;
}
.charsheet :is(h1,h2,h3){
font-family: "Aniron", "Palatino Linotype", "Book Antiqua", Palatino, serif, sans-serif;
font-weight: normal;
line-height: 1;
color: var(--red);
text-transform: uppercase;
font-size: medium;
font-size: smaller;
font-weight: bold;
line-height: 25px;
}
.charsheet :is(h2,h3) {
color: var(--gray);
font-weight: normal;
}
.charsheet h2 {
font-size: x-small;
}
.charsheet h3 {
font-size: small;
line-height: 20px;
font-size: x-small;
}
.ui-dialog .charsheet :is(button[type="roll"], button[type="action"][class="parsed-rolls"]) {
background: transparent;
@@ -59,6 +88,8 @@
padding: 0px;
margin: 0px 0px;
outline: none;
height: 100%;
vertical-align: middle;
}
.ui-dialog .charsheet :is(button[type="roll"], button[type="action"][class="parsed-rolls"]):hover {
opacity: .5;
@@ -90,7 +121,8 @@
}
.charsheet input[type="text"],
.charsheet input[type="number"],
.charsheet input.sheet-number {
.charsheet input.sheet-number,
.charsheet select {
background: none !important;
border-radius: 0;
border-bottom: 2px solid rgba(0,0,0,.15);
@@ -102,7 +134,12 @@
}
.charsheet select{
width: min-content;
height: 2em;
border-left: 0;
border-right: 0;
border-top: 0;
line-height: 18px;
height: 17px;
padding: 0px 4px 0px 4px;
}
.charsheet input.sheet-number {
width: 3.5em !important;
@@ -432,7 +469,7 @@
}
.charsheet #war-gear-nested{
display: grid;
grid-template-columns: 4fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 4fr;
grid-template-columns: min-content 4fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 4fr;
grid-template-rows: repeat(5, 22px);
padding: 0px 0px 0px 10px;
text-align: left;
@@ -442,7 +479,7 @@
}
.charsheet #armour-nested{
display: grid;
grid-template-columns: 0.5fr 4fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 20px;
grid-template-columns: 0.5fr 4fr min-content 0.5fr min-content 0.5fr min-content 0.5fr min-content 0.5fr 20px;
grid-template-rows: repeat(5, 22px);
justify-items: left;
padding: 0px 0px 0px 20px ;
The One Ring 2e/sheet.html
+17 -18
View File
@@ -1,4 +1,4 @@
<input type="hidden" name="attr_version" value="01-01-00"/>
<input type="hidden" name="attr_version" value="02-00-00"/>
<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" />
<div class="sheet-pc">
<div id="content">
@@ -567,14 +567,16 @@
<div id="armour">
<!-- <h2>Armour</h2> -->
<div id="armour-nested">
<span /><span /><span /><span /><span /><span /><span /><span /><span />
<span /><span /><span /><span /><span /><span /><span /><span /><span /><span /><span />
<label>Armour</label>
<input class="text" type="text" name="attr_armour">
<label>Protection</label>
<input class="center number" type="number" name="attr_armourprot" value="0">
<label>Load</label>
<input class="center number" type="number" name="attr_armourload" value="0">
<label title="close fitting">CF</label>
<input type="checkbox" class="center gridcol4" value="1" name="attr_armourcf"></checkbox>
<label title="cunning make">CM</label>
<input type="checkbox" class="center gridcol5" value="1" name="attr_armourcm"></checkbox>
<span />
<label>Helm</label>
@@ -583,7 +585,9 @@
<input class="center number" type="number" name="attr_helmprot" value="0">
<label>Load</label>
<input class="center number" type="number" name="attr_helmload" value="0">
<label title="close fitting">CF</label>
<input type="checkbox" class="center gridcol4" value="1" name="attr_helmetcf"></checkbox>
<label title="cunning make">CM</label>
<input type="checkbox" class="center gridcol5" value="1" name="attr_helmetcm"></checkbox>
<span />
<label>Shield</label>
@@ -592,7 +596,9 @@
<input class="center number" type="number" name="attr_shieldparry" value="0">
<label>Load</label>
<input class="center number" type="number" name="attr_shieldload" value="0">
<label title="reinforced">RI</label>
<input type="checkbox" class="center gridcol4" value="1" name="attr_shieldreinf"></checkbox>
<label title="cunning make">CM</label>
<input type="checkbox" class="center gridcol5" value="1" name="attr_shieldcm"></checkbox>
<span />
<label>Mount</label>
@@ -609,6 +615,7 @@
<div id="war-gear">
<!-- <h2>War Gear</h2> -->
<div id="war-gear-nested">
<span/>
<label>Weapon</label>
<label>Type</label>
<label class="center">Damage</label>
@@ -618,10 +625,8 @@
<label class="center">G</label>
<label class="center">K</label>
<label>Notes</label>
<span>
<button type="action" name="act_weapon_1" id="roll_weapon1" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_1" type="text">
</span>
<button type="action" name="act_weapon_1" id="roll_weapon1" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_1" type="text"></input>
<select name="attr_weapon_combat_prof_1">
<option value="" selected default></option>
<option value="axes">Axes</option>
@@ -636,10 +641,8 @@
<input type="checkbox" class="center" value="1" name="attr_weapon_grievous_1">
<input type="checkbox" class="center" value="1" name="attr_weapon_keen_1">
<input name="attr_weapon_note_1" type="text">
<span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_2" type="text">
</span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_2" type="text">
<select name="attr_weapon_combat_prof_2">
<option value="" selected default></option>
<option value="axes">Axes</option>
@@ -654,10 +657,8 @@
<input type="checkbox" class="center" name="attr_weapon_grievous_2">
<input type="checkbox" class="center" name="attr_weapon_keen_2">
<input name="attr_weapon_note_2" type="text">
<span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_3" type="text">
</span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_3" type="text">
<select name="attr_weapon_combat_prof_3">
<option value="" selected default></option>
<option value="axes">Axes</option>
@@ -672,10 +673,8 @@
<input type="checkbox" class="center" name="attr_weapon_grievous_3">
<input type="checkbox" class="center" name="attr_weapon_keen_3">
<input name="attr_weapon_note_3" type="text">
<span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_4" type="text">
</span>
<button type="action" name="act_weapon_2" id="roll_weapon2" class="parsed-rolls"></button>
<input name="attr_weapon_skill_name_4" type="text">
<select name="attr_weapon_combat_prof_4">
<option value="" selected default></option>
<option value="axes">Axes</option>