diff --git a/The Cthulhu Hack/ch.css b/The Cthulhu Hack/ch.css index c55480c729..c1232cd92e 100644 --- a/The Cthulhu Hack/ch.css +++ b/The Cthulhu Hack/ch.css @@ -1,466 +1,619 @@ -.sheet-content{ - width: 100%; - background-color: #222; - font-family: "Courier New", monospace; -} input:focus { - outline:none; + outline: none; + } - .sheet-head-container { - width: 100%; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - align-items: center; + width: 100%; + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; } - - -/* ================================================================================================ */ -/* Glyph, by Harry Roberts */ -.sheet-hrb, .sheet-hrb2, .sheet-hrb3, .sheet-hrb4, .sheet-hrb5, .sheet-hrc, .sheet-hrd, .sheet-hrn, .sheet-hrr, .sheet-hrs { - overflow: visible; - padding: 0; - border: none; - border-top: medium double #bfb; - text-align: center; - color: #bfb; - width: 100%; +.sheet-form-style-1,.sheet-form-style-4 { + max-width: 200px; + padding: 5px; + display: inline-block; + background-color:#f7f8f8; } - -.sheet-hrb:after, .sheet-hrb2:after, .sheet-hrb3:after, .sheet-hrb4:after, .sheet-hrb5:after, .sheet-hrc:after, .sheet-hrd:after, -.sheet-hrn:after, .sheet-hrr:after, .sheet-hrs:after { - display: inline-block; - position: relative; - padding: 0 0.25em; - background-color: #000; - top: -0.7em; - font-size: 12px; -} - -.sheet-hrc:after { - content: " THE CTHULHU HACK "; - font-size: 14px; -} -.sheet-hrd:after { - content: " Dice Bag "; -} -.sheet-hrs:after { - content: " Saves "; -} -.sheet-hrr:after { - content: " Resources "; -} -.sheet-hrn:after { - content: " Notes "; -} -.sheet-hrb:after { - content: " Backstory "; -} -.sheet-hrb2:after { - content: " Personal Description "; -} -.sheet-hrb3:after { - content: " Ideology / Beliefs / Traits "; -} -.sheet-hrb4:after { - content: " Significant People and how they matter "; -} -.sheet-hrb5:after { - content: " Treasured Possessions "; -} -/* End Glyph */ - -/* ================================================================================================ */ - -.sheet-form-style-1, .sheet-form-style-2, .sheet-form-style-3, .sheet-form-style-4 { - max-width:200px; - border-radius:2px; - padding:5px; - display: inline-block; -} - .sheet-form-style-2 { - max-width:380px; + display: inline-block; + border-style: none; } - -.sheet-form-style-3 { - - max-width: 150px; - min-height: 150px; +.sheet-form-style-1 { + max-width: 100%; +} +.sheet-form-style-2 { + max-width: 48%; } - .sheet-form-style-4 { - max-width:200px; - padding: 0px; - margin: 0px; + max-width: 200px; + padding: 0px; + margin: 0px; } - - -.sheet-form-style-1 h1, .sheet-form-style-2 h1, .sheet-form-style-3 h1, .sheet-form-style-4 h1 { - display: block; - text-align: center; - padding: 0; - color: #bfb; - font-size:x-large; +.sheet-form-style-1 h1,.sheet-form-style-2 h1,.sheet-form-style-4 h1 { + display: block; + text-align: center; + padding: 0; + color: #eaeaea; + font-size: x-large; } -.sheet-form-style-1 ul, .sheet-form-style-2 ul, .sheet-form-style-3 ul , .sheet-form-style-4 ul{ - list-style:none; - padding:0; +.sheet-form-style-1 ul,.sheet-form-style-2 ul,.sheet-form-style-4 ul { + list-style: none; + padding: 0; } - - -.sheet-form-style-1 li > label, .sheet-form-style-2 li > label, .sheet-form-style-3 li > label, .sheet-form-style-4 li > label { - - display: block; - float: left; - margin-top: -19px; - height: 14px; - padding: 2px 0px 2px 5px; - color: #bfb; - font-size: 14px; - overflow: hidden; - font-variant: small-caps; +.sheet-form-style-1 li>label,.sheet-form-style-2 li>label,.sheet-form-style-4 li>label { + display: block; + float: left; + margin-top: -19px; + height: 14px; + padding: 2px 0px 2px 5px; + color: #183642; + font-size: 14px; + overflow: hidden; + font-variant: small-caps; + background-color:#f7f8f8; } - label { - background-color: #222; - width: auto; + background-color: #fbfcfc; + width: auto; } - -.sheet-form-style-1 li, .sheet-form-style-2 li, .sheet-form-style-3 li , .sheet-form-style-4 li{ - display: block; - padding: 9px; - border:1px dotted #bfb; - border-radius: 3px; +.sheet-form-style-1 li,.sheet-form-style-4 li { + display: block; + padding: 9px; } -.sheet-form-style-3 input[type="text"], -.sheet-form-style-1 input[type="text"], -.sheet-form-style-1 input[type="date"], -.sheet-form-style-1 input[type="datetime"], -.sheet-form-style-1 input[type="email"], -.sheet-form-style-1 input[type="number"], -.sheet-form-style-1 input[type="search"], -.sheet-form-style-1 input[type="time"], -.sheet-form-style-1 input[type="url"], -.sheet-form-style-1 input[type="password"], -.sheet-form-style-2 textarea, -.sheet-form-style-1 select -{ - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - display: block; - outline: none; - border: none; - height: 25px; - line-height: 25px; - font-size: 12px; - padding: 0; - background-color: #333; - color: #bfb; - text-align: center; +.sheet-form-style-2 li { + display: block; + //padding: 9px; +} +.sheet-form-style-1 { + width: 600px; +} +.sheet-form-style-1 input[type="text"],.sheet-form-style-1 input[type="date"],.sheet-form-style-1 input[type="datetime"],.sheet-form-style-1 input[type="email"],.sheet-form-style-1 input[type="number"],.sheet-form-style-1 input[type="search"],.sheet-form-style-1 input[type="time"],.sheet-form-style-1 input[type="url"],.sheet-form-style-1 input[type="password"],.sheet-form-style-2 textarea,.sheet-form-style-1 select { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + display: block; + outline: none; + border: none; + height: 25px; + line-height: 25px; + font-size: 14px; + padding: 0px; + background-color: #eff0f0; + color: #000000; + text-align: center; } .sheet-form-style-2 textarea { - width: 350px; - height: 100px; - text-align: left; + width: 99%; + height: 400px; + //text-align: left; } -.sheet-form-style-3 input[type="text"]:focus, -.sheet-form-style-1 input[type="text"]:focus, -.sheet-form-style-1 input[type="date"]:focus, -.sheet-form-style-1 input[type="datetime"]:focus, -.sheet-form-style-1 input[type="email"]:focus, -.sheet-form-style-1 input[type="number"]:focus, -.sheet-form-style-1 input[type="search"]:focus, -.sheet-form-style-1 input[type="time"]:focus, -.sheet-form-style-1 input[type="url"]:focus, -.sheet-form-style-1 input[type="password"]:focus, -.sheet-form-style-1 textarea:focus, -.sheet-form-style-1 select:focus -{ +.sheet-form-style-3 input[type="text"]:focus,.sheet-form-style-1 input[type="text"]:focus,.sheet-form-style-1 input[type="date"]:focus,.sheet-form-style-1 input[type="datetime"]:focus,.sheet-form-style-1 input[type="email"]:focus,.sheet-form-style-1 input[type="number"]:focus,.sheet-form-style-1 input[type="search"]:focus,.sheet-form-style-1 input[type="time"]:focus,.sheet-form-style-1 input[type="url"]:focus,.sheet-form-style-1 input[type="password"]:focus,.sheet-form-style-1 textarea:focus,.sheet-form-style-1 select:focus { } -.sheet-form-style-1 li > span, .sheet-form-style-2 li > span, .sheet-form-style-3 li > span , .sheet-form-style-4 li > span{ - background: #bfb; - display: block; - padding: 3px; - text-align: center; - color: #000; - font-size: 11px; +.sheet-form-style-1 li>span,.sheet-form-style-2 li>span,.sheet-form-style-4 li>span { + display: block; + padding: 0px; + text-align: center; + font-size: 11px; } -.sheet-form-style-2 textarea{ - resize:none; - max-width:340px; - +.sheet-form-style-2 textarea { + resize: none; + max-width: 100%; + text-align: left; } - - .sheet-ob_value_ta::-webkit-scrollbar { - width: 12px; - background-color: #bfb; + width: 12px; + background-color: #183642; } .sheet-ob_value_ta::-webkit-scrollbar-thumb { - border-radius: 10px; - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); - background-color: #111; + border-radius: 10px; + -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); + background-color: #111; } - .sheet-ob_value_ta { - outline: none; - background-color: #111; - color:#bfb; - font-size: 12px; - height: 50px; - border: 1px dotted white; - padding-right: 10px; - font-family: "Courier New", Courier, monospace; - resize: none; + outline: none; + background-color: #111; + color: #183642; + font-size: 12px; + height: 50px; + border: 1px dotted white; + padding-right: 10px; + font-family: "Courier New", Courier, monospace; + resize: none; + width: 100%; } - .sheet-rollbutton { - font-size: 32px; - width: 32px; + border: 0; + background: none; + box-shadow: none; + border-radius: 0px; + font-size: 48px; + width: 52px; + color: #4f5d75; + color: red; } -.sheet-rollbutton { - border: 0; - background: none; - box-shadow: none; - border-radius: 0px; - font-size: 48px; - width: 48px; - color: white; +.sheet-genButton { + //background-color: #4CAF50; + /* Green */ + border: none !; + color: white !; + padding: 15px 32px; + text-align: center; + text-decoration: none !; + display: inline-block; + font-size: 16px; } - -.sheet-rollbar{ - text-align: center; - width: 100%; +.sheet-genButton :hover{ + //background-color: #4CAF50; + /* Green */ + border: none !; + color: white !; + padding: 15px 32px; + text-align: center; + text-decoration: none !; + display: inline-block; + font-size: 16px; } -.sheet-rollbar button[type=roll]::before{ - content: '' !important; +.sheet-rollbar { + text-align: center; + width: 90%; + font-size: 25px !important; + background-color:#eff0f0; + margin-bottom: 15px; + margin-left: auto; + margin-right: auto; +} +.sheet-rollbar button[type=roll]::before, .sheet-gen button[type=roll]::before, .sheet-genButton.btn.ui-draggable::before, .sheet-genButtonResources.btn.ui-draggable::before { + content: '' !important; } - .attr_row { - width: 100%; - display: flex; - flex-direction: row; - justify-content: flex-start; - align-content: space-around; + width: 100%; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-content: space-around; } .attr_container { - font-family: "Courier New", Courier, monospace; - border-radius: 0px; - padding: 5px; - border-width: 1px; - text-align: center; - background-color:#222; - color: #fff; - height: auto; - width: 88px; - margin: auto; - display: block; + font-family: "Courier New", Courier, monospace; + border-radius: 0px; + padding: 5px; + border-width: 1px; + text-align: center; + background-color: #eaeaea; + color: #fff; + height: auto; + width: 68px; + margin: auto; + display: block; } .attr_title { - color:#bfb; - font-size:18px; + color: #183642; + font-size: 18px; } .attr_sub { - font-size: 14px; - height: 100px; + font-size: 14px; + height: 100px; } .attr_adv { - color:#bfb; - font-size: 12px; + color: #183642; + font-size: 12px; } .attr_val { - width: 60px; - height: 50px; - text-align: center; - display: block; - margin : 0 auto; + width: 60px; + height: 50px; + text-align: center; + display: block; + margin: 0 auto; } - .sheet-atNum { - font-size: 28px; - width: 40px; + font-size: 28px; + width: 40px; } .sheet-check { - -webkit-appearance: none; - background-color: #222; - border: 1px solid #bfb; - box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); - padding: 9px; - border-radius: 3px; - display: inline-block; - position: relative; - margin: 5px; + -webkit-appearance: none; + background-color: #eaeaea; + border: 1px solid #183642; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); + padding: 9px; + border-radius: 3px; + display: inline-block; + position: relative; + margin: 5px; } -.sheet-check:active, .sheet-check:checked:active { - box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); +.sheet-check:active,.sheet-check:checked:active { + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); } .sheet-check:checked { - box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); - background-color: #bfb; - border-color: #4c4; - color: #000; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); + background-color: #183642; + border-color: #4f5d75; + color: #253a4e; } .sheet-check:checked:after { - font-family: "Pictos"; - content: '3' !important; - font-size: 14px; - position: absolute; - top: 2px; - left: 2px; - color: #99a1a7; + font-family: "Pictos"; + content: '3' !important; + font-size: 14px; + position: absolute; + top: 2px; + left: 2px; + color: #99a1a7; } .sheet-skills { - font-family: "Courier New", Courier, monospace; - - border-radius: 0px; - padding: 0px; - border-width: 1px; - border-style: dotted; - border-color: white; - width: 250px; - display: inline-block; - text-align: center; - - color: #fff; - text-align: center; + border-radius: 0px; + padding: 0px; + border-width: 1px; + border-style: dotted; + border-color: white; + width: 250px; + display: inline-block; + text-align: center; + color: #fff; + text-align: center; } -.sheet-dx, .sheet-d4, .sheet-d6,.sheet-d8, .sheet-d10, .sheet-d12, .sheet-d20 { - font-size:18px; - padding: 0px; - width: 18px; - background-color: #222; - +.sheet-form-style-4 li { + background-color: #fbfcfc; + color: #4f5d75; + } - -.sheet-dx{ - font-family: "Pictos"; - width: 24px; +.sheet-dx,.sheet-d4,.sheet-d6,.sheet-d8,.sheet-d10,.sheet-d12,.sheet-d20 { + font-size: 18px; + padding: 0px; + width: 18px; + //background-color: #f7f8f8; + background-color:#eff0f0 !important; +} +.sheet-dx { + font-family: "Pictos"; + width: 24px; } .sheet-d4 { - font-family: "dicefontd4"; + font-family: "dicefontd4"; } .sheet-d6 { - font-family: "dicefontd6"; + font-family: "dicefontd6"; } .sheet-d8 { - font-family: "dicefontd8"; + font-family: "dicefontd8"; } .sheet-d10 { - font-family: "dicefontd10"; + font-family: "dicefontd10"; } .sheet-d12 { - font-family: "dicefontd12"; + font-family: "dicefontd12"; } .sheet-d20 { - font-family: "dicefontd20"; + font-family: "dicefontd20"; } - .sheet-radio-toolbar { - display: inline-block; - text-align: center; - align-content: center; - + display: inline-block; + text-align: center; + align-content: center; + background-color:#eff0f0 !important; } - .sheet-radio-toolbar input[type="radio"] { - opacity: 0; - position: fixed; - width: 0; + opacity: 0; + position: fixed; + width: 0; + background-color:#eff0f0 !important; } .sheet-radio-toolbar label { - display: inline-block; - float: left; + display: inline-block; + float: left; } -.sheet-radio-toolbar ::after{ - box-sizing : 0; +.sheet-radio-toolbar ::after { + box-sizing: 0; } .sheet-radio-toolbar label:hover { - color: yellow; + color: yellow; } -.sheet-radio-toolbar input[type="radio"] + label { - color: #FFF; - padding: 1px; +.sheet-radio-toolbar input[type="radio"]+label { + color: #4f5d75; + padding: 3px; + font-size: 24px; } -.sheet-radio-toolbar2 input[type="radio"] + label { - color: #FFF; - padding: 2px; +.sheet-radio-toolbar2 input[type="radio"]+label { + color: #4f5d75; + padding: 2px; } -.sheet-radio-toolbar input[type="radio"]:checked + label { - color: #bfb; - padding: 1px; +.sheet-radio-toolbar input[type="radio"]:checked+label { + color: #ef8354; + padding: 3px; } -.sheet-fl_dx input[type="radio"]:checked + label { - color: red; - padding: 1px; +.sheet-fl_dx input[type="radio"]:checked+label { + color: red; + padding: 3px; } .sheet-hd-skills { - width: 200px; + width: 200px; } .sheet-hp { - font-family: "Courier New", Courier, monospace; - border-radius: 0px; - padding: 20px; - border-width: 1px; - width: 220px; - display: inline-block; - text-align: center; - background-color:#555; - color: #fff; + font-family: "Courier New", Courier, monospace; + border-radius: 0px; + padding: 20px; + border-width: 1px; + width: 220px; + display: inline-block; + text-align: center; + background-color: #555; + color: #fff; } .sheet-armed { - font-family: "Courier New", Courier, monospace; - background-color: #FFF; - border-radius: 0px; - padding: 15px; - border-width: 1px; - width: 110px; - display: inline-block; - text-align: center; - background-color:#555; - color: #fff; + background-color: #FFF; + border-radius: 0px; + padding: 15px; + border-width: 1px; + width: 110px; + display: inline-block; + text-align: center; + background-color: #555; + color: #fff; } -.sheet-rolltemplate-test div.sheet-template-container { - border: 2px solid #000 !important; - border-radius: 3px 3px 3px 3px; - background-color: #555; + + +.sheet-content { + display: flex; + flex-flow: column wrap; + color: #4f5d75; + background-color: #f7f8f8; + width: 700px; } -.sheet-rolltemplate-test .sheet-template-header { - background-color: rgba(112, 32, 130,1); - color: #000; - padding: 2px; - border-bottom: 1px solid black; - line-height: 1.6em; - font-size: 16px; +.sheet-section1 { + display: block; + width: 700px; + text-align: center; + justify-content: center; + align-content: center; } -.sheet-rolltemplate-test div { - padding: 5px; - border-bottom: 1px solid black; +.sheet-section2 { + display: block; + width: 680px; + text-align: center; + justify-content: center; + align-content: center; + background-color:#f7f8f8; + margin-left: 20px; } -.sheet-rolltemplate-test div:nth-child(odd) { - background-color: rgba(217, 217, 214,1); +.sheet-section3 { + display: block; + width: 700px; + text-align: center; } -.sheet-rolltemplate-test div:nth-child(even) { - background-color: rgba(233, 233, 233,1); +.sheet-wealthElement,.sheet-combatElement,.sheet-damageElement { + width: 20%; + display: block; + float: left; + //background-color: #ef8354; + border-left-style: solid; + border-left-color: #ffffff; + border-left-width: 2px; } -.sheet-rolltemplate-test .inlinerollresult { - display: inline-block; - min-width: 1.5em; - text-align: center; - border: 2px solid rgba(167, 168, 170,1); - background-color:#FFF; +.sheet-wealthElement ul,.sheet-combatElement ul,.sheet-damageElement ul { + margin: 0px; } -.sheet-rolltemplate-test .inlinerollresult.fullcrit { - border: 2px solid #3FB315; +.sheet-wealthElement input,.sheet-combatElement input,.sheet-damageElement input { + color: #2d3142; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + display: block; + outline: none; + border: none; + border-bottom-color: #eff0f0; + border-bottom-style: dotted; + height: 35px; + line-height: 30px; + font-size: 16px; + padding: 0; + background-color: #ef8354; + text-align: center; + color: #eff0f0; } -.sheet-rolltemplate-test .inlinerollresult.fullfail { - border: 2px solid #B31515; +.sheet-wealthElementLabel,.sheet-nameTagElementLabel,.sheet-combatElementLabel,.sheet-damageElementLabel { + display: block; + margin-top: -19px; + height: 14px; + padding: 2px 0px 2px 0px; + font-size: 14px; + overflow: hidden; + font-variant: small-caps; + text-align: center; + background-color: #f7f8f8; } -.sheet-rolltemplate-test .inlinerollresult.importantroll { - border: 2px solid #4A57ED; +.sheet-wealthElement input, .sheet-wealthElement, .sheet-wealthElementLabel { + color: #eff0f0; + background-color: #85cfbe; +} +.sheet-damageElement input, .sheet-damageElement, .sheet-damageElementLabel { + color: #eff0f0; + background-color: #4f5d75; +} +.sheet-combatElement input, .sheet-combatElement, .sheet-combatElementLabel { + color: #eff0f0; + background-color: #ef8354; +} +.sheet-nameTagElement { + width: 35%; + display: block; + float: left; + +} +.sheet-nameTagElement input { + color: #2d3142; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + display: block; + outline: none; + border: none; + height: 35px; + line-height: 30px; + font-size: 16px; + padding: 0; + background-color: #eff0f0; + text-align: center; +} +.sheet-formatHelpText { + line-height: 9px; + height: 25px; + font-size: 11px; +} +.sheet-form-style-3 { + max-width: 15%; + display: inline-block; +} +.sheet-form-style-2 ul { + margin: 0px; +} +.sheet-form-style-3 ul { + padding: 10px; +} +.sheet-form-style-3 input { + width: 90%; +} +.sheet-check { + width: 15px !important; +} +.sheet-form-style-3 li>label { + display: block; + margin-top: -19px; + height: 14px; + padding: 2px 0px 2px 5px; + font-size: 14px; + overflow: hidden; + font-variant: small-caps; +} +.sheet-attrWrapper { + text-align: center !important; + justify-content: center !important; + align-content: center !important; + background-color: #f7f8f8; + font-size: 9px; + font-weight: bold; +} +.sheet-form-style-3 li>input[type="text"] { + color: #183642; + font-size: 14px; + overflow: hidden; + font-variant: small-caps; + height: 35px; + font-size: 16px; + padding: 0; + background-color: #eff0f0; + text-align: center; + border: 0px; +} +.sheet-form-style-3 li { + padding: 9px; + width: 100%; +} +.sheet-form-style-3 span { + font-size: 9px; +} +li { + list-style: none; + padding: 0; +} +.sheet-form-style-4 li { + background-color:#f7f8f8; +} + +.sheet-sectionBreak { + width: 90%; + margin-left: auto; + margin-right: auto; + border-top: 1px dotted; +} +.sheet-gen { + + border: 0; + background: none; + box-shadow: none; + border-radius: 0px; + font-size: 10px; + font-size: 10px !important; +} +.sheet-gen_a { + + border: 0; + background: none; + box-shadow: none; + border-radius: 0px; + font-size: 16px; + margin-bottom: 2px; +} +.sheet-genButton { + text-align: center; + background-color: #eff0f0; + margin-bottom: 15px; + line-height: 10px; + margin: 0; + overflow: visible; + text-transform: none; + border-style: none; + padding: 0; + background: transparent; + cursor: pointer; + color: blue; +} + +.sheet-genButtonResources, .sheet-genButtonResources:hover { + text-align: center; + background-color: #eff0f0; + margin-bottom: 15px; + line-height: 10px; + overflow: visible; + text-transform: none; + border-style: none; + padding: 10px !important; + background: transparent; + cursor: pointer; + color: blue; +} + +.sheet-rolltemplate-saveCheck, .sheet-rolltemplate-attributes, .sheet-rolltemplate-resources{ + padding: 2px; + line-height: 1.6em; + font-size: 16px; + width: 100% +} + +.sheet-rolltemplate-saveCheck div.sheet-template-container, .sheet-rolltemplate-attributes div.sheet-template-container, .sheet-rolltemplate-resources div.sheet-template-container{ + background-color: #4f5d75; + color: white; + padding: 5px; +} + +.sheet-rolltemplate-saveCheck-results div:nth-child(odd){ + background-color: rgba(217, 217, 214, 1); + color: #4f5d75; + border-bottom: 1px dotted black; +} +.sheet-rolltemplate-saveCheck-results div:nth-child(even){ + background-color: rgba(233, 233, 233, 1); + color: #4f5d75; + border-bottom: 1px dotted black; +} +.sheet-rolltemplate-saveCheck, .inlinerollresult{ + display: inline-block; + min-width: 1.5em; + text-align: center; + +} +.sheet-rolltemplate-saveCheck .inlinerollresult.fullcrit{ + border: 2px solid #3FB315; +} +.sheet-rolltemplate-saveCheck .inlinerollresult.fullfail{ + border: 2px solid #B31515; +} +.sheet-rolltemplate-saveCheck .inlinerollresult.importantroll{ + border: 2px solid #4A57ED; +} + +.sheet-rolltemplate-attributes .sheet-template-header, .sheet-rolltemplate-resources .sheet-template-header { + text-align: center; } diff --git a/The Cthulhu Hack/ch.html b/The Cthulhu Hack/ch.html index 95fb9f3c08..dce427caaf 100644 --- a/The Cthulhu Hack/ch.html +++ b/The Cthulhu Hack/ch.html @@ -1,429 +1,418 @@ +
+
+
+
+
+
+
+
    +
  • + + + +
    • +
+
+
    +
  • + + + +
    • +
+
+
    +
  • + + + +
    • +
+
+ +
+
    +
  • +
    + +
    • +
+
    +
  • + + + +
    • +
+
+
    +
  • + + + +
    • +
+
+
    +
  • + +

    + +
    • +
+
+ +
+
    +
  • +
    + +
    • +
+
    +
  • + + + +
    • +
+
+
    +
  • + + + +
    • +
+
+
    +
  • + +

    + +
    • +
+ +
+ +
+
    +
  • +
    + +
    • +
+
    +
  • + + + +
    • +
+
+
    +
  • + +

    + +
    • +
+
+
    +
  • + +

    + +
    • +
+
+
+
+ + +
+
+
+
+
+ +
+
+ + +
    +
  • +
    + + +
    + +

    + vs Melee attacks Harm that Cannot be dodged +

    + +
    • +
+
+
+
    +
  • +
    + + +
    + + +

    + vs Ranged attack Harm that can be dodged +

    + +
    • +
+
+
+
    +
  • +
    + + +
    + +

    + vs Poison, disease, pain and instant death +

    + +
    • +
+
+
+
    +
  • +
    + + + +
    + +

    + vs Deception, illusion and complexity +

    + +
    • +
+
+
+
    +
  • +
    + + +
    + +

    + vs Puzzles, magic, alien science +

    + +
    • +
+
+
+
    +
  • +
    + -

    +
    + +

    + vs Mind control, hypnosis, glamour +

    + +
    • +
+
+
+
+
+
+
+
    +
  • + + + +
    + + + + + + + + + + + + + + -
    +
    + Spot, Recall, Research +
    • +
+
+
+
    +
  • + + + +
    + + + + + + + + + + + + + + +
    + Coerce, Carouse, Bully +
    • +
+
+

+
    +
  • + + + +
    + + + + + + + + + + + + + + -
    -
    -
      -
    • - - - -
      • -
    -
    +
    +


    +
    • +
+
+
-
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
-
-
    -
  • - - - -
    • -
-
-
-
    -
  • - - - -
    • -
-
-
- -
-
-
-
    -
  • - - - vs Melee attacks Harm that Cannot be dodged - - -
    • -
-
- -
-
    -
  • - - - vs Ranged attack Harm that can be dodged - - -
    • -
-
- -
-
    -
  • - - - vs Poison, disease, pain and instant death - - -
    • -
-
- -
-
    -
  • - - - vs Deception, illusion and complexity - - -
    • -
-
- -
-
    -
  • - - - vs Puzzles, magic, alien science - - -
    • -
-
- -
-
    -
  • - - - vs Mind control, hypnosis, glamour - - -
    • -
-
- - -
- -
-
-
    -
  • - - -
    - - - - - - - - - - - - - - - -
    - Spot, Recall, Research -
    • -
-
-
-
    -
  • - - -
    - - - - - - - - - - - - - - -
    - Coerce, Carouse, Bully -
    • -
-
-
-
    -
  • - - -
    - - - - - - - - - - - - - - - -
    - -
    • -
-
-
-
    -
  • - - -
    - - - - - - - - - - - - - - - -
    - -
    • -
-
-
-
    -
  • - - -
    - - - - - - - - - - - - - - - - -
    - -
    • -
-
-
-
    -
  • - - -
    - - - - - - - - - - - - - - - - - - - -
    - -
    • -
-
-
- -
- -
- - - - - - - - - - - -
-
-
- -
-
    -
  • - - - -
    • -
-
- - -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- - -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
- -
-
    -
  • - - - -
    • -
-
-
-
+
+
+

+
+ +
+
+ +
+
+ + +

The Cthulhu Hack

is by Paul Baldowski - - - -
-
{{rollname}}
- {{#D1}}
{{D1}}
{{/D1}} - {{#D2}}
{{D2}}
{{/D2}} -
+ +
+
The Cthulhu Hack
+
+ {{#D1}} +
Roll: {{D1}}
+
{{D3}} Resource Dice: {{D2}}
+ {{/D1}} + {{#rollLess() 3 D1}} +
Pass
+ {{/rollLess() 3 D1}} + + {{#rollLess() D1 3}} +
Fail
+ {{/rollLess() D1 3}} +
+
+ + + + +
+
The Cthulhu Hack
+
+ {{#D1}} +
Roll: {{D1}}
+
{{rollname}}: {{D2}}
+ {{/D1}} + + {{#rollLess() D1 D2}} +
{{rollname}} Save Check Pass
+ {{/rollLess() D1 D2}} + + {{#rollLess() D2 D1}} +
{{rollname}} Save Check Fail
+ {{/rollLess() D2 D1}} + + {{#rollTotal() D2 D1}} +
{{rollname}} Save Check Fail
+ {{/rollTotal() D2 D1}} +
+
+ + +
+
The Cthulhu Hack
+
{{rollname}}
+
+ {{#D1}} +
{{D1}}
+ {{/D1}} + {{#D2}} +
{{D2}}
+ {{/D2}} + {{#D3}} +
{{D3}}
+ {{/D3}} + {{#D4}} +
{{D4}}
+ {{/D4}} + {{#D5}} +
{{D5}}
+ {{/D5}} + {{#D6}} +
{{D6}}
+ {{/D6}} +
+
+ + diff --git a/The Cthulhu Hack/med.png b/The Cthulhu Hack/med.png index c0e533d78e..301ec495a5 100644 Binary files a/The Cthulhu Hack/med.png and b/The Cthulhu Hack/med.png differ