diff --git a/MatronsOfMystery/Images/MatronsOfMysteryHeader.png b/MatronsOfMystery/Images/MatronsOfMysteryHeader.png new file mode 100644 index 0000000000..79fc3aff07 Binary files /dev/null and b/MatronsOfMystery/Images/MatronsOfMysteryHeader.png differ diff --git a/MatronsOfMystery/MatronsOfMystery.css b/MatronsOfMystery/MatronsOfMystery.css new file mode 100644 index 0000000000..1355a63a9b --- /dev/null +++ b/MatronsOfMystery/MatronsOfMystery.css @@ -0,0 +1,162 @@ +/* Set the min-width so that when the window is resized the look will stay consistant */ + +@import url('https://fonts.googleapis.com/css2?family=Modern+Antiqua&display=swap'); +.charsheet { + background-color: #FFF2F2; + min-width: 825px; + font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif; + font-size:14px; + /*background-image: url('https://d1vzi28wh99zvq.cloudfront.net/images/4329/267203.jpg');*/ +} + +/* Universal styling applied to all elements of these types */ + +.sheet-title { + text-align: center; +} + +h3 { + font-size:2em; + margin-bottom:10px; + margin-top:10px; + font-family: 'Modern Antiqua', Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif; +} + +/* LAYOUT */ +.sheet-container { + display: grid; + grid-template-columns: 450px 370px; + grid-template-rows: auto; + gap: 5px 5px; + grid-template-areas: + "personal investigation" + "contacts conditions" + "notes notes" +} + +.sheet-personal { + grid-area:personal; +} + +.sheet-investigation { + grid-area:investigation; +} + +.sheet-contacts { + grid-area:contacts; +} + +.sheet-conditions-experience { + grid-area:conditions +} + +.sheet-notes { + grid-area:notes; +} + +/* DESIGN ELEMENTS */ + +/* personal */ + +.sheet-personal label { + display: inline-block; + width: 150px; + vertical-align:top; +} + +.sheet-personal input { + display: inline-block; + width: 270px; +} + +.sheet-personal textarea { + display: inline-block; + width: 260px; + height:55px; + margin-bottom:0; +} + +/* investigation */ + +.sheet-investigation .header { + text-align:center; + display:inline-block; + font-weight:bold; +} + +.sheet-investigation label { + display: inline-block; + width: 90px; +} + +.sheet-investigation .primary { + width:45px; + display:inline-block; + text-align:center; +} + +.sheet-investigation input { + width: 20px; +} + +.sheet-investigation input[type=checkbox] { + height: 20px; + width: 20px; + border-radius: 0; +} + +.sheet-investigation button[type=roll].sheet-dice::before { + font-family: 'dicefontd6'; + content: 'ff '; +} + +.sheet-investigation button[type=roll].sheet-dice-advantage::before { + font-family: 'dicefontd6'; + content: 'Fff '; +} + +.sheet-investigation button[type=roll].sheet-dice-disadvantage::before { + font-family: 'dicefontd6'; + content: 'ffF '; +} + +.sheet-investigation p { + font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif; + font-style: italic; + font-size:16px; + margin-top:10px; +} + +/* contacts */ + +.sheet-contacts textarea { + display: inline-block; + width: 420px; + height:200px; +} + +/* conditions and experience */ + +.sheet-conditions-experience input { + display: inline-block; + width: 270px; +} +.sheet-conditions-experience input[type=checkbox] { + height: 20px; + width: 20px; + border-radius: 0; + margin-bottom:3px; +} + +.sheet-conditions-experience p { + font-family: Book Antiqua, Palatino, Palatino Linotype, Palatino LT STD, Georgia, serif; + font-style: italic; + font-size:16px; + margin-top:10px; +} + +/* notes */ + +.sheet-notes textarea { + width:815px; +} \ No newline at end of file diff --git a/MatronsOfMystery/MatronsOfMystery.html b/MatronsOfMystery/MatronsOfMystery.html new file mode 100644 index 0000000000..863956e279 --- /dev/null +++ b/MatronsOfMystery/MatronsOfMystery.html @@ -0,0 +1,84 @@ +

Tick your primary investigation style
+Spend 1XP to add +1 to a dice roll (max +3)
+