Added Character Sheet for The Worst Days

Added Base files for The Worst Days

The Worst Days/WorstDays_CSS.css

@@ -0,0 +1,172 @@
+.AddButton {
+    background-color: lightblue;
+    font-size: x-small;
+    border-radius: 5px;
+    margin-left: 10px;
+    height: 90%;
+}
+
+.Centered {
+    text-align: center;
+}
+
+.ChkCol {
+    width: 20%;
+}
+
+.Facet {
+    margin-left: 15px;
+}
+
+.FullWidth {
+    width: 100%;
+}
+
+.HighlightSection {
+    background-color: yellow;
+}
+
+.RightColumnSection {
+    border: 1px black solid;
+    border-radius: 5px;
+    width: 100%;
+}
+
+.SectionTitle {
+    background-color: #a31d2d;
+    color: white;
+    font-weight: bolder;
+    font-size: x-large;
+    border-radius: 5px 5px 0px 0px;
+}
+
+.SheetHeader {
+    color: red;
+    size: 2rem;
+}
+
+.SmallInput {
+    width: 50px;
+}
+
+.SmallTitle {
+    font-weight: bolder;
+    font-size: large;
+    width: 100%;
+}
+
+.Trait {
+    font-weight: bolder;
+    font-size: large;
+    width: 110px;
+}
+
+.TraitSpaceColumn {
+    width: 10%;
+}
+
+.TraitTextColumn {
+    width: 45%;
+    vertical-align: top;
+}
+
+.TopSection {
+    border: 1px black solid;
+    border-radius: 5px;
+    width: 100%;
+}
+
+.logo {
+    text-align: center;
+    width: 60%;
+}
+
+.mtLeftColumn {
+    width: 70%;
+    border: 1px black solid;
+    border-radius: 5px;
+}
+
+.mtRightColumn {
+    width: 30%;
+    vertical-align: top;
+    text-align: center;
+}
+
+.widthEighty {
+    width: 70%;
+}
+
+.widthFull {
+    width: 100%;
+}
+
+input {
+    background-color: #fff1f1;
+}
+
+
+.charsheet .sheet-character,
+.charsheet .sheet-journal,
+.charsheet .sheet-survey {
+    display: none;
+}
+
+/* style the active button */
+.charsheet .sheet-tabstoggle[value="character"] ~ div .sheet-button0 {
+    outline: 2px solid red;
+}
+
+.charsheet .sheet-tabstoggle[value="journal"] ~ div .sheet-button1 {
+    outline: 2px solid red;
+}
+
+.charsheet .sheet-tabstoggle[value="survey"] ~ div .sheet-button2 {
+    outline: 2px solid red;
+}
+
+/* show the selected tab */
+.charsheet .sheet-tabstoggle[value="character"] ~ div.sheet-character,
+.charsheet .sheet-tabstoggle[value="journal"] ~ div.sheet-journal,
+.charsheet .sheet-tabstoggle[value="survey"] ~ div.sheet-survey {
+    display: block;
+}
+
+.survey-section {
+    margin-bottom: 15px;
+}
+
+    .survey-section label {
+        display: block;
+        margin-bottom: 5px;
+        font-weight: bold;
+    }
+
+    .survey-section textarea {
+        width: 100%;
+        height: 50px;
+    }
+
+.sheet-block-switch {
+    display: none;
+}
+
+.sheet-block-a,
+.charsheet .sheet-block-switch:checked ~ .sheet-block-b {
+    display: block;
+}
+
+.charsheet .sheet-block-b,
+.charsheet .sheet-block-switch:checked ~ .sheet-block-a {
+    display: none;
+}
+
+.lock {
+    font-family: 'Pictos';
+}
+
+.iconbutton {
+    border: none;
+    background-color: white;
+}
+

The Worst Days/sheet.json

@@ -0,0 +1,9 @@
+{
+  "html": "WorstDays.html",
+  "css": "WorstDays_CSS.css",
+  "authors": "J.W.G. Wise",
+  "roll20userid": "",
+  "preview": "WorstDays.JPG",
+  "instructions": "Pleae let us know if you have any suggestions!",
+  "legacy": false
+}