Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-09-10 00:52:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved Styling of Fonts

Browse Source
This commit is contained in:
Thomas
2023-12-04 19:41:53 +01:00
parent 8714ee6b5c
commit fbd0ff7dfd
2 changed files with 122 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Talus/talus.css
+109 -5
View File
@@ -14,19 +14,123 @@ span.bold{
font-size: medium;
}
.ui-dialog .charsheet label {
/* latin-ext */
@font-face {
font-family: 'Metamorphous';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/metamorphous/v20/Wnz8HA03aAXcC39ZEX5y133ENSqstTs.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Metamorphous';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/metamorphous/v20/Wnz8HA03aAXcC39ZEX5y133EOyqs.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4taVIGxA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4kaVIGxA.woff2) format('woff2');
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4saVIGxA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4jaVIGxA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4iaVIGxA.woff2) format('woff2');
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4vaVIGxA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVIGxA.woff2) format('woff2');
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import url('https://fonts.googleapis.com/css?family=Metamorphous|Open+Sans:300;400;500;600;700;800&display=swap');
.ui-dialog .characterviewer label {
margin: 5px 0px 5px 0px;
font-size: 1.1em;
font-family: 'Metamorphous', cursive;
}
.ui-dialog .charsheet h1,h2,h3,h4 {
.ui-dialog .characterviewer h1,
.ui-dialog .characterviewer h2,
.ui-dialog .characterviewer h3,
.ui-dialog .characterviewer h4 {
font-family: 'Metamorphous', cursive;
}
.ui-dialog .charsheet input,
.ui-dialog .charsheet textarea,
.ui-dialog .charsheet select
.ui-dialog .characterviewer input,
.ui-dialog textarea,
.ui-dialog select
{
font-family: 'Open Sans';
}
Talus/talus.html
+13 -25
View File
@@ -12,7 +12,7 @@
<div class="left-info-block">
<div class="name section">
<label>Name: </label>
<input name="attr_character_name" type="text">
<input name="attr_character_name" type="text" spellcheck="false" />
</div>
<div class="circle section">
@@ -32,7 +32,7 @@
<div class="experience section">
<label>Erfahrungspunkte: </label>
<input name="attr_experience" type="text">
<input name="attr_experience" type="text" spellcheck="false" />
</div>
</div>
@@ -131,22 +131,22 @@
<div class="consequences section">
<label>Konsequenzen</label><div/><!-- little cheat div to move the rest of the grid to the next line -->
<div>
<span>I.</span><input name="attr_consequences_1" type="text">
<span>I.</span><input name="attr_consequences_1" type="text" spellcheck="false" />
</div>
<div>
<span>II.</span><input name="attr_consequences_2" type="text">
<span>II.</span><input name="attr_consequences_2" type="text" spellcheck="false" />
</div>
<div>
<span>III.</span><input name="attr_consequences_3" type="text">
<span>III.</span><input name="attr_consequences_3" type="text" spellcheck="false" />
</div>
<div>
<span>IV.</span><input name="attr_consequences_4" type="text">
<span>IV.</span><input name="attr_consequences_4" type="text" spellcheck="false" />
</div>
<div>
<span>V.</span><input name="attr_consequences_5" type="text">
<span>V.</span><input name="attr_consequences_5" type="text" spellcheck="false" />
</div>
<div>
<span>VI.</span><input name="attr_consequences_6" type="text">
<span>VI.</span><input name="attr_consequences_6" type="text" spellcheck="false" />
</div>
</div>
@@ -157,22 +157,22 @@
<!-- Persons SECTION -->
<div class="persons section">
<label>Wichtige Personen</label>
<textarea name="attr_persons" placeholder="Wichtige Personen"></textarea>
<textarea name="attr_persons" placeholder="Wichtige Personen" spellcheck="false"></textarea>
</div>
<div class="dagger items-persons-dagger section"> </div>
<div class="dagger items-persons-dagger section" spellcheck="false"> </div>
<!-- Items SECTION -->
<div class="items section">
<label>Wichtige Gegenstände</label>
<textarea name="attr_items" placeholder="Wichtige Gegenstände"></textarea>
<textarea name="attr_items" placeholder="Wichtige Gegenstände" spellcheck="false"></textarea>
</div>
</div>
<!-- Notes SECTION -->
<div class="notes section">
<label>Notizen</label>
<textarea name="attr_notes" placeholder="Notizen"></textarea>
<textarea name="attr_notes" placeholder="Notizen" spellcheck="false"></textarea>
</div>
<div class="footer section"> </div>
@@ -206,17 +206,5 @@
<!-- ---------------------------SHEET WORKERS----------------- -->
<script type="text/worker">
on('clicked:talusroll', (info) => {
startRoll("&{template:test} {{name=Test}} {{roll1=[[1d20]]}}", (results) => {
const total = results.results.roll1.result
const computed = total % 4;
finishRoll(
results.rollId,
{
roll1: computed,
}
);
});
});
</script>