diff --git a/Beyond the Wall and Other Adventures/btwoa.css b/Beyond the Wall and Other Adventures/btwoa.css index d94d19e2ec..2f4c1b04aa 100644 --- a/Beyond the Wall and Other Adventures/btwoa.css +++ b/Beyond the Wall and Other Adventures/btwoa.css @@ -1,26 +1,35 @@ - -.charsheet .sheet-body { + .charsheet .sheet-body { color: black; background-color: white; - /* background-image:url(http://1-background.com/images/old-paper/crumpled-rice-paper.jpg); - */ } -.charsheet label { - font-family: serif; + .charsheet .sheet-header:first-letter { + font-size: 1.4em; + font-weight: bold; +} + .charsheet .sheet-header:first-line { + font-size: 1em; +} + .charsheet .sheet-header { display: inline-block; - text-align: left; - margin-bottom: 0; -} - .charsheet label.sheet-header { - font-family: serif; + text-transform: uppercase; + font-family: "Times New Roman", Times, Serif; text-align: right; - font-size: 14px; + margin-bottom: 0; + font-size: 12px; } .charsheet input { - font-family: cursive; - display: inline-block; - width: 250px; color: black; +} + .charsheet input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { + opacity: 1; +} +.charsheet .sheet-no-spinners { + -moz-appearance:textfield; +} +.charsheet .sheet-no-spinners::-webkit-outer-spin-button, + .sheet-no-spinners::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; } .charsheet .sheet-input-line { background: none; @@ -28,46 +37,42 @@ border-bottom: 1px solid #ccc; outline: none; width: 100%; - border-radius: 0px; + border-radius: 0; font-size: 14px; color: black; - -webkit-appearance: none; - -moz-appearance: none; - box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) + /*-webkit-appearance: none; + -moz-appearance: none;*/ + box-shadow: inset 0 0 0 rgba(0,0,0,0.075) } - .charsheet textarea.sheet-notes { + .charsheet .sheet-notes { background-attachment: local; background-image: linear-gradient(to right, white 10px, transparent 10px), linear-gradient(to left, white 10px, transparent 10px), repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px); line-height: 31px; - padding: 8px 0px; - box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) + padding: 8px 0; + box-shadow: inset 0 0 0 rgba(0,0,0,0.075) } - .charsheet textarea.sheet-area-lines { - font-family: 'Reenie Beanie', cursive; + .charsheet .sheet-area-lines { font-size: 14px; border: none; outline: none; overflow: none; resize: none; width: calc(100%-30px); - border-radius: 0px; + border-radius: 0; color: black; } - .charsheet textarea.sheet-area-small { + .charsheet .sheet-area-small { height: 4em; } - .charsheet textarea.sheet-area-medium { + .charsheet .sheet-area-medium { height: 7em; } - .charsheet textarea.sheet-area-large { + .charsheet .sheet-area-large { height: 14em; } .charsheet select { - margin-bottom: 0px; + margin-bottom: 0; width: 250px; -} - .charsheet table { - width: 100%; } .charsheet hr { border-top: 4px double #8c8b8b; @@ -79,49 +84,86 @@ } .charsheet .sheet-center { text-align: center; +} + .charsheet .sheet-middle { + vertical-align: middle; +} + .charsheet .sheet-bottom { + vertical-align: bottom; +} + .charsheet .sheet-top { + vertical-align: top; + } + .charsheet .sheet-right { + text-align: right; } .charsheet .sheet-sub-header { text-align: center; - font-family: serif; width: 100%; font-size: 16px; font-weight: bold; padding-bottom: 5px; + font-family: "Times New Roman", Times, Serif; + text-transform: uppercase; +} + .charsheet .sheet-sub-header:first-letter { + font-size: 1.3em; +} + .charsheet .sheet-sub-header:first-line { + font-size: 1em; } .charsheet .sheet-list-header { text-align: left; - font-family: serif; width: 100%; font-size: 16px; font-weight: bold; padding-bottom: 5px; + font-family: "Times New Roman", Times, Serif; + text-transform: uppercase; +} + .charsheet .sheet-list-header:first-letter { + font-size: 1.3em; +} + .charsheet .sheet-list-header:first-line { + font-size: 1em; } .charsheet .sheet-small-list-header { text-align: left; font-size: 12px; - font-family: "Cinzel"; width: 100%; font-weight: bold; padding-bottom: 5px; + padding-top: 5px; + font-family: "Times New Roman", Times, Serif; +} + .charsheet .sheet-small-list-header:first-letter { + font-size: 1.4em; +} + .charsheet .sheet-small-list-header:first-line { + font-size: 1em; } .charsheet .sheet-save-labels { text-align: center; - font-family: "Cinzel"; font-size: 12px; margin-top: 5px; + font-family: "Times New Roman", Times, Serif; } .charsheet .sheet-save-input { background: transparent; outline: none; border: none; } - .charsheet td.sheet-save-table { + .charsheet .sheet-save-table { width: 20%; text-align: center; vertical-align: top; } + .charsheet .sheet-attr-table { + width: 20%; + } .charsheet .sheet-table { display: table; + table-layout: auto; width: 100%; } .charsheet .sheet-table-row { @@ -129,8 +171,14 @@ } .charsheet .sheet-table-cell { display: table-cell; - padding-left: 4px; - padding-right: 4px; + padding-left: 0; + padding-right: 2px; +} + .charsheet .sheet-table-header { + display: table-header-group; +} + .charsheet .sheet-table-body { + display: table-row-group; } .charsheet .sheet-circle { margin: auto; @@ -146,105 +194,141 @@ text-align:center; vertical-align: middle; } - .charsheet input.sheet-input-hpmax { - height: 50px; + .charsheet .sheet-input-hpmax { + height: 50px !important; max-width: 60px; text-align: center; - border : solid black 2px; + border : solid #4d4d4d 2px; font-size: 20px; font-weight: bold; background: transparent; border-top-left-radius: 100px; - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; border-bottom-left-radius: 100px; } - .charsheet input.sheet-input-hpcurrent { - height: 50px; + .charsheet .sheet-input-hpcurrent { + height: 50px !important; max-width: 60px; text-align: center; - border : solid black 2px; + border : solid #4d4d4d 2px; font-size: 20px; font-weight: bold; background: transparent; - border-top-left-radius: 0px; + border-top-left-radius: 0; border-top-right-radius: 100px; border-bottom-right-radius: 100px; - border-bottom-left-radius: 0px; + border-bottom-left-radius: 0; } - .charsheet input.sheet-input-ac { - height: 50px; + .charsheet .sheet-input-ac { + height: 50px !important; max-width: 60px; text-align: center; - border : solid black 2px; - font-size: 20px; + border : solid #4d4d4d 2px; + font-size: 18px; + line-height: 25px; font-weight: bold; background: transparent; - border-top-left-radius: 0px; - border-top-right-radius: 0px; + border-top-left-radius: 0; + border-top-right-radius: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } - .charsheet input.sheet-input-fp { - height: 50px; + .charsheet .sheet-input-fp { + height: 50px !important; max-width: 60px; text-align: center; - border : solid black 2px; + border : solid #4d4d4d 2px; font-size: 20px; font-weight: bold; background: transparent; border-top-left-radius: 10px; - border-top-right-radius: 0px; + border-top-right-radius: 0; border-bottom-right-radius: 10px; - border-bottom-left-radius: 0px; + border-bottom-left-radius: 0; } - .charsheet input.sheet-attr-number { + .charsheet .sheet-attr-number { display: inline-block; background: transparent; - border-radius: 0px; - border-width: 2px; + border-radius: 0; + border-width: 3px; border-style: solid; border-color: #4d4d4d; font-size: 18px; text-align: center; padding: 10px; + padding-top: 20px; + padding-bottom: 20px; + margin-bottom: 5px; height: 50px; width: 50px; } - .charsheet input.sheet-attr-mod { + .charsheet .sheet-attr-mod { color: #4d4d4d; font-size: 24px; text-align: center; } - .charsheet p.sheet-attr-extra { + .charsheet .sheet-attr-extra { + display: block; font-style: italic; font-size: 10px; - padding-left: 20px; - margin-bottom: 0px; + line-height: 12px; + padding-left: 0; + padding-bottom: 0; + margin-bottom: 0; + margin-left: 0; } .charsheet .sheet-attr { + display: inline-block; + width: 10em; text-align: right; - font-size: 18px; + font-size: 14px; + font-family: "Times New Roman", Times, Serif; + padding: 0; + text-transform: uppercase; +} + .charsheet .sheet-attr:first-letter { + font-size: 1.4em; + font-weight: bold; +} + .charsheet .sheet-attr:first-line { + font-size: 1em; } .charsheet .sheet-fiftyfifty { width: calc(50% - 25px) !important; - } - +} .charsheet .sheet-midcol { width: 50px !important; - } - - .charsheet .sheet-columnrule { - -webkit-column-rule: 4px double #ff00ff; /* Chrome, Safari, Opera */ - -moz-column-rule: 4px double #ff00ff; /* Firefox */ - column-rule: 4px double #ff00ff; - } - +} .charsheet .sheet-right-border { border-right: 4px double #8c8b8b; - } - +} .charsheet .sheet-2colrow .sheet-col { margin-right: 10px !important; - } - +} + +.sheet-rolltemplate-btwtests table { + width: 100%; + border: 1px solid; + color: black; + font-size: 1em; + font-family: "Helvetica Neue", Helvetica, sans-serif; +} + +.sheet-rolltemplate-btwtests th { + background-color: rgb(89, 89, 89); + color: #ffffff; + padding: 2px; + border-bottom: 1px solid black; + line-height: 1.6em; + font-size: 1.2em; +} + +.sheet-rolltemplate-btwtests .userscript-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-btwtests td { + padding: 5px; + border-bottom: 1px solid black; +} \ No newline at end of file diff --git a/Beyond the Wall and Other Adventures/btwoa.html b/Beyond the Wall and Other Adventures/btwoa.html index b17de6c5d1..4153fb291c 100644 --- a/Beyond the Wall and Other Adventures/btwoa.html +++ b/Beyond the Wall and Other Adventures/btwoa.html @@ -96,7 +96,7 @@ on("change:str change:dex change:con change:int change:wis change:cha", function
hit points per level
@@ -144,7 +144,7 @@ on("change:str change:dex change:con change:int change:wis change:cha", functionlanguages known
@@ -159,7 +159,7 @@ on("change:str change:dex change:con change:int change:wis change:cha", functionsave vs mind control
@@ -174,7 +174,7 @@ on("change:str change:dex change:con change:int change:wis change:cha", functionmax # of allies
@@ -388,19 +388,84 @@ on("change:str change:dex change:con change:int change:wis change:cha", function
+ Find more at the publisher's website: https://www.flatlandgames.com