mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Sentinel Comics RPG - Added new tabs
Added 2 new tabs. The M/LT tab keeps track of Minions & Lieutenants for GMs. The Notes tab allows players to keep track of anything they choose. To make room, the Forms/Modes tab & the Minion tab, have been combined into the Auxiliary tab. This may confuse some players at first, but all of their information is still there.
This commit is contained in:
the-Dissilent
@@ -16,31 +16,36 @@
|
||||
.sheet-flexspace {flex-grow: 1;}
|
||||
.sheet-morespace {flex-grow: 4;}
|
||||
|
||||
.sheet-statusgrid {
|
||||
display: grid; grid-template-columns: 30px 65px auto 50px 50px;
|
||||
}
|
||||
.sheet-dividedgrid {
|
||||
display: grid; grid-template-columns: 15px auto 25px auto 65px 65px 65px;
|
||||
}
|
||||
.sheet-envirostatusgrid {
|
||||
display: grid; grid-template-columns: auto 95px 95px 95px auto;
|
||||
}
|
||||
.sheet-envirostatuscolor {
|
||||
display: grid; grid-template-columns: 30px 65px;
|
||||
}
|
||||
.sheet-statusgrid {display: grid; grid-template-columns: 30px 65px auto 50px 50px;}
|
||||
.sheet-dividedgrid {display: grid; grid-template-columns: 15px auto 25px auto 65px 65px 65px;}
|
||||
.sheet-othergrid {display: grid; grid-template-columns: 25px auto;}
|
||||
.sheet-envirostatusgrid {display: grid; grid-template-columns: auto 95px 95px 95px 95px auto;}
|
||||
.sheet-envirostatuscolor {display: grid; grid-template-columns: 30px 65px;}
|
||||
|
||||
.sheet-shead {display: inline-grid; place-items: center;}
|
||||
.sheet-sgreen {background-color: #41b23b; display: inline-grid; place-items: center;}
|
||||
.sheet-syellow {background-color: #f8df1b; display: inline-grid; place-items: center;}
|
||||
.sheet-sred {background-color: #dc2f34; display: inline-grid; place-items: center;}
|
||||
.sheet-sgrey {background-color: #bfbfbf; display: inline-grid; place-items: center; height: 35px;}
|
||||
.sheet-sgrey {background-color: #bfbfbf; display: inline-grid; place-items: center;}
|
||||
.sheet-sblack {color: white; background-color: #171711; display: inline-grid; place-items: center;}
|
||||
|
||||
/* Border the current status*/
|
||||
.sheet-health-range[value="3"] ~ div.sheet-statusgrid > .sheet-sgreen-right,
|
||||
.sheet-health-range[value="2"] ~ div.sheet-statusgrid > .sheet-syellow-right,
|
||||
.sheet-health-range[value="1"] ~ div.sheet-statusgrid > .sheet-sred-right {border-right: double; border-bottom: double; border-top: double;}
|
||||
.sheet-health-range[value="3"] ~ div.sheet-statusgrid > .sheet-sgreen-left,
|
||||
.sheet-health-range[value="2"] ~ div.sheet-statusgrid > .sheet-syellow-left,
|
||||
.sheet-health-range[value="1"] ~ div.sheet-statusgrid > .sheet-sred-left {border-left: double; border-bottom: double; border-top: double;}
|
||||
|
||||
/* Color the Environment*/
|
||||
div.sheet-envirotitle {background-color: #41b23b;}
|
||||
div.sheet-envirotitle {background-color: #bfbfbf;}
|
||||
.sheet-envirocolor[value="Green"] ~ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
.sheet-envirocolor[value="Yellow"] ~ div.sheet-envirotitle {background-color: #f8df1b;}
|
||||
.sheet-envirocolor[value="Red"] ~ div.sheet-envirotitle {background-color: #dc2f34;}
|
||||
.sheet-envirocolor[value="Green"] ~ div.sheet-envirostatusgrid > div.sheet-sgreen,
|
||||
.sheet-envirocolor[value="Yellow"] ~ div.sheet-envirostatusgrid > div.sheet-syellow,
|
||||
.sheet-envirocolor[value="Red"] ~ div.sheet-envirostatusgrid > div.sheet-sred {font-weight: bold; border: 2px solid black; font-size: 16px;}
|
||||
.sheet-envirocolor[value="Red"] ~ div.sheet-envirostatusgrid > div.sheet-sred,
|
||||
.sheet-envirocolor[value="Out"] ~ div.sheet-envirostatusgrid > div.sheet-sgrey {font-weight: bold; border: 2px solid black; font-size: 16px;}
|
||||
|
||||
.sheet-descgrid {
|
||||
display: grid;
|
||||
@@ -65,8 +70,9 @@ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
.sheet-tabstoggle[value="hero"] ~ button.sheet-herobutton,
|
||||
.sheet-tabstoggle[value="abilities"] ~ button.sheet-abilbutton,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ button.sheet-formbutton,
|
||||
.sheet-tabstoggle[value="minions"] ~ button.sheet-minibutton,
|
||||
.sheet-tabstoggle[value="notes"] ~ button.sheet-notebutton,
|
||||
.sheet-tabstoggle[value="villain"] ~ button.sheet-villbutton,
|
||||
.sheet-tabstoggle[value="mlt"] ~ button.sheet-mltbutton,
|
||||
.sheet-tabstoggle[value="environment"] ~ button.sheet-envibutton,
|
||||
.sheet-tabs2toggle[value="abilities2"] ~ button.sheet-abil2button,
|
||||
.sheet-tabs2toggle[value="actions2"] ~ button.sheet-acti2button {
|
||||
@@ -80,8 +86,9 @@ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
/* Hide all tabs */
|
||||
.sheet-hero,
|
||||
.sheet-aux,
|
||||
.sheet-minions,
|
||||
.sheet-notes,
|
||||
.sheet-villain,
|
||||
.sheet-mlt,
|
||||
.sheet-environment,
|
||||
.sheet-abilities,
|
||||
.sheet-abilities2,
|
||||
@@ -91,8 +98,9 @@ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
.sheet-tabstoggle[value="hero"] ~ div.sheet-hero,
|
||||
.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-aux,
|
||||
.sheet-tabstoggle[value="minions"] ~ div.sheet-minions,
|
||||
.sheet-tabstoggle[value="notes"] ~ div.sheet-notes,
|
||||
.sheet-tabstoggle[value="villain"] ~ div.sheet-villain,
|
||||
.sheet-tabstoggle[value="mlt"] ~ div.sheet-mlt,
|
||||
.sheet-tabstoggle[value="environment"] ~ div.sheet-environment,
|
||||
.sheet-tabs2toggle[value="abilities2"] ~ div.sheet-abilities2,
|
||||
.sheet-tabs2toggle[value="actions2"] ~ div.sheet-actions2 {display: block;}
|
||||
@@ -103,7 +111,7 @@ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
.sheet-tabstoggle[value="abilities"] ~ div.sheet-abilities > div.sheet-actions2 > div.sheet-green-abilities {background-color: #46e35e;}
|
||||
|
||||
/* hide modes based on radio */
|
||||
.sheet-mode0,
|
||||
.sheet-auxonly,
|
||||
.sheet-modeselect:not([value="1"]) ~ div.sheet-modeg1,
|
||||
.sheet-modeselect:not([value="2"]) ~ div.sheet-modeg2,
|
||||
.sheet-modeselect:not([value="3"]) ~ div.sheet-modeg3,
|
||||
@@ -111,7 +119,7 @@ div.sheet-envirotitle {background-color: #41b23b;}
|
||||
.sheet-modeselect:not([value="5"]) ~ div.sheet-modey2,
|
||||
.sheet-modeselect:not([value="6"]) ~ div.sheet-moder1 {display: none;}
|
||||
/* show all modes on aux tab */
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-mode0,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-auxonly,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg1,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg2,
|
||||
.sheet-tabstoggle[value="auxiliary"] ~ div.sheet-modeg3,
|
||||
@@ -167,9 +175,9 @@ button.sheet-lock {
|
||||
cursor: pointer;
|
||||
}
|
||||
/* Hide the section(s) that do not match the attribute value */
|
||||
input.sheet-direction:not([value="down"]) + button.sheet-direction > span.sheet-down,
|
||||
input.sheet-direction:not([value="right"]) + button.sheet-direction > span.sheet-right,
|
||||
input.sheet-direction:not([value="down"]) ~ div.sheet-eachform,
|
||||
input.sheet-direction:not([value="down"]) + button.sheet-direction > .sheet-down,
|
||||
input.sheet-direction:not([value="right"]) + button.sheet-direction > .sheet-right,
|
||||
input.sheet-direction:not([value="down"]) ~ div.sheet-underarrow,
|
||||
|
||||
input.sheet-lock:not([value="hide"]) + button.sheet-lock > span.sheet-hide,
|
||||
input.sheet-lock:not([value="show"]) + button.sheet-lock > span.sheet-show,
|
||||
@@ -193,6 +201,11 @@ input.sheet-lock:not([value="show"]) ~ div.sheet-sourceinput {display: none;}
|
||||
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-container { width: 225px; border: 1px solid black; padding: 0; margin: 0; background-color: #f6f0df; }
|
||||
.sheet-rolltemplate-scrpg .inlinerollresult {background-color: transparent; border: none;}
|
||||
/*.sheet-rolltemplate-test .inlinerollresult {pointer-events: none}*/
|
||||
.sheet-rolltemplate-scrpg .inlinerollresult.fullcrit {border: none;}
|
||||
.sheet-rolltemplate-scrpg .inlinerollresult.fullfail {border: none;}
|
||||
.sheet-rolltemplate-scrpg .inlinerollresult.fullcrit::after {content: "+1";}
|
||||
.sheet-rolltemplate-scrpg .inlinerollresult.fullfail::after {content: "-1";}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-title {font-weight: bold; font-size: 14px; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 3px;}
|
||||
.sheet-rolltemplate-scrpg .sheet-gfill {background-color: #46e35e;}
|
||||
.sheet-rolltemplate-scrpg .sheet-yfill {background-color: #ffff99;}
|
||||
@@ -200,4 +213,7 @@ input.sheet-lock:not([value="show"]) ~ div.sheet-sourceinput {display: none;}
|
||||
.sheet-rolltemplate-scrpg .sheet-outfill {background-color: #bfbfbf;}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-icons {text-align: center; padding-left: 5px; padding-right: 5px; padding-top: 2px;}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-type {text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; margin-bottom: 3px;}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-reroll {text-align: center; background-color: #666666; color: #f6f0df; padding-left: 5px; padding-right: 5px;}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-desc {text-align: right; font-weight: bold; padding-left: 5px; padding-right: 5px; padding-bottom: 2px; padding-top: 2px; margin-bottom: 3px;}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-desc td:first-child {width: 87%}
|
||||
.sheet-rolltemplate-scrpg .sheet-scrpg-desc td:last-child {width: 13%}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user