diff --git a/Storm-Furies/storm-furies.css b/Storm-Furies/storm-furies.css index 06ef766c20..64376bab61 100644 --- a/Storm-Furies/storm-furies.css +++ b/Storm-Furies/storm-furies.css @@ -703,12 +703,13 @@ input.sheet-zero:checked+span { align-items: start; gap: 5px; font-size: 12px; - grid-template: 50px 23px repeat(4, auto)/6.5fr 4.1fr 5.2fr 4.8fr; + /* grid-template: 50px 23px repeat(4, auto)/6.5fr 4.1fr 5.2fr 4.8fr;*/ + grid-template: 100px 150px 350px 90px 1fr / 3fr 1fr 3fr 3fr 3fr; } .sheet-logo { grid-column: 1; - grid-row: span 2; + grid-row: 1; align-self: stretch; } @@ -737,7 +738,7 @@ input.sheet-zero:checked+span { } .sheet-glory { - grid-column: span 2; + grid-column: span 3; align-self: stretch; } @@ -758,6 +759,7 @@ input.sheet-zero:checked+span { } .sheet-namebox { + grid-column: span 2; align-self: stretch; } @@ -787,9 +789,10 @@ input.sheet-zero:checked+span { .sheet-info { display: grid; align-content: start; - grid-row: 3; - grid-column: 1; + grid-row: 1; + grid-column: span 4; grid-gap: 10px; + grid-template: auto / 1fr 1fr; } .sheet-info .sheet-infobox { @@ -846,28 +849,6 @@ input.sheet-zero:checked+span { border-left: 2px solid black; } -.sheet-honored-god { - position: relative; -} - -.sheet-honored-god label { - position: absolute; - z-index: 5; - width: auto; - height: 12px; - right: -6px; - margin: 0; - padding: 0; -} - -.sheet-honored-god label:first-of-type { - top: calc(25% - 6px); -} - -.sheet-honored-god label:last-of-type { - bottom: calc(25% - 6px); -} - button[type="roll"].sheet-domain-button-command { /*background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Agon%20Official/Assets/arts_oration.png");*/ background: url("https://agilepraxis.de/wp-content/uploads/2021/01/command.png"); @@ -894,10 +875,11 @@ button[type="roll"].sheet-domain-button-systems { line-height: 1; align-content: start; align-self: start; - grid-row: 2 / 4; - grid-column: 2; + grid-row: 2; + grid-column: span 3; grid-gap: 10px; margin-top: 5px; + grid-template: 1fr 1fr / 1fr 1fr; } .charsheet .sheet-domains .sheet-title { @@ -954,6 +936,18 @@ button[type="roll"].sheet-domain-button-systems { background-position: 8px center; } +.sheet-domains .sheet-flight-logo { + grid-row: span 2; +} + + +.sheet-charges-burn { + grid-row: span 1; + grid-column: span 3; + display: grid; + grid-template: auto / 3fr 55px 3fr; +} + .sheet-charges { position: relative; left: -17px; @@ -1077,8 +1071,8 @@ button[type="roll"].sheet-domain-button-systems { left: -17px; width: calc(100% + 17px); min-height: 155px; - grid-row: 6; - grid-column: span 4; + grid-row: span 1; + grid-column: 5; } .sheet-recite>.sheet-title { @@ -1089,9 +1083,10 @@ button[type="roll"].sheet-domain-button-systems { gap: 3px 5px; column-gap: 5px; row-gap: 3px; - display: grid; + display: flex; align-content: start; - grid-template: auto/repeat(5, 1fr); +/* grid-template: repeat(5, 1fr)/auto;*/ + flex-direction: column; padding-left: 5px; } @@ -1123,60 +1118,17 @@ button[type="roll"].sheet-domain-button-systems { font-style: italic; } -.sheet-burn-bonds { - grid-row: span 3; +.sheet-bonds { + grid-row: span 1; align-self: stretch; align-items: start; border-left: 2px solid black; - display: grid; - grid-template: auto / 57px 1fr; + display: flex; + flex-direction: column; margin: 5px 0 0 5px; } -.sheet-burn-bonds .sheet-burn-fate { - border-right: 2px solid black; - border-bottom: 2px solid black; - display: flex; - align-items: center; - flex-flow: column; - padding-bottom: 8px; -} - -.sheet-burn-bonds .sheet-burn-fate input[type="checkbox"].sheet-circlebox, .sheet-burn-bonds .sheet-burn-fate input[type="checkbox"].sheet-squarebox { - margin-right: 0; - margin-bottom: -12px; -} - -.sheet-burn-bonds .sheet-burn-fate .sheet-title { - text-transform: uppercase; - font-size: 12px; - font-family: "Orbitron", serif; - padding: 0 1px; - text-align: center; - margin-bottom: 5px; -} - -.sheet-burn-bonds .sheet-burnout { - text-transform: uppercase; - font-size: 12px; - font-family: "Orbitron", serif; - width: 100%; - background: #bbb; - text-align: center; - color: black; -} - -.sheet-burn-bonds .sheet-fate { - text-transform: uppercase; - font-size: 12px; - font-family: "Orbitron", serif; - width: 100%; - text-align: center; - background: black; - color: white; -} - -.sheet-burn-bonds .sheet-bonds .sheet-title { +.sheet-bonds .sheet-title { text-transform: uppercase; font-size: 12px; font-family: "Orbitron", serif; @@ -1184,7 +1136,7 @@ button[type="roll"].sheet-domain-button-systems { margin-bottom: 5px; } -.sheet-burn-bonds .sheet-bonds .repitem { +.sheet-bonds .repitem { display: grid; padding: 0 3px; border-bottom: 2px solid #999; @@ -1192,32 +1144,28 @@ button[type="roll"].sheet-domain-button-systems { margin-bottom: 4px; } -.sheet-burn-bonds .sheet-bonds input[type="number"] { +.sheet-bonds input[type="number"] { font-size: 12px; width: 100%; } -.sheet-burn-bonds .sheet-bonds .repitem input[type="text"] { +.sheet-bonds .repitem input[type="text"] { font-size: 12px; width: 100%; } -.sheet-burn-bonds .repcontrol { - padding-left: 2px; -} - -.sheet-burn-bonds .sheet-bond-uses { +.sheet-bonds .sheet-bond-uses { margin-top: 10px; } -.sheet-burn-bonds .sheet-bond-uses .sheet-top { +.sheet-bonds .sheet-bond-uses .sheet-top { font-style: italic; text-align: center; line-height: 1.1; padding: 0 3px; } -.sheet-burn-bonds .sheet-bond-uses .sheet-bond-use { +.sheet-bonds .sheet-bond-uses .sheet-bond-use { text-transform: uppercase; font-size: 12px; font-family: "Orbitron", serif; @@ -1227,13 +1175,14 @@ button[type="roll"].sheet-domain-button-systems { background: #ddd; } -.sheet-commendations-boons { - grid-row: span 4; + +.sheet-commendations { + /*grid-row: span 4;*/ margin-top: 5px; border-left: 2px solid black; } -.sheet-commendations-boons .sheet-title { +.sheet-commendations .sheet-title { text-transform: uppercase; font-size: 12px; font-family: "Orbitron", serif; @@ -1241,36 +1190,126 @@ button[type="roll"].sheet-domain-button-systems { margin-bottom: 5px; } -.sheet-commendations-boons .repitem { +.sheet-commendations .repitem { display: flex; padding: 0 2px; border-bottom: 2px solid #999; margin-bottom: 3px; } -.sheet-commendations-boons .repitem .sheet-squarebox { +.sheet-commendations .repitem .sheet-squarebox { margin: 3px -12px 0 3px; } -.sheet-commendations-boons .repitem .sheet-squarebox+span { +.sheet-commendations .repitem .sheet-squarebox+span { margin: 3px 5px 0 0; } -.sheet-commendations-boons .sheet-auto-expand { +.sheet-commendations .sheet-auto-expand { flex: 1 1 auto; margin: 3px 0; min-height: 14px; } -.sheet-commendations-boons .repcontrol { + + +.sheet-charges-burn .sheet-burn-fate { + border-right: 2px solid black; + border-bottom: 2px solid black; + display: flex; + align-items: center; + flex-flow: column; + padding-bottom: 8px; +} + +.sheet-charges-burn .sheet-burn-fate input[type="checkbox"].sheet-circlebox, .sheet-charges-burn .sheet-burn-fate input[type="checkbox"].sheet-squarebox { + margin-right: 0; + margin-bottom: -12px; +} + +.sheet-charges-burn .sheet-burn-fate .sheet-title { + text-transform: uppercase; + font-size: 12px; + font-family: "Orbitron", serif; + padding: 0 1px; + text-align: center; + margin-bottom: 5px; +} + +.sheet-charges-burn .sheet-burnout { + text-transform: uppercase; + font-size: 12px; + font-family: "Orbitron", serif; + width: 100%; + background: #bbb; + text-align: center; + color: black; +} + +.sheet-charges-burn .sheet-fate { + text-transform: uppercase; + font-size: 12px; + font-family: "Orbitron", serif; + width: 100%; + text-align: center; + background: black; + color: white; +} + + +.sheet-charges-burn .repcontrol { padding-left: 2px; } -.sheet-commendations-boons .sheet-boons { + +.sheet-advances { + grid-column: span 5; + margin-top: 5px; +} + +.sheet-advances > .sheet-content { + display: grid; + grid-template: 50px 50px/25% 25% 25% 25%; +} + +.sheet-advances .sheet-title { + text-transform: uppercase; + font-size: 12px; + font-family: "Orbitron", serif; + padding-left: 2px; + margin-bottom: 5px; +} + +.sheet-advances .repitem { + display: flex; + padding: 0 2px; + border-bottom: 2px solid #999; + margin-bottom: 3px; +} + +.sheet-advances .repitem .sheet-squarebox { + margin: 3px -12px 0 3px; +} + +.sheet-advances .repitem .sheet-squarebox+span { + margin: 3px 5px 0 0; +} + +.sheet-advances .sheet-auto-expand { + flex: 1 1 auto; + margin: 3px 0; + min-height: 14px; +} + +.sheet-advances .repcontrol { + padding-left: 2px; +} + +.sheet-advances .sheet-boons { margin-top: 10px; } -.sheet-commendations-boons .sheet-boon { +.sheet-advances .sheet-boon { display: flex; background-color: #cad8dc; padding: 4px; @@ -1278,31 +1317,35 @@ button[type="roll"].sheet-domain-button-systems { margin: 5px 0 0 3px; } -.sheet-commendations-boons .sheet-boon .sheet-squarebox+span { +.sheet-advances .sheet-boon .sheet-squarebox+span { margin-right: 5px; } -.sheet-commendations-boons .sheet-divider { +.sheet-advances .sheet-divider { height: 2px; background: black; margin-top: 5px; } .sheet-style-notes { - border-left: 2px solid black; +/* border-left: 2px solid black; width: calc(100% -7px); padding-left: 3px; - min-height: 135px; - grid-column: 3; - grid-row: 5; + min-height: 135px;*/ + margin-top: 5px; + grid-column: span 5; } .sheet-style-notes .sheet-auto-expand { min-height: 90px; } -.sheet-style-notes>.sheet-title { - width: 135px; +.sheet-style-notes >.sheet-title { + text-transform: uppercase; + font-size: 12px; + font-family: "Orbitron", serif; + padding-left: 2px; + margin-bottom: 5px; } .sheet-rolltemplate-stormfury-pilot .sheet-holder, .sheet-rolltemplate-stormfury-thread .sheet-holder { diff --git a/Storm-Furies/storm-furies.html b/Storm-Furies/storm-furies.html index f90496b76d..6dccc98151 100644 --- a/Storm-Furies/storm-furies.html +++ b/Storm-Furies/storm-furies.html @@ -36,6 +36,431 @@