diff --git a/The One Ring 2e/sheet.css b/The One Ring 2e/sheet.css index 7773d50fc9..f468c5c0f5 100644 --- a/The One Ring 2e/sheet.css +++ b/The One Ring 2e/sheet.css @@ -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 ; diff --git a/The One Ring 2e/sheet.html b/The One Ring 2e/sheet.html index 409468c4e8..afb958987d 100644 --- a/The One Ring 2e/sheet.html +++ b/The One Ring 2e/sheet.html @@ -1,4 +1,4 @@ - +