diff --git a/Official Savage Worlds/SavageWorldsCharSheet.css b/Official Savage Worlds/SavageWorldsCharSheet.css index 36eb379a04..b53158da18 100644 --- a/Official Savage Worlds/SavageWorldsCharSheet.css +++ b/Official Savage Worlds/SavageWorldsCharSheet.css @@ -2147,9 +2147,9 @@ label.showwealthwilddie { padding: 5px; box-sizing: content-box; max-width: 832px; - min-height: 275px; - height: calc(275px + (100vw - 832px) * -50); - max-height: 675px; + min-height: 305px; + height: calc(305px + (100vw - 832px) * -50); + max-height: 705px; overflow: auto; } .miscconfig .miscItem { @@ -3467,536 +3467,6 @@ label.healthlabel { padding: 0 0 0 3px; } -.sheet-rolltemplate-roll div, -.sheet-rolltemplate-roll span, -.sheet-rolltemplate-roll h1, -.sheet-rolltemplate-roll h2, -.sheet-rolltemplate-damage div, -.sheet-rolltemplate-damage span, -.sheet-rolltemplate-damage h1, -.sheet-rolltemplate-damage h2, -.sheet-rolltemplate-gritty div { - box-sizing: border-box; - color: #404040; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -.sheet-rolltemplate-statblock, -.sheet-rolltemplate-statblock h2 { - color: #404040; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -.sheet-rolltemplate-roll span.sheet-templateCondition { - font-size: 0.5em; -} - -.sheet-rolltemplate-roll, -.sheet-rolltemplate-damage { - background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/graph_paper_web.jpg"); -} - -.sheet-rolltemplate-roll .sheet-templateMain, -.sheet-rolltemplate-damage .sheet-templateMain, -.sheet-rolltemplate-info .sheet-templateMain { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-pack: distribute; - justify-content: space-around; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; -} - -.sheet-rolltemplate-roll .sheet-templateMain, -.sheet-rolltemplate-damage .sheet-templateMain { - background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2.png") no-repeat; -} - -.sheet-rolltemplate-roll .sheet-templateHeader, -.sheet-rolltemplate-damage .sheet-templateHeader { - width: 100%; - margin: 0 0 15px 0; - padding: 20px 0 0 0; -} - -.sheet-rolltemplate-roll .sheet-templateBody, -.sheet-rolltemplate-damage .sheet-templateBody { - width: 100%; - margin: 0; - padding: 0; - display: flex; -} - -.sheet-rolltemplate-roll .sheet-buttonsnsuch, -.sheet-rolltemplate-damage .sheet-buttonsnsuch { - width: 100%; - margin: 0; - padding: 0; -} - -.sheet-rolltemplate-roll .sheet-unshakeRow { - width: 100%; - border: none; - text-align: center; -} - -.sheet-rolltemplate-bonusDamage .sheet-templateMain { - width: 100%; - padding: 5px; - font-size: 1.3em; - font-weight: bold; - background-color: white; - border: 1px solid black; - box-sizing: border-box; -} - -.sheet-rolltemplate-bonusDamage .sheet-rollDieType { - color: #900c3f; -} - -.sheet-rolltemplate-bonusDamage .sheet-rollContainer { - font-weight: bold; -} - -.sheet-rolltemplate-roll .sheet-templateBlack, -.sheet-rolltemplate-roll .sheet-templateBlue, -.sheet-rolltemplate-damage h2, -.sheet-rolltemplate-damage h3 { - -webkit-box-flex: 1; - -ms-flex: 1 0 100%; - flex: 1 0 100%; - text-align: center; - color: #663300; - width: 100%; -} - -.sheet-rolltemplate-roll h2, -.sheet-rolltemplate-damage h2 { - font-family: Teko; - font-weight: normal; - font-size: 2em; - margin: 10px 0 -10px 0; - line-height: 25px; -} - -.sheet-rolltemplate-roll h2.sheet-normalHeader, -.sheet-rolltemplate-damage h2.sheet-normalHeader { - font-size: 2em; -} - -.sheet-rolltemplate-roll h2.sheet-smallHeader, -.sheet-rolltemplate-damage h2.sheet-smallHeader { - font-size: 1.5em; -} - -.sheet-rolltemplate-roll .sheet-templateBlue { - color: #035096; -} - -.sheet-rolltemplate-roll h4.sheet-templateBlue { - font-size: 12px; -} - -.sheet-rolltemplate-damage h2 { - color: #800000; -} - -.sheet-rolltemplate-damage h3 { - color: #800000; -} - -.sheet-rolltemplate-roll h3, -.sheet-rolltemplate-damage h3 { - font-size: 1em; - margin-top: -10px; -} - -.sheet-rolltemplate-roll .sheet-templateRoll, -.sheet-rolltemplate-damage .sheet-templateRoll { - width: 50%; - border-bottom: 1.5px solid black; - -webkit-box-flex: 1; - -ms-flex: 1 0 50%; - flex: 1 0 50%; -} - -.sheet-rolltemplate-roll .sheet-convictionRoll { - width: 100%; - text-align: center; - border-bottom: 1.5px solid black; -} - -.sheet-rolltemplate-roll .sheet-trollLeft, -.sheet-rolltemplate-damage .sheet-trollLeft { - border-right: 1px solid black; -} - -.sheet-rolltemplate-roll .sheet-trollRight, -.sheet-rolltemplate-damage .sheet-trollRight { - border-left: 1px solid black; -} - -.sheet-rolltemplate-roll .sheet-rollLabel, -.sheet-rolltemplate-damage .sheet-rollLabel { - display: block; - font-size: 0.75em; - font-weight: bold; - margin: 5px; - width: 100%; - text-align: center; -} - -.sheet-rolltemplate-roll .sheet-rollContainer, -.sheet-rolltemplate-damage .sheet-rollContainer { - display: block; - font-size: 2em; - text-align: center; - width: 100%; - margin: 5px; -} - -.sheet-rolltemplate-roll .sheet-templateModifiers, -.sheet-rolltemplate-damage .sheet-templateModifiers { - width: 100%; - font-size: 0.75em; - padding: 5px; - text-align: center; - border-top: none; - -webkit-box-flex: 1; - -ms-flex: 1 0 100%; - flex: 1 0 100%; - overflow-y: auto; -} - -.sheet-rolltemplate-roll .sheet-templateButton, -.sheet-rolltemplate-damage .sheet-templateButton { - flex: 1 0 100%; - width: 100%; - text-align: center; - padding: 2.5px; -} - -.sheet-rolltemplate-info .sheet-templateHeaderRow { - width: 100%; - margin: 0 0 0 0; - padding: 4px 0 0 0; - background-color: #770912; - border: 1px solid #770912; - border-radius: 10px 10px 0 0; -} - -.sheet-rolltemplate-info .sheet-templateheader, -.sheet-rolltemplate-info .sheet-templatesubheader { - width: 100%; - margin: 0 0 0 0; - color: white; - text-align: center; -} - -.sheet-rolltemplate-info .sheet-templateheader { - font-family: Teko; - font-size: 1.75em; - /*was 2.5em*/ -} - -.sheet-rolltemplate-info .sheet-templatesubheader { - border: 1px solid black; - background-color: black; - font-size: 1em; - /*was 1.1em*/ - font-weight: normal; -} - -.sheet-rolltemplate-roll .inlinerollresult, -.sheet-rolltemplate-damage .inlinerollresult, -.sheet-rolltemplate-info .inlinerollresult { - background-color: transparent !important; - border: none !important; - padding: 0; - font-weight: normal; - font-size: 1em; -} - -.sheet-rolltemplate-bonusDamage .inlinerollresult { - background-color: transparent !important; - border: none !important; - padding: 0; - font-weight: bold; - font-size: 1em; -} - -.sheet-rolltemplate-roll .inlinerollresult.fullcrit, -.sheet-rolltemplate-damage .inlinerollresult.fullcrit, -.sheet-rolltemplate-unshake .inlinerollresult.fullcrit, -.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit, -.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullcrit { - color: #3fb315; - border: none !important; - font-weight: bold; -} - -.sheet-rolltemplate-info .inlinerollresult.fullcrit, -.sheet-rolltemplate-info .inlinerollresult.fullfail, -.sheet-rolltemplate-info .inlinerollresult.importantroll { - border: none !important; - color: black; - font-weight: normal; -} - -.sheet-rolltemplate-roll .inlinerollresult.fullfail, -.sheet-rolltemplate-damage .inlinerollresult.fullfail, -.sheet-rolltemplate-unshake .inlinerollresult.fullfail, -.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail, -.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullfail { - color: maroon; - border: none !important; - font-weight: bold; -} - -.sheet-rolltemplate-roll .inlinerollresult.importantroll, -.sheet-rolltemplate-damage .inlinerollresult.importantroll, -.sheet-rolltemplate-unshake .inlinerollresult.importantroll, -.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll, -.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.importantroll { - color: #3fb315; - border: none !important; - font-weight: bold; -} - -.sheet-rolltemplate-unshake .inlinerollresult.importantroll, -.sheet-rolltemplate-unshake .inlinerollresult.fullcrit { - color: darkgreen; -} - -.sheet-rolltemplate-unshake .inlinerollresult { - background-color: transparent !important; - border: none !important; - padding: 0; - font-weight: normal; - font-size: 1.05em; - font-weight: bold; -} - -.sheet-rolltemplate-emote .inlinerollresult, -.sheet-rolltemplate-emote .inlinerollresult.fullcrit, -.sheet-rolltemplate-emote .inlinerollresult.fullfail, -.sheet-rolltemplate-emote .inlinerollresult.importantroll, -.sheet-rolltemplate-consumables .inlinerollresult, -.sheet-rolltemplate-consumables .inlinerollresult.fullcrit, -.sheet-rolltemplate-consumables .inlinerollresult.fullfail, -.sheet-rolltemplate-consumables .inlinerollresult.importantroll { - background-color: transparent !important; - border: none !important; - padding: 0; - font-size: 1em; - font-weight: bolder; - font-style: italic; -} - -.sheet-rolltemplate-consumables .inlinerollresult.fullfail { - color: maroon; -} - -.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"] { - background-color: #ffa500; - color: black; - font-weight: bold; -} - -.sheet-rolltemplate-roll .sheet-blueButtons > a[href^="~"] { - background-color: #035096; - color: #b3fbff; - font-weight: bold; -} - -.sheet-rolltemplate-roll .sheet-blackButtons > a[href^="~"] { - /*background-color: black;*/ - background-color: #663300; - /*#993300;*/ - color: #ffe699; - /*#cc9900;*/ - /*white;*/ - font-weight: bold; -} - -.sheet-rolltemplate-damage .sheet-templateBody > .sheet-trollRight .sheet-rollContainer > a[href^="~"] { - /*background-color: #900C3F;*/ - background-color: #800000; - color: #ffe6e6; - font-weight: bold; - font-size: 0.65em; - width: 90%; - margin: 10px 0 0 -12px; - padding: 5px 0 5px 0; -} - -.sheet-rolltemplate-damage .sheet-templateButton > a[href^="~"] { - background-color: #800000; - /*#900C3F;*/ - color: #ffe6e6; - font-weight: bold; -} - -.sheet-rolltemplate-gritty .inlinerollresult { - background-color: transparent !important; - border: inherit !important; - padding: 0; - font-weight: normal; - font-size: 1.05em; -} - -.sheet-rolltemplate-unshake .sheet-emoteish, -.sheet-rolltemplate-emote .sheet-emoteish, -.sheet-rolltemplate-consumables .sheet-emoteish { - border: 1px solid #f0c392; - color: #653e10; - background-color: #f5e4d3; - width: 125%; - margin-left: -50px; - padding: 10px; - box-sizing: border-box; - font-weight: bolder; - font-style: italic; -} - -.sheet-rolltemplate-gritty .sheet-card { - width: 90%; - max-width: 200px; - min-height: 250px; - background: url("http://www.geeksville.us/roll20/Ace_of_Clubs-Red-light.jpg") top left; - background-size: 100% 100%; - background-repeat: no-repeat; - padding: 5px; - border-radius: 15px; - border: solid 1px #680000; -} - -.sheet-rolltemplate-gritty h2 { - text-align: center; - color: maroon; -} - -.sheet-rolltemplate-gritty .sheet-injuryresult { - display: flex; - align-items: center; - height: 250px; - text-align: center; -} - -.sheet-rolltemplate-statblock { - background: url(https://github.com/finderski/SWT/blob/master/RollTemplate/rt_back.jpg?raw=true) top left; - background-size: 250px 100%; - background-repeat: no-repeat; - align-items: center; - border: 1px solid darkgoldenrod; - margin: none; - padding: none; -} - -.sheet-rolltemplate-statblock h2.sheet-fullwidth { - width: 100%; - text-align: center; -} - -.sheet-rolltemplate-statblock .sheet-statblockheader { - display: flex; - background: url(https://github.com/finderski/SWT/blob/master/RollTemplate/rt_header.png?raw=true) top left; - background-size: 250px 90px; - height: 90px; - background-repeat: no-repeat; - align-items: center; -} - -.sheet-rolltemplate-statblock .sheet-statblockbod { - padding: 0 5px 5px 5px; -} - -.sheet-rolltemplate-statblock .sheet-justify { - text-align: justify; - text-justify: inter-word; - margin: 0 5px 10px 15px; - font-size: 0.85em; -} - -.sheet-rolltemplate-statblock .sheet-bodsection { - margin: 0 5px 10px 15px; - font-size: 0.85em; -} - -.sheet-statblock { - height: 28px; -} - -.sheet-showWCicon { - display: none; -} - -.sheet-isWC[value="0"] + button.sheet-statblock > .sheet-showWCicon { - display: inline-block; - font-size: 1.8em; -} - -.sheet-rolltemplate-info a, -.sheet-rolltemplate-statblock a, -.sheet-rolltemplate-info a[href^="~"], -.sheet-rolltemplate-statblock a[href^="~"], -.sheet-rolltemplate-info a[href^="!"], -.sheet-rolltemplate-statblock a[href^="!"] { - background-color: transparent; - border: 0; - color: darkslategray; - display: inline; - padding: 0; - text-decoration: underline; -} - -.sheet-rolltemplate-info .sheet-buttonstyle a, -.sheet-rolltemplate-info .sheet-buttonstyle a[href^="~"], -.sheet-rolltemplate-info .sheet-buttonstyle a[href^="!"] { - background-color: maroon; - padding: 5px; - color: white; - display: inline-block; - border: solid 1px white; - text-decoration: none; -} - -.sheet-rolltemplate-info .sheet-templatedescription { - background-color: white; - color: black; - font-size: 0.8em; - padding: 5px; - width: 100%; - border: 1px solid black; - overflow-y: auto; -} - -.sheet-rolltemplate-info p > span:not(:empty)::before { - content: ": "; -} - -.sheet-rolltemplate-info .sheet-burnroll { - text-align: center; - font-size: 2em; - margin: 5px 0 10px 0; -} - -.sheet-rolltemplate-info .sheet-burnrolldesc { - text-align: center; - font-size: 1.5em; - color: maroon; - font-weight: bold; -} - -.sheet-rolltemplate-roll .sheet-templateModifiers:not(.sheet-nomaxheight), -.sheet-rolltemplate-damage .sheet-templateModifiers:not(.sheet-nomaxheight), -.sheet-rolltemplate-info .sheet-templatedescription:not(.sheet-nomaxheight) { - max-height: 200px; -} - .charsheet .weapons { min-width: 831px; } @@ -8016,3 +7486,904 @@ li.docList::before { .useDarkMode[value="1"] ~ .background { filter: invert(1); } + +/* Set up Variables */ +.sheet-rolltemplate-roll, +.sheet-rolltemplate-damage, +.sheet-rolltemplate-statblock { + --main-text: rgb(64, 64, 64); + --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif; + --blue-text: #035096; + --default-background: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/graph_paper_web.jpg") + no-repeat; + /* Header Stuff */ + --header-text: rgb(64, 64, 64); + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2.png") + no-repeat; + --default-header-img-size: 100%; + --default-header-height: 105px; + --default-header-padding: 20px 0 0 0; + --style-font: Teko; + /*used for teh h2 tag in the header */ + --accent-font: Teko; + /*Used for h3 tag in the header*/ + --header-font-size: 2em; + --subheader-font-size: 1.5em; + /* Roll Text Styling */ + --roll-font: var(--main-font) bold 1em; + --roll-fullcrit: green; + --roll-fullfail: maroon; + /* Button Variables */ + --button-background: #663300; + --button-color: #ffe699; + --button-font: 1em var(--main-font); + --bonus-button-font: 0.5em var(--main-font); + --unshake-button-background: #ffa500; + --unshake-button-text: black; + --unshake-button-border: black 1px solid; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode { + --button-background: #000; + --button-color: ##dbdbdb; + --button-font: 1em var(--main-font); + --roll-fullcrit: #93ee72; + --roll-fullfail: #ffc7d0; + --blue-text: #b3fbff; + --unshake-button-background: black; + --unshake-button-text: #FFCF75; + --unshake-button-border: #FFCF75 1px solid; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-generic, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-generic, +.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode .sheet-generic { + background: #404040; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-swpf, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-swpf, +.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-swpf { + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-power.png") + no-repeat; + --header-text: #b3fbff; + --button-background: #035096; +} +.sheet-rolltemplate-roll .sheet-swpf, +.sheet-rolltemplate-damage .sheet-swpf, +.sheet-rolltemplate-statblock .sheet-swpf { + --default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg"); + --default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-swpf-header.png") + no-repeat; + --style-font: Metamorphous; + --header-text: rgb(252, 238, 238); + --header-font-size: 1.5em; + --default-header-img-size: cover; + --button-background: maroon; + --button-color: var(--header-text); + --button-font: 1em var(--style-font); + --bonus-button-font: 0.5em var(--style-font); + --roll-font: bold 1em Metamorphous; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-dlww, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-dlww, +.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-dlww { + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-power.png") + no-repeat; + --header-text: #b3fbff; + --button-background: #035096; +} +.sheet-rolltemplate-roll .sheet-dlww, +.sheet-rolltemplate-damage .sheet-dlww, +.sheet-rolltemplate-statblock .sheet-dlww { + --default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg"); + --default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png") + no-repeat; + --style-font: Rye; + --header-text: rgb(252, 238, 238); + --header-font-size: 1.5em; + --default-header-img-size: cover; + --button-background: maroon; + --button-color: var(--header-text); + --button-font: 1em var(--style-font); + --bonus-button-font: 0.5em var(--style-font); + --roll-font: bold 1em Rye; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-rifts, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-rifts, +.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-rifts { + --default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png") + no-repeat; + --header-text: #b3fbff; + --button-background: #035096; +} +.sheet-rolltemplate-roll .sheet-rifts, +.sheet-rolltemplate-damage .sheet-rifts, +.sheet-rolltemplate-statblock .sheet-rifts { + --default-background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/r20-rifts-hex-pattern.png"); + --default-header: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-rifts-header.png") + no-repeat; + --style-font: Anton; + --header-text: #f29f40; + --header-font-size: 1.5em; + --default-header-img-size: cover; + --button-background: #091139; + --button-color: var(--header-text); + --button-font: 1.25em var(--style-font); + --bonus-button-font: 0.5em var(--style-font); + --roll-font: bold 1em Anton; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-powerTemplate.sheet-generic, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-powerTemplate.sheet-generic, +.sheet-rolltemplate-statblock .sheet-templateMain.sheet-powerTemplate.sheet-generic { + --default-header: #035096; + --header-text: #b3fbff; + --button-background: #035096; +} +.sheet-rolltemplate-roll .sheet-generic, +.sheet-rolltemplate-damage .sheet-generic, +.sheet-rolltemplate-statblock .sheet-generic { + --style-font: var(--main-font); + --accent-font: var(--main-font); + --default-background: white; + --default-header: black; + --default-header-height: auto; + --default-header-padding: 0 0 5px 0; + --header-text: white; + --header-font-size: 1.5em; + --subheader-font-size: calc(var(--header-font-size) * 0.75); + --button-background: black; + --button-color: var(--header-text); + --button-font: 1em var(--style-font); + --bonus-button-font: 0.5em var(--style-font); +} + +.sheet-rolltemplate-damage { + --header-text: maroon; + --button-background: maroon; + --button-color: rgb(252, 238, 238); +} +.sheet-rolltemplate-damage .sheet-swpf { + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-damage.png") + no-repeat; +} +.sheet-rolltemplate-damage .sheet-dlww { + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-damage.png") + no-repeat; +} +.sheet-rolltemplate-damage .sheet-rifts { + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/r20-rifts-header-damage.png") + no-repeat; + --header-text: rgb(255, 238, 238); + --button-background: maroon; + --button-color: rgb(252, 238, 238); +} + +/* Fairly Global Settings */ +.sheet-rolltemplate-roll div, +.sheet-rolltemplate-roll span, +.sheet-rolltemplate-roll h1, +.sheet-rolltemplate-roll h2, +.sheet-rolltemplate-damage div, +.sheet-rolltemplate-damage span, +.sheet-rolltemplate-damage h1, +.sheet-rolltemplate-damage h2 { + box-sizing: border-box; + color: var(--main-text); + font-family: var(--main-font); +} + +.sheet-rolltemplate-statblock, +.sheet-rolltemplate-statblock h2 { + color: var(--main-text); + font-family: var(--main-font); +} + +.sheet-rolltemplate-roll .sheet-templateMain, +.sheet-rolltemplate-damage .sheet-templateMain, +.sheet-rolltemplate-info .sheet-templateMain { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-pack: distribute; + justify-content: space-around; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0; +} + +.sheet-rolltemplate-roll span.sheet-templateCondition { + font-size: 0.5em; +} + +/*.sheet-rolltemplate-roll,*/ +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode { + /*filter: invert(100%);*/ + --default-header: url("https://raw.githubusercontent.com/finderski/SWT/master/BackgroundImages/templateHeader_web2_darkmode.png") + no-repeat; + --header-text: black; + --main-text: #dbdbdb; + --default-background: rgb(64, 64, 64); + /*--unshake-button-background: #ffa500; + --unshake-button-text: black; + --unshake-button-border: black 1px solid;*/ + /* need to look at a different font color for dark mode */ +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate { + --header-text: #b3fbff; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-swpf, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-swpf { + --default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-darkmode.png") + no-repeat; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-swpf, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-swpf { + --default-background: rgb(64, 64, 64); + --default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-swpf-header-darkmode.png") + no-repeat; + --main-text: #dbdbdb; + --header-text: #dbdbdb; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-dlww, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateMain.sheet-powerTemplate.sheet-dlww { + --default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png") + no-repeat; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-dlww, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-dlww { + --default-background: rgb(64, 64, 64); + --default-header: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png") + no-repeat; + --main-text: #dbdbdb; + --header-text: #dbdbdb; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-rifts, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-rifts { + filter: grayscale(50%); + /*--default-background: rgb(64, 64, 64); + --default-header: url('https://raw.github.com/finderski/SWT/master/BackgroundImages/r20-dlww-header-darkmode.png') + no-repeat;*/ + --main-text: black; + --header-text: darkgray; +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-rifts .sheet-templateBody, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-rifts .sheet-templateBody { + background-color: rgba(255, 255, 255, 0.25); +} +.sheet-rolltemplate-roll.sheet-rolltemplate-darkmode .sheet-generic, +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-generic { + --default-header: #000; + --header-text: #dbdbdb; + --main-text: #dbdbdb; + /*--unshake-button-background: #ffa500; + --unshake-button-text: black; + --unshake-button-border: black 1px solid;*/ +} +.sheet-rolltemplate-roll .sheet-tokenImage, +.sheet-rolltemplate-damage .sheet-tokenImage { + height: 35px; + margin: 0 0 10px -25px; +} +.sheet-rolltemplate-roll .sheet-tokenImage img, +.sheet-rolltemplate-damage .sheet-tokenImage img { + width: 25%; + position: absolute; + z-index: 1000; +} +.sheet-rolltemplate-roll .sheet-templateMain, +.sheet-rolltemplate-damage .sheet-templateMain { + background: var(--default-background); + /*background: var(--default-header);*/ +} +.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult, +.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult { + background-color: transparent !important; + border: none !important; + padding: 0; + font: var(--roll-font); + /*font-weight: normal; + font-size: 1em;*/ +} +.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult.fullcrit, +.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult.fullcrit { + /*color: #3fb315;*/ + color: var(--roll-fullcrit); + border: none !important; + font-weight: bold; +} +.sheet-rolltemplate-roll .sheet-templateMain .inlinerollresult.fullfail, +.sheet-rolltemplate-damage .sheet-templateMain .inlinerollresult.fullfail { + /*color: maroon;*/ + color: var(--roll-fullfail); + border: none !important; + font-weight: bold; +} +.sheet-rolltemplate-roll .sheet-templateMain h4.sheet-templateBlue, +.sheet-rolltemplate-damage .sheet-templateMain h4.sheet-templateBlue { + color: var(--blue-text); +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-dlww .sheet-templateHeader, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-dlww .sheet-templateHeader { + background-position-x: -4px; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts { + background-size: 50%; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader { + background-position-x: -10px; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader h2, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader h2 { + margin-top: -3px; + -webkit-text-stroke: 1px black; +} +.sheet-rolltemplate-roll .sheet-templateMain.sheet-rifts .sheet-templateHeader h2.sheet-smallHeader, +.sheet-rolltemplate-damage .sheet-templateMain.sheet-rifts .sheet-templateHeader h2.sheet-smallHeader { + -webkit-text-stroke: 0.25px black; +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader { + background: var(--default-header); + background-size: var(--default-header-img-size); + width: 100%; + height: var(--default-header-height); + margin: 0 0 0 0; + padding: var(--default-header-padding); + color: var(--header-text); +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2 { + margin: 10px 0 -10px 0; + line-height: 25px; +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2, +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h3, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h3 { + -webkit-box-flex: 1; + -ms-flex: 1 0 100%; + flex: 1 0 100%; + text-align: center; + color: #663300; + width: 100%; +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2 { + color: var(--header-text); + font-family: var(--style-font); + font-size: var(--header-font-size); +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h2.sheet-smallHeader, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h2.sheet-smallHeader { + font-size: calc(var(--header-font-size) * 0.75); +} +.sheet-rolltemplate-roll .sheet-templateMain .sheet-templateHeader h3, +.sheet-rolltemplate-damage .sheet-templateMain .sheet-templateHeader h3 { + color: var(--header-text); + font-family: var(--accent-font); + /*font-size: 1.5em;*/ + font-size: var(--subheader-font-size); + margin: 0.45em 0 0 0; +} +.sheet-rolltemplate-roll .sheet-templateBody, +.sheet-rolltemplate-damage .sheet-templateBody { + width: 100%; + margin: 0; + padding: 0; + display: flex; +} +.sheet-rolltemplate-roll .sheet-templateBody .sheet-rollLabel, +.sheet-rolltemplate-damage .sheet-templateBody .sheet-rollLabel { + display: block; + font-size: 0.75em; + font-weight: bold; + margin: 5px; + width: 100%; + text-align: center; +} +.sheet-rolltemplate-roll .sheet-templateBody .sheet-trollLeft, +.sheet-rolltemplate-damage .sheet-templateBody .sheet-trollLeft { + border-right: 1px solid black; +} +.sheet-rolltemplate-roll .sheet-templateBody .sheet-trollRight, +.sheet-rolltemplate-damage .sheet-templateBody .sheet-trollRight { + border-left: 1px solid black; +} +.sheet-rolltemplate-roll .sheet-templateBody .sheet-rollContainer, +.sheet-rolltemplate-damage .sheet-templateBody .sheet-rollContainer { + display: block; + font-size: 2em; + text-align: center; + width: 100%; + margin: 5px; + font-weight: bold; +} +.sheet-rolltemplate-roll .sheet-buttonsnsuch, +.sheet-rolltemplate-damage .sheet-buttonsnsuch { + width: 100%; + margin: 0; + padding: 0; +} +.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateModifiers, +.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateModifiers { + width: 100%; + font-size: 0.75em; + padding: 5px; + text-align: center; + border-top: none; + -webkit-box-flex: 1; + -ms-flex: 1 0 100%; + flex: 1 0 100%; + overflow-y: auto; +} +.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateModifiers:not(.sheet-nomaxheight), +.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateModifiers:not(.sheet-nomaxheight) { + max-height: 200px; +} +.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateButton, +.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateButton { + flex: 1 0 100%; + width: 100%; + text-align: center; + padding: 2.5px; +} +.sheet-rolltemplate-roll .sheet-buttonsnsuch .sheet-templateButton > a[href^="~"], +.sheet-rolltemplate-damage .sheet-buttonsnsuch .sheet-templateButton > a[href^="~"] { + background-color: var(--button-background); + color: var(--button-color); + font: var(--button-font); + font-weight: bold; +} +.sheet-rolltemplate-roll .sheet-unshakeRow, +.sheet-rolltemplate-damage .sheet-unshakeRow { + width: 100%; + border: none; + text-align: center; +} +.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"], +.sheet-rolltemplate-damage .sheet-unshakeRow > a[href^="~"] { + background-color: var(--unshake-button-background); + color: var(--unshake-button-text); + border: var(--unshake-button-border); + font-weight: bold; +} +.sheet-rolltemplate-roll .sheet-unshakeRow > a[href^="~"] > span, +.sheet-rolltemplate-damage .sheet-unshakeRow > a[href^="~"] > span { + color: var(--unshake-button-text); +} +.sheet-rolltemplate-roll .sheet-templateRoll, +.sheet-rolltemplate-damage .sheet-templateRoll { + width: 50%; + border-bottom: 1.5px solid black; + -webkit-box-flex: 1; + -ms-flex: 1 0 50%; + flex: 1 0 50%; +} +.sheet-rolltemplate-roll .sheet-convictionRoll, +.sheet-rolltemplate-damage .sheet-convictionRoll { + width: 100%; + text-align: center; + border-bottom: 1.5px solid black; +} + +.sheet-rolltemplate-damage.sheet-rolltemplate-darkmode .sheet-templateHeader { + --header-text: pink; +} +.sheet-rolltemplate-damage .sheet-templateBody > .sheet-trollRight .sheet-rollContainer > a[href^="~"] { + background-color: var(--button-background); + color: var(--button-color); + font: var(--bonus-button-font); + width: 90%; + margin: 10px 0 0 -12px; + padding: 5px 0 5px 0; +} +.sheet-rolltemplate-damage .sheet-templateButton > a[href^="~"] { + background-color: var(--button-background); + color: var(--button-color); + font: var(--bonus-button-font); +} + +.sheet-rollContainer { + font-weight: bold; +} + +.sheet-rolltemplate-info { + --main-text: black; + /*Color of the text*/ + --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif; + /* Header Stuff */ + --header-text: white; + /*Color of the text in the header */ + --default-header: maroon; + /*Background color of Header section */ + --default-subheader: black; + /*Background color of Subheader section */ + --style-font: Teko; + /*used for teh h2 tag in the header */ + /*--accent-font: var(--main-font);*/ + /*Used for h3 tag in the header*/ + --header-font-size: 2em; + --header-border: 1px solid maroon; + --subheader-font-size: 1em; + --subheader-border: 1px solid black; + /* Roll Text Styling */ + --templatedescription-border-color: 1px solid black; + --templatedescription-font-size: 0.95em; + --roll-background: white; + /* --roll-font: var(--main-font) bold 1em; */ + --roll-fullcrit: #3fb315; + --roll-fullfail: maroon; + /* Button Variables */ + --button-background: #31444f; + --button-color: white; + /*--button-font: 1em var(--accent-font);*/ + --button-border: solid 1px white; + --burn-desc-color: maroon; + --burn-roll-font: bold 2em var(--style-font); + --burn-desc-font: bold 1.5em var(--main-font); + --link-color: slategray; +} +.sheet-rolltemplate-info.sheet-rolltemplate-darkmode { + --default-header: #2B0101; + --header-border: #2B0101; + --header-text: #FF708D; + --templatedescription-border-color: black; + --roll-background: rgb(64,64,64); + --main-text: #fcfcfc; + --roll-fullcrit: #93ee72; + --roll-fullfail: #ffd1da; +} +.sheet-rolltemplate-info.sheet-rolltemplate-darkmode .sheet-rifts { + --main-text: #DEDEDE; + --header-text: #DEDEDE; + --button-color:: #DEDEDE; +} +.sheet-rolltemplate-info.sheet-rolltemplate-darkmode .sheet-dlww { + --default-header: linear-gradient(.25turn,black,15%,rgb(82,82,82),80%,black); + --main-text: #fcfcfc; + --roll-background: #404040; + --burn-desc-color: #ffd1da; + /*--roll-fullcrit: #93ee72; + --roll-fullfail: #ffd1da;*/ +} +.sheet-rolltemplate-info .sheet-rifts { + --main-text: white; + --header-text: white; + --default-header: #25333c; + --header-border: #72a7b7; + --style-font: Anton; + /*used for teh h2 tag in the header */ + --accent-font: var(--main-font); + --roll-background: #31444f; + --button-background: #25333c; + --button-color: white; + --button-font: 1em var(--accent-font); + --burn-roll-font: bold 2em var(--style-font); + --burn-desc-color: #ffd1da; + --roll-fullcrit: #93ee72; + --roll-fullfail: #ffd1da; +} +.sheet-rolltemplate-info .sheet-dlww { + --default-header: linear-gradient(.25turn,black,15%,maroon,80%,black); + --header-font-size: 1.5em; + --header-border: none; + --style-font: Rye; + --burn-roll-font: bold 2em var(--style-font); +} +.sheet-rolltemplate-info .sheet-swpf { + --style-font: Metamorphous; +} +.sheet-rolltemplate-info .sheet-templateHeaderRow { + width: 100%; + margin: 0 0 0 0; + padding: 4px 0 0 0; + background: var(--default-header); + border: var(--header-border); + border-radius: 10px 10px 0 0; + color: var(--header-text); + font-family: var(--style-font); +} +.sheet-rolltemplate-info .sheet-templateheader, +.sheet-rolltemplate-info .sheet-templatesubheader { + width: 100%; + margin: 0 0 0 0; + text-align: center; + color: var(--header-text); +} +.sheet-rolltemplate-info .sheet-templateheader { + /*font-family: var(--style-font);*/ + font-size: var(--header-font-size); +} +.sheet-rolltemplate-info .sheet-templatesubheader { + border: var(--header-border); + background: var(--default-subheader); + font-size: var(--subheader-font-size); + font-weight: normal; + border: var(--subheader-border); +} +.sheet-rolltemplate-info .sheet-templatedescription { + background-color: var(--roll-background); + color: var(--main-text); + font-size: var(--templatedescription-font-size); + padding: 5px; + width: 100%; + border: var(--templatedescription-border-color); + overflow-y: auto; +} +.sheet-rolltemplate-info .inlinerollresult { + background-color: transparent !important; + border: none !important; + padding: 0; + font-weight: normal; + font-size: 1em; +} +.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullcrit { + color: var(--roll-fullcrit); + border: none !important; + font-weight: bold; +} +.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.importantroll { + color: var(--roll-fullcrit); + border: none !important; + font-weight: bold; +} +.sheet-rolltemplate-info .inlinerollresult.fullcrit, +.sheet-rolltemplate-info .inlinerollresult.fullfail, +.sheet-rolltemplate-info .inlinerollresult.importantroll { + border: none !important; + color: var(--main-text); + font-weight: normal; +} +.sheet-rolltemplate-info .sheet-burnroll .inlinerollresult.fullfail { + color: var(--roll-fullfail); + border: none !important; + font-weight: bold; +} +.sheet-rolltemplate-info a, +.sheet-rolltemplate-info a[href^="~"], +.sheet-rolltemplate-info a[href^="!"] { + background-color: transparent; + border: 0; + color: var(--link-color); + display: inline; + padding: 0; + text-decoration: underline; +} +.sheet-rolltemplate-info .sheet-buttonstyle a, +.sheet-rolltemplate-info .sheet-buttonstyle a[href^="~"], +.sheet-rolltemplate-info .sheet-buttonstyle a[href^="!"] { + background-color: var(--button-background); + padding: 5px; + color: var(--button-color); + display: inline-block; + border: var(--button-border); + text-decoration: none; +} +.sheet-rolltemplate-info p > span:not(:empty)::before { + content: ": "; +} +.sheet-rolltemplate-info .sheet-burnroll { + text-align: center; + font: var(--burn-roll-font); + margin: 5px 0 10px 0; +} +.sheet-rolltemplate-info .sheet-burnrolldesc { + text-align: center; + font: var(--burn-desc-font); + color: var(--burn-desc-color); +} +.sheet-rolltemplate-info .sheet-templatedescription:not(.sheet-nomaxheight) { + max-height: 200px; +} + +.sheet-rolltemplate-unshake, +.sheet-rolltemplate-emote, +.sheet-rolltemplate-consumables, +.sheet-rolltemplate-running { + --main-text: #653e10; + --default-background: #f5e4d3; + --default-border: 1px solid #f0c392; + --roll-fullcrit: #006400; + --roll-fullfail: maroon; + /* Dark Mode roll colors */ +} +.sheet-rolltemplate-unshake.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-emote.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-consumables.sheet-rolltemplate-darkmode, +.sheet-rolltemplate-running.sheet-rolltemplate-darkmode { + --main-text: #ABABAB; + --default-background: #1f1f1f; + --default-border: 1px solid black; + --roll-fullcrit: #93ee72; + --roll-fullfail: #ffd1da; +} +.sheet-rolltemplate-unshake .sheet-emoteish, +.sheet-rolltemplate-emote .sheet-emoteish, +.sheet-rolltemplate-consumables .sheet-emoteish, +.sheet-rolltemplate-running .sheet-emoteish { + border: var(--default-border); + color: var(--main-text); + background: var(--default-background); + width: 125%; + margin-left: -50px; + padding: 10px; + box-sizing: border-box; + font-weight: bolder; + font-style: italic; +} +.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult, +.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult, +.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult, +.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult { + background-color: transparent !important; + border: none !important; + padding: 0; + font-weight: normal; + font-size: 1.05em; + font-weight: bold; +} +.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.fullcrit, .sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.importantroll, +.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.fullcrit, +.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.importantroll, +.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.fullcrit, +.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.importantroll, +.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.fullcrit, +.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.importantroll { + color: var(--roll-fullcrit); +} +.sheet-rolltemplate-unshake .sheet-emoteish .inlinerollresult.fullfail, +.sheet-rolltemplate-emote .sheet-emoteish .inlinerollresult.fullfail, +.sheet-rolltemplate-consumables .sheet-emoteish .inlinerollresult.fullfail, +.sheet-rolltemplate-running .sheet-emoteish .inlinerollresult.fullfail { + color: var(--roll-fullfail); +} + +/* Gritty Damage */ +.sheet-rolltemplate-gritty { + --main-text: #000000; + --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif; + --default-background: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/GrittyTemplate.png") + top left; + --header-color: maroon; +} +.sheet-rolltemplate-gritty.sheet-rolltemplate-darkmode { + --header-color: (rgb(214, 214, 214)); + --main-text: (rgb(214, 214, 214)); + --default-background: url("https://raw.github.com/finderski/SWT/master/BackgroundImages/GrittyTemplate-darkmode.png") top left; +} +.sheet-rolltemplate-gritty div { + box-sizing: border-box; + color: var(--main-text); + font-family: var(--main-font); +} +.sheet-rolltemplate-gritty h2 { + text-align: center; + color: var(--header-color); +} +.sheet-rolltemplate-gritty .sheet-card { + width: 90%; + max-width: 200px; + min-height: 250px; + background: var(--default-background); + background-size: 100% 100%; + background-repeat: no-repeat; + padding: 5px; + /*border-radius: 15px; + border: solid 1px var(--header-color);*/ +} +.sheet-rolltemplate-gritty .sheet-injuryresult { + display: flex; + align-items: center; + height: 195px; + text-align: center; +} +.sheet-rolltemplate-gritty .inlinerollresult { + background-color: transparent !important; + border: inherit !important; + padding: 0; + font-weight: bold; + font-size: 1.25em; +} + +.sheet-rolltemplate-bonusDamage { + --roll-fullcrit: #006400; + --roll-fullfail: maroon; +} +.sheet-rolltemplate-bonusDamage.sheet-rolltemplate-darkmode { + --roll-fullcrit: #93ee72; + --roll-fullfail: #ffd1da; +} +.sheet-rolltemplate-bonusDamage .inlinerollresult, +.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit, +.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail, +.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll { + border: none !important; + background-color: transparent !important; + font-weight: bold; +} +.sheet-rolltemplate-bonusDamage .inlinerollresult.fullcrit, +.sheet-rolltemplate-bonusDamage .inlinerollresult.importantroll { + color: var(--roll-fullcrit); +} +.sheet-rolltemplate-bonusDamage .inlinerollresult.fullfail { + color: var(--roll-fullfail); +} + +.sheet-rolltemplate-statblock { + --main-text: rgb(64,64,64); + --main-font: "Helvetica Neue", Helvetica, Arial, sans-serif; + --default-header-background: url("https://raw.githubusercontent.com/finderski/SWT/master/RollTemplate/rt_header.png"); + --default-body-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_back.jpg"); + --border-color: 1px solid darkgoldenrod + --header-color: maroon; + --link-color: slategray; + background: var(--default-body-background); + background-size: 100% 100%; + background-repeat: no-repeat; + align-items: center; + border: var(--border-color); + margin: none; + padding: none; +} +.sheet-rolltemplate-statblock.sheet-rolltemplate-darkmode { + color: #bfbfbf; + --header-color: (#d6d6d6); + --main-text: (rgb(214, 214, 214)); + --default-header-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_header-darkmode.png"); + --default-body-background: url("https://raw.github.com/finderski/SWT/master/RollTemplate/rt_back-darkmode.jpg.jpg"); + --border-color: 1px solid black; + --link-color: #02D6ED; +} +.sheet-rolltemplate-statblock .sheet-statblockheader { + display: flex; + background: var(--default-header-background) top left; + background-size: 100% 90px; + height: 90px; + background-repeat: no-repeat; + align-items: center; +} +.sheet-rolltemplate-statblock h2.sheet-fullwidth { + width: 100%; + text-align: center; +} +.sheet-rolltemplate-statblock a, +.sheet-rolltemplate-statblock a[href^="~"], +.sheet-rolltemplate-statblock a[href^="!"] { + background-color: transparent; + border: 0; + color: var(--link-color); + display: inline; + padding: 0; + text-decoration: underline; +} +.sheet-rolltemplate-statblock .sheet-statblockbod { + padding: 0 5px 5px 5px; +} +.sheet-rolltemplate-statblock .sheet-statblockbod .sheet-justify { + text-align: justify; + text-justify: inter-word; + margin: 0 5px 10px 15px; + font-size: 0.85em; +} +.sheet-rolltemplate-statblock .sheet-statblockbod .sheet-bodsection { + margin: 0 5px 10px 15px; + font-size: 0.85em; +} + +.sheet-statblock { + height: 28px; +} + +.sheet-showWCicon { + display: none; +} + +.sheet-isWC[value="0"] + button.sheet-statblock > .sheet-showWCicon { + display: inline-block; + font-size: 1.8em; +} diff --git a/Official Savage Worlds/SavageWorldsCharSheet.html b/Official Savage Worlds/SavageWorldsCharSheet.html index c8f9e18958..012c541b88 100644 --- a/Official Savage Worlds/SavageWorldsCharSheet.html +++ b/Official Savage Worlds/SavageWorldsCharSheet.html @@ -1,1000 +1,1016 @@ - + @@ -6420,6 +6436,7 @@ on( + @@ -6468,7 +6485,7 @@ on( - +
- +