diff --git a/Official Savage Worlds/SavageWorldsCharSheet.css b/Official Savage Worlds/SavageWorldsCharSheet.css index e1b16706a3..df09af9a3c 100644 --- a/Official Savage Worlds/SavageWorldsCharSheet.css +++ b/Official Savage Worlds/SavageWorldsCharSheet.css @@ -279,22 +279,23 @@ details[open] > summary.config { } input.useBackground[value="1"] ~ .background { - background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/Parchement_Background2.jpg); + /*background-image: url(https://raw.githubusercontent.com/finderski/SWT/master/Parchement_Background2.jpg);*/ background-color: rgb(244, 244, 244); } input.useBackground[value="2"] ~ .background { - background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg); + /*background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/swade-parchment-seamless.jpg);*/ background-color: rgb(244, 244, 244); } input.useBackground[value="3"] ~ .background { - background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/r20-rifts-hex-pattern.png); + /*background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/backgrounds/r20-rifts-hex-pattern.png);*/ background-size: 10%; - background-color: #D0D3D4; + background-color: #d0d3d4; } -input.useBackground[value="0"] ~ .background { +input.useBackground[value="0"] ~ .background, +input.useBackground[value="4"] ~ .background { background-color: white; } @@ -1222,8 +1223,7 @@ label.traitlabel > input.traitradio { .d8, .d10, .d12 { - display: inline; - /*was inline*/ + display: inline; /*was inline*/ color: silver; position: relative; top: 5px; @@ -2063,7 +2063,7 @@ select { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; - align-content: space-between; + align-content: space-around; margin: 0 5px 5px 5px; padding: 5px; box-sizing: content-box; @@ -2142,13 +2142,13 @@ label.showwealthwilddie { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; - align-content: space-between; + align-content: space-around; margin: 0 5px 5px 5px; padding: 5px; box-sizing: content-box; max-width: 832px; - min-height: 305px; - height: calc(305px + (100vw - 832px) * -50); + min-height: 485px; + height: calc(485px + (100vw - 832px) * -50); max-height: 705px; overflow: auto; } @@ -2163,6 +2163,12 @@ label.showwealthwilddie { .miscconfig .miscItem .sheet-background { width: 161px; } +.miscconfig .showCustomLogo:not([value=Custom]) + .miscItem.customLogo { + display: none; +} +.miscconfig .showCustomBackground:not([value="4"]) + .miscItem.customBackground { + display: none; +} /*.useBackground[value="0"] ~ .background .miscconfig .darkMode { display: none; @@ -2184,12 +2190,12 @@ label.showwealthwilddie { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; - align-content: space-between; + align-content: space-around; margin: 0 5px 5px 5px; padding: 5px; box-sizing: content-box; - min-height: 525px; - height: calc(525px + (100vw - 832px) * -50); + min-height: 550px; + height: calc(550px + (100vw - 832px) * -50); max-height: 1050px; overflow: auto; /*background: rgb(255,255,255,0.75);*/ @@ -2318,6 +2324,7 @@ label.showwealthwilddie { .PEG, .SWPF, .Rifts, +.Custom, input[value=Pathfinder].showLogo ~ .SWADE { display: none; } @@ -2329,7 +2336,8 @@ input[value=Pathfinder].showLogo ~ .SWADE { input[value=Deadlands].showLogo ~ .Deadlands, input[value=SavageWorlds].showLogo ~ .PEG, input[value=Pathfinder].showLogo ~ .SWPF, -input[value=Rifts].showLogo ~ .Rifts { +input[value=Rifts].showLogo ~ .Rifts, +input[value=Custom].showLogo ~ .Custom { display: inline-block; } @@ -4576,8 +4584,7 @@ select.armorMinStr { .charsheet .armorProtection, .charsheet input.armorProtection { - width: 10% !important; - /*75px;*/ + width: 10% !important; /*75px;*/ } .armorStacks, @@ -4686,8 +4693,7 @@ div.shieldHalf .statblock { display: inline; margin: 0px; padding: 0px; - width: 45px; - /*50px;*/ + width: 45px; /*50px;*/ } .shieldWorn { @@ -4749,8 +4755,7 @@ h4.shieldParry { .shieldCover, input.shieldCover { - width: 50px; - /*75px;*/ + width: 50px; /*75px;*/ } .shieldWeight, @@ -5330,50 +5335,43 @@ div.vehicleHandlingBox, div.vehicleTopSpeedBox, div.vehicleToughnessBox, div.vehicleCrewBox { - width: 80px; - /*50*/ - height: 50px; - /*40*/ + width: 80px; /*50*/ + height: 50px; /*40*/ text-align: center; /*margin-left: 110px;*/ } div.vehicleSizeBox { background: url("https://github.com/finderski/SWT/blob/master/redCircle1.png?raw=true"); - background-size: 65px; - /*45*/ + background-size: 65px; /*45*/ background-repeat: no-repeat; background-position: center; } div.vehicleHandlingBox { background: url("https://github.com/finderski/SWT/blob/master/redCircle2.png?raw=true"); - background-size: 65px; - /*45*/ + background-size: 65px; /*45*/ background-repeat: no-repeat; background-position: center; } div.vehicleTopSpeedBox { background: url("https://github.com/finderski/SWT/blob/master/redCircle3.png?raw=true"); - background-size: 65px; - /*45*/ + background-size: 65px; /*45*/ background-repeat: no-repeat; background-position: center; } div.vehicleToughnessBox { background: url("https://github.com/finderski/SWT/blob/master/redCircle5.png?raw=true"); - background-size: 65px; - /*45*/ + background-size: 65px; /*45*/ background-repeat: no-repeat; background-position: center; } div.vehicleCrewBox { background: url("https://github.com/finderski/SWT/blob/master/redCircle4.png?raw=true"); - background-size: 65px; - /*45*/ + background-size: 65px; /*45*/ background-repeat: no-repeat; background-position: center; } @@ -6581,6 +6579,47 @@ li.docList::before { -- The Themes file for the Main Character Sheet. -- The Condensed view has it's own file: _statblockViewThemes.scss ------------------------------------------------------------------ */ +/* Generic Theme */ +.useTheme[value="0"] ~ .background > .base .character .triFold { + background: rgba(255, 255, 255, 0.45); +} +.useTheme[value="0"] ~ .background > .base .character .bottomHalf .groupHeader { + background-color: rgba(255, 255, 255, 0.4); + box-sizing: border-box; + padding: 5px 0 5px 0; +} +.useTheme[value="0"] ~ .background > .base .character .weapons, +.useTheme[value="0"] ~ .background > .base .character .arcane { + background-color: rgba(255, 255, 255, 0.4); + box-sizing: border-box; + padding: 5px 0 5px 0; +} +.useTheme[value="0"] ~ .background > .base .character .armorHalf, +.useTheme[value="0"] ~ .background > .base .character .shieldHalf { + background-color: rgba(255, 255, 255, 0.4); + padding: 0 0 5px 0; +} +.useTheme[value="0"] ~ .background > .base .character .armorHalf .groupHeader, +.useTheme[value="0"] ~ .background > .base .character .shieldHalf .groupHeader { + font-weight: bold; +} +.useTheme[value="0"] ~ .background > .base .configurationpane select { + width: auto; +} +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection { + background-color: transparent; +} +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .srmconfig, +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .miscconfig, +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .csnconfig, +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .savagedUSImporter { + background-color: rgba(255, 255, 255, 0.4); +} +.useTheme[value="0"] ~ .background > .base .configurationpane .configSection .savagedUSImporter { + box-sizing: border-box; + padding: 15px; +} + /* Deadlands Theme */ .useTheme[value="1"] ~ .background > .base .character .traitHeader { font-family: Rye; @@ -6700,7 +6739,7 @@ li.docList::before { background-size: contain; background-repeat: no-repeat; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; height: 95px; display: flex; justify-content: center; @@ -6710,12 +6749,12 @@ li.docList::before { .useTheme[value="1"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput, .useTheme[value="1"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput { font-family: Rye; - color: #FAE5D3; + color: #fae5d3; } .useTheme[value="1"] ~ .background > .base .vehicles h1.groupHeader input.headerInput::placeholder, .useTheme[value="1"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput::placeholder, .useTheme[value="1"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput::placeholder { - color: #FAE5D3; + color: #fae5d3; } .useTheme[value="1"] ~ .background > .base .vehicles .shipMainSection, .useTheme[value="1"] ~ .background > .base .powerArmor .shipMainSection, @@ -6751,7 +6790,7 @@ li.docList::before { .useTheme[value="1"] ~ .background > .base .vehicles .hideBtn, .useTheme[value="1"] ~ .background > .base .powerArmor .hideBtn, .useTheme[value="1"] ~ .background > .base .robotArmor .hideBtn { - color: #FAE5D3; + color: #fae5d3; position: relative; top: 10px; left: 10px; @@ -6760,9 +6799,9 @@ li.docList::before { .useTheme[value="1"] ~ .background > .base .powerArmor .powerArmorButton, .useTheme[value="1"] ~ .background > .base .robotArmor .powerArmorButton { right: -2.5%; - background-color: #922B21; + background-color: #922b21; border: none; - color: #FAE5D3; + color: #fae5d3; } .useTheme[value="1"] ~ .background > .base .characternotes .standardDiv, .useTheme[value="1"] ~ .background > .base .characternotes .charnotes { @@ -6770,10 +6809,11 @@ li.docList::before { } .useTheme[value="1"] ~ .background > .base .characternotes h1.groupHeader { background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Official%20Savage%20Worlds/images/headers/r20-dlww-header.png); - background-size: contain; + /*background-size: contain;*/ + background-size: 100% 100%; background-repeat: no-repeat; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; height: 95px; display: flex; justify-content: center; @@ -6799,7 +6839,7 @@ li.docList::before { background-repeat: no-repeat; background-color: transparent; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; font-size: 2.5em; height: 95px; display: flex; @@ -6825,7 +6865,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; height: 95px; display: flex; justify-content: center; @@ -6836,7 +6876,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; height: 95px; display: flex; justify-content: center; @@ -6860,7 +6900,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Rye; - color: #FAE5D3; + color: #fae5d3; height: 95px; display: flex; justify-content: center; @@ -7008,7 +7048,7 @@ li.docList::before { background-size: contain; background-repeat: no-repeat; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; height: 95px; display: flex; justify-content: center; @@ -7018,12 +7058,12 @@ li.docList::before { .useTheme[value="2"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput, .useTheme[value="2"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput { font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; } .useTheme[value="2"] ~ .background > .base .vehicles h1.groupHeader input.headerInput::placeholder, .useTheme[value="2"] ~ .background > .base .powerArmor h1.groupHeader input.headerInput::placeholder, .useTheme[value="2"] ~ .background > .base .robotArmor h1.groupHeader input.headerInput::placeholder { - color: #FCEEEE; + color: #fceeee; } .useTheme[value="2"] ~ .background > .base .vehicles .shipMainSection, .useTheme[value="2"] ~ .background > .base .powerArmor .shipMainSection, @@ -7059,7 +7099,7 @@ li.docList::before { .useTheme[value="2"] ~ .background > .base .vehicles .hideBtn, .useTheme[value="2"] ~ .background > .base .powerArmor .hideBtn, .useTheme[value="2"] ~ .background > .base .robotArmor .hideBtn { - color: #FCEEEE; + color: #fceeee; position: relative; top: 10px; left: 10px; @@ -7068,7 +7108,7 @@ li.docList::before { .useTheme[value="2"] ~ .background > .base .powerArmor .powerArmorButton, .useTheme[value="2"] ~ .background > .base .robotArmor .powerArmorButton { right: -2.5%; - background-color: #F1948A; + background-color: #f1948a; border: none; color: maroon; } @@ -7081,7 +7121,7 @@ li.docList::before { background-size: contain; background-repeat: no-repeat; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; height: 95px; display: flex; justify-content: center; @@ -7107,7 +7147,7 @@ li.docList::before { background-repeat: no-repeat; background-color: transparent; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; font-size: 2.5em; height: 95px; display: flex; @@ -7133,7 +7173,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; height: 95px; display: flex; justify-content: center; @@ -7144,7 +7184,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; height: 95px; display: flex; justify-content: center; @@ -7168,7 +7208,7 @@ li.docList::before { background-size: 100%; background-repeat: no-repeat; font-family: Metamorphous; - color: #FCEEEE; + color: #fceeee; height: 95px; display: flex; justify-content: center; @@ -7430,14 +7470,14 @@ li.docList::before { border-radius: 5px; } .useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(odd) { - background-color: #34495E; + background-color: #34495e; color: white; } .useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(odd) .optionLabel { color: rgb(242, 159, 64); } .useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(even) { - background-color: #5D6D7E; + background-color: #5d6d7e; color: white; } .useTheme[value="3"] ~ .background > .base .combatoptions .combatOptionDetails .combatoptionItem:nth-child(even) .optionLabel { @@ -7507,19 +7547,19 @@ li.docList::before { } .useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .titleLeft, .useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .titleRight { - background-color: #1B2631; + background-color: #1b2631; color: white; } .useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable .colLabels { - background-color: #17202A; + background-color: #17202a; color: white; } .useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable tr:nth-child(odd) { - background-color: #5D6D7E; + background-color: #5d6d7e; color: white; } .useTheme[value="3"] ~ .background > .base .sheetdocumentation .infotable tr:nth-child(even) { - background-color: #34495E; + background-color: #34495e; color: white; } @@ -7544,10 +7584,8 @@ li.docList::before { --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*/ + --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 */ @@ -8034,20 +8072,14 @@ li.docList::before { } .sheet-rolltemplate-info { - --main-text: black; - /*Color of the text*/ + --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-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; @@ -8097,8 +8129,7 @@ li.docList::before { --header-text: white; --default-header: #25333c; --header-border: #72a7b7; - --style-font: Anton; - /*used for teh h2 tag in the header */ + --style-font: Anton; /*used for teh h2 tag in the header */ --accent-font: var(--main-font); --roll-background: #31444f; --button-background: #25333c; diff --git a/Official Savage Worlds/SavageWorldsCharSheet.html b/Official Savage Worlds/SavageWorldsCharSheet.html index a791f5256d..4c97855c64 100644 --- a/Official Savage Worlds/SavageWorldsCharSheet.html +++ b/Official Savage Worlds/SavageWorldsCharSheet.html @@ -1,7 +1,7 @@ - + @@ -6638,7 +6687,7 @@ on( -




+ 








+ 




This release focuses on Minor Enhancements and Bug Fixes
+