diff --git a/FreeSpacer/FreeSpacer.css b/FreeSpacer/FreeSpacer.css index 03347b969b..157b43aac0 100644 --- a/FreeSpacer/FreeSpacer.css +++ b/FreeSpacer/FreeSpacer.css @@ -493,60 +493,222 @@ select.sheet-typeSelector /* ************* */ .sheet-rolltemplate-FS { - margin-left: -37px; } - .sheet-rolltemplate-FS .withoutavatars - { - margin-left: -7px; - } - .sheet-rolltemplate-FS .sheet-rolltemplateContainer { display: grid; - grid-template-columns: repeat(12, 15px); - grid-template-rows: repeat(6,15px); - grid-row-gap: 2px; + grid-template-columns: repeat(24, 10px); + grid-template-rows: repeat(10,20px); + background-color: #353635; border: none; - background-color: darkgrey; font-family: 'Myriad Pro'; + color: white; + margin-left: -5px; + font-weight: 400; } - .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateSkill + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateHeader { grid-row: 1/2; - grid-column: 1/8; + grid-column: 1/-1; + background-color: #d87d29; + font-variant-caps: small-caps; + font-weight: 700; + font-size: 17px; + color: black; + margin-left: -5px; + padding-left: 2px; + padding-top: 3px; } - .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateSpecialty + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateTextRows { - grid-row: 1/2; - grid-column: 8/13; + padding-left: 2px; + padding-top: 3px; } - .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateTool + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol1 + { + grid-column: 1/13; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol2 + { + grid-column: 13/-1; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow1 { grid-row: 2/3; - grid-column: 1/13; + background-color: #414241; } - .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow2 { grid-row: 3/4; - grid-column: 1/13; + background-color: #353635; } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDiceSubheader + { + grid-column: 1/-1; + grid-row: 4/5; + background-color: #414241; + color: #d87d29; + font-variant-caps: small-caps; + font-weight: 500; + padding-left: 2px; + padding-top: 3px; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice + { + grid-row: 5/6; + background-color: #353635; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice { - grid-row: 4/5; - grid-column: 1/13; + grid-row: 7/8; + background-color: #353635; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-dice + { + justify-self: center; + align-self: center; + padding-top: 3px; + background-color: #353635; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die0 + { + grid-column: 2/4; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die1 + { + grid-column: 4/6; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die2 + { + grid-column: 6/8; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die3 + { + grid-column: 8/10; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die4 + { + grid-column: 10/12; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die5 + { + grid-column: 12/14; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die6 + { + grid-column: 14/16; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die7 + { + grid-column: 16/18; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die8 + { + grid-column: 18/20; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die9 + { + grid-column: 20/22; + } + + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .inlinerollresult + { + background-color: transparent; + border: none; + padding: 0px; + } + + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDiceSubheader + { + grid-column: 1/-1; + grid-row: 6/7; + background-color: #414241; + color: #d87d29; + font-variant-caps: small-caps; + font-weight: 500; + padding-left: 2px; + padding-top: 3px; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-excessDiceSubheader + { + grid-column: 1/-1; + grid-row: 8/9; + background-color: #414241; + color: #d87d29; + font-variant-caps: small-caps; + font-weight: 500; + padding-left: 2px; + padding-top: 3px; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-autoHits + { + padding-top: 3px; + grid-column: 10/16; + grid-row: 8/9; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-autoMisses + { + padding-top: 3px; + grid-column: 17/-1; + grid-row: 8/9; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-resultsSubheader + { + grid-column: 1/-1; + grid-row: 9/10; + background-color: #353635; + color: #d87d29; + font-variant-caps: small-caps; + font-weight: 500; + padding-left: 2px; + padding-top: 3px; } .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-result { - grid-row: 5/6; - grid-column: 1/13; + padding-top: 3px; + grid-row: 9/10; + grid-column: 8/-1; + background-color: #353635; + } + .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-outcomeSubheader + { + grid-column: 1/-1; + grid-row: 10/11; + background-color: #414241; + color: #d87d29; + font-variant-caps: small-caps; + font-weight: 500; + padding-left: 2px; + padding-top: 3px; } .sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-outcome { - grid-row: 6/7; - grid-column: 1/13; + padding-top: 3px; + grid-row: 10/11; + grid-column: 8/-1; + background-color: #414241; } diff --git a/FreeSpacer/FreeSpacer.html b/FreeSpacer/FreeSpacer.html index 28a01f503d..ff068bcfb9 100644 --- a/FreeSpacer/FreeSpacer.html +++ b/FreeSpacer/FreeSpacer.html @@ -250,11 +250,11 @@ - Roll Salvo + Roll Salvo Spend Charge & Close Salvo Mode - +