diff --git a/SharpSwordsAndSinisterSpells/README.md b/SharpSwordsAndSinisterSpells/README.md index 511903cab2..29e124c53c 100644 --- a/SharpSwordsAndSinisterSpells/README.md +++ b/SharpSwordsAndSinisterSpells/README.md @@ -1,3 +1 @@ -This is an unoficial character sheet for the Sharp Swords & Sinister Spells RPG game by Diogo Nogueira. - -Currently it is only in Portuguese language. +This is an unofficial character sheet for the Sharp Swords & Sinister Spells RPG game by Diogo Nogueira. diff --git a/SharpSwordsAndSinisterSpells/sharpswords.css b/SharpSwordsAndSinisterSpells/sharpswords.css index 5237e64523..3a9c073ba9 100644 --- a/SharpSwordsAndSinisterSpells/sharpswords.css +++ b/SharpSwordsAndSinisterSpells/sharpswords.css @@ -1,59 +1,63 @@ -/*----------------- GRID MAIN DEFINITIONS ------------------*/ -@import url('https://fonts.googleapis.com/css?family=New Rocker|Rosarivo&display=swap'); +/*----------------- MAIN CONTAINER DEFINITIONS ------------------*/ +@import url('https://fonts.googleapis.com/css?family=New+Rocker|Rosarivo&display=swap'); -.sheet-grid-main-container { - font-family: New Rocker; - font-size: 1em; - display: grid; - gap: 1.5em; - max-width: 800px; +.sheet-main-container { min-height: 600px; - /*justify-items: center;*/ - grid-template-columns: 0.5fr 1fr 1fr; - grid-template-rows: auto auto auto 1fr 1fr 1fr auto; - grid-template-areas: "header header header" - "defs defs defs" - "other-attr other-attr other-attr" - "main-attr weapons equipment" - "coins habilities spells" - "notes habilities spells" - "footer footer footer"; + min-width: 800px; + max-width: 1000px; } /*----------------- GENERAL CSS ------------------*/ +.sheet-main-font { + font-family: 'New Rocker'; + font-size: 1em; +} + +.sheet-second-font { + font-family: 'Rosarivo'; + font-size: 0.8em; +} + .sheet-flex-row { display: flex; flex-direction: row; - flex-wrap: wrap; + flex-wrap: wrap; } .sheet-flex-column { display: flex; - flex-direction: column; + flex-direction: column; + flex-wrap: wrap; } .sheet-nowrap { flex-wrap: nowrap; } -.sheet-grid-main-container input { - margin: 0 2px 0 2px; +.sheet-main-container input { + margin: 2px; } -.sheet-grid-main-container input[type=number] { - width: 40px; +.sheet-main-container input[type=number] { + width: 40px; } -.sheet-grid-main-container fieldset { +.sheet-main-container fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } -.sheet-grid-main-container textarea { - width: 100%; +.sheet-main-container textarea { + width: 100%; + height: 5em; + margin: 2px; +} + +.sheet-section { + margin: 0.7em; } .sheet-section-title { @@ -75,18 +79,27 @@ padding: 2px; } -.sheet-second-font { - font-family: Rosarivo; - font-size: 0.8em; +.sheet-die-select { + width: auto; + margin: 2px; +} + +.sheet-big-margin-bottom { + margin-bottom: 20px; +} + +.sheet-repeatable-item { + margin-bottom: 5px; } /*------------- GRID SECTIONS -------------*/ .sheet-header { - grid-area: header; + align-items: center; } .sheet-header h1 { margin: 0px; + align-items: center; } .sheet-sharp-swords { @@ -103,9 +116,7 @@ border-style:solid; } - .sheet-char-definitions { - grid-area: defs; justify-content: space-between; } @@ -122,16 +133,31 @@ flex-grow: 1; } +.sheet-middle-section { + justify-content: flex-start; +} + +.sheet-left-column { + justify-content: stretch; + width: 20%; +} + +.sheet-middle-column { + width: 40%; +} + +.sheet-right-column { + width: 40%; +} + .sheet-main-attributes { - grid-area: main-attr; display: grid; - grid-template-columns: 1fr auto 1fr 2fr; - justify-items: stretch; - align-items: center; + grid-template-columns: auto auto auto auto; + justify-items: flex-start; + align-items: center; } .sheet-other-attributes { - grid-area: other-attr; justify-content: space-evenly; align-items: center; } @@ -140,32 +166,14 @@ align-items: center; } -.sheet-habilities { - grid-area: habilities; -} - -.sheet-equipment { - grid-area: equipment; -} - -.sheet-notes { - grid-area: notes; -} - -.sheet-spells { - grid-area: spells; -} - -.sheet-weapons { - grid-area: weapons; +.sheet-notes textarea{ + height: 10em; + margin: 0px; + width: max-content; } .sheet-weapons-damage { - width: 4em; -} - -.sheet-coins { - grid-area: coins; + width: 5em; } .sheet-coins-grid { @@ -175,7 +183,6 @@ } .sheet-footer { - grid-area: footer; font-style: italic; font-size: 0.7em; justify-content: flex-end; diff --git a/SharpSwordsAndSinisterSpells/sharpswords.html b/SharpSwordsAndSinisterSpells/sharpswords.html index fe9117d0d0..228254f02c 100644 --- a/SharpSwordsAndSinisterSpells/sharpswords.html +++ b/SharpSwordsAndSinisterSpells/sharpswords.html @@ -1,32 +1,33 @@ -