diff --git a/Starfinder Official/Starfinder.css b/Starfinder Official/Starfinder.css index 5605c9cd7f..933266feab 100644 --- a/Starfinder Official/Starfinder.css +++ b/Starfinder Official/Starfinder.css @@ -137,8 +137,7 @@ label{ display:inline; position:relative; } -button[type=roll]::before -{ +button[type=roll]::before{ content: "" !important; } button[type=roll]:hover, @@ -166,6 +165,7 @@ label:hover, --circlecolor:#707070; --borderradius:0px 4px 4px 4px; margin-left:5px; + min-width:881px; } .sheet-starfinder .sheet-disclaimer{ grid-area:disclaimer; @@ -254,6 +254,7 @@ label:hover, grid-template-rows: [char-tab-start class-tab-start third-tab-start] 19px [hcontent-start] 1px [third-tab-end char-tab-end class-tab-end] auto [hcontent-end]; justify-items:stretch; align-items:stretch; + position:relative; /*background: url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat, url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/ @@ -275,9 +276,9 @@ label:hover, .sheet-pc > .sheet-header-content > .sheet-char-info, .sheet-pc > .sheet-header-content > .sheet-class-info, .sheet-pc > .sheet-header-content > .sheet-spellclass-details, -.sheet-in-play > .sheet-buffs, -.sheet-in-play > .sheet-menus, -.sheet-in-play > .sheet-conditions{ +.sheet-starfinder .sheet-in-play > .sheet-buffs, +.sheet-starfinder .sheet-in-play > .sheet-menus, +.sheet-starfinder .sheet-in-play > .sheet-conditions{ display:none; grid-area:hcontent; flex-wrap:wrap; @@ -324,31 +325,6 @@ label:hover, grid-column:1/-1 !important; position:absolute; } -:not(.sheet-section-container) > .sheet-section-container > .sheet-border.sheet-corner{ - display:none; -} -.sheet-border.sheet-top-right{ - top:calc(var(--wedge) / 2 *1.41); - left:calc(100% - var(--wedge)*1.7); - height:0px; -} -.sheet-border.sheet-bottom-left{ - top:calc(100% + var(--wedge) / 2 *-1.6); - left:-2px; - height:0px; - background-color:red; -} -.sheet-border.sheet-top-left{ - top:calc(var(--wedge) / 2 *1.41); - left:-2px; -} -.sheet-border.sheet-bottom-right{ - top:calc(100% + var(--wedge) / 2 *-1.6); - left:calc(100% - var(--wedge)*1.7); -} -.sheet-always-glow{ - box-shadow:var(--box-shadow); -} .sheet-hide-tab:checked + .sheet-section{ z-index:11; } @@ -591,6 +567,10 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class- position:relative; min-height:20px; } +.repcontainer .repitem:not(:last-child) .sheet-filter-container, +.repcontainer .repitem:not(:last-child) .sheet-spell{ + margin-bottom:5px; +} .sheet-starfinder input.sheet-show-options, .sheet-show-options + span { width: 18px; @@ -718,7 +698,7 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class- position:relative; margin:0px; } -.sheet-mod-container span{ +.sheet-mod-container > span{ position:absolute; top:0px; } @@ -793,7 +773,6 @@ label.sheet-pseudo-repcontrol input{ .repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']){ grid-area:container; max-width:100%; - display:grid; grid-template-columns:1fr; grid-gap:5px; align-content:start; @@ -918,6 +897,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt ". . . . . . ."/*bottom gutter*/; text-align:center; grid-column-gap:5px; + position:relative; } .sheet-proficiency-section span.sheet-light-armor{ grid-area:light-label; @@ -1097,6 +1077,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt grid-template-columns:[tot-start]20px [tot-end arith-start] 10px [arith-end select-start] 40px [select-end]; grid-template-rows:[tot-start arith-start select-start] auto [tot-end arith-end select-end]; justify-items:center; + position:relative; } .sheet-initiative-container > .sheet-section-container .sheet-tot{ grid-area:tot; @@ -1126,6 +1107,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt grid-template-rows: [char-tab-start class-tab-start] 19px [hcontent-start] 1px [char-tab-end class-tab-end] 1fr [hcontent-end]; justify-items:stretch; align-items:stretch; + position:relative; /*background: url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-thin.png") top left/15px no-repeat, url("https://cdn.rawgit.com/Kurohyou/roll20-character-sheets/61f96565/Starfinder%20HUD/Assets/SF-hirez-wide.png") bottom right/176.5px no-repeat;*/ @@ -1627,8 +1609,7 @@ textarea.sheet-abi-description{ .sheet-field-container{ position:relative; } -.sheet-filter-container, -.sheet-field-container .sheet-row{ +.sheet-filter-container{ display:none; } .sheet-atk-tab, @@ -1864,16 +1845,27 @@ span.sheet-field{ .sheet-filter-container.sheet-item .sheet-id{ grid-column:1 / 5; } -.sheet-filter-container.sheet-item input[type=checkbox].sheet-attacher:not(:checked) ~ textarea.sheet-attacher, -.sheet-filter-container.sheet-item input[type=checkbox].sheet-mods:not(:checked) ~ textarea.sheet-mods{ +.sheet-filter-container input[type=checkbox].sheet-attacher:not(:checked) ~ div.sheet-attacher, +.sheet-filter-container input[type=checkbox].sheet-mods:not(:checked) ~ div.sheet-mods{ display:none; } -.sheet-filter-container.sheet-item .sheet-attacher:checked ~ .sheet-attacher, -.sheet-filter-container.sheet-item .sheet-mods:checked ~ .sheet-mods{ +.sheet-filter-container .sheet-attacher:checked ~ .sheet-attacher, +.sheet-filter-container .sheet-mods:checked ~ .sheet-mods, +.sheet-starfinder .sheet-help-container{ grid-column:1/5; - display:block; + display:grid; + grid-template-columns:1fr; margin:0px; } +.sheet-filter-container.sheet-spell .sheet-attacher:checked ~ .sheet-attacher, +.sheet-filter-container.sheet-spell .sheet-mods:checked ~ .sheet-mods, +.sheet-filter-container.sheet-spell .sheet-field-container > .sheet-help-container{ + grid-column:1/3; +} +.sheet-filter-container .sheet-attacher:checked ~ .sheet-attacher > .sheet-row, +.sheet-filter-container .sheet-mods:checked ~ .sheet-mods > .sheet-row{ + display:flex; +} .sheet-filter-container.sheet-item .sheet-armor-purpose{ display:none; } @@ -2414,13 +2406,25 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, grid-template-columns:[label-start repcontrol-start] 60px [label-end repcontrol-end repeating-start] 1fr [repeating-end]; grid-template-rows:[label-start repeating-start] 20px [label-end repcontrol-start] minmax(20px,auto) [repeating-end repcontrol-end]; } +.sheet-statblock > .sheet-spell-like-row{ + display:grid; + grid-template-columns:[repcontrol-start repeating-start] 1fr [repeating-end repcontrol-end]; + grid-template-rows:[repeating-start] auto [repeating-end repcontrol-start] auto [repcontrol-end]; +} +.sheet-statblock > .sheet-spell-like-row .sheet-filter[value=SP] ~ .sheet-filter-container, +.sheet-statblock > .sheet-row .repcontainer[data-groupname='repeating_ability'] .sheet-filter:not([value=SP]) ~ .sheet-filter-container{ + display:block; +} .sheet-statblock > .sheet-attack-row > .sheet-attack-label{ grid-area:label; } -.sheet-statblock > .sheet-attack-row > .repcontainer[data-groupname='repeating_attack']{ +.sheet-statblock > .sheet-attack-row > .repcontainer, +.sheet-statblock > .sheet-spell-like-row > .repcontainer{ grid-area:repeating; max-height:initial; } +.sheet-statblock > .sheet-spell-like-row > .repcontrol, +.sheet-statblock > .sheet-spell-like-row > .sheet-pseudo-repcontrol, .sheet-statblock > .sheet-attack-row > .repcontrol, .sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol{ grid-area:repcontrol; @@ -2428,10 +2432,12 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, position:relative; top:-5px; } -.sheet-statblock > .sheet-attack-row > .repcontrol{ +.sheet-statblock > .sheet-attack-row > .repcontrol, +.sheet-statblock > .sheet-spell-like-row > .repcontrol{ justify-self:center; } -.sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol{ +.sheet-statblock > .sheet-attack-row > .sheet-pseudo-repcontrol, +.sheet-statblock > .sheet-spell-like-row > .sheet-pseudo-repcontrol{ justify-self:start; } .sheet-statblock > .sheet-attack-row .repcontainer[data-groupname='repeating_attack']{ @@ -2455,7 +2461,8 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container, top:-5px; align-self:flex-end; } -.sheet-statblock .repcontrol[data-groupname='repeating_attack'] .repcontrol_add{ +.sheet-statblock .sheet-attack-row .repcontrol_add, +.sheet-statblock .sheet-spell-like-row .repcontrol_add{ display:none !important; } .sheet-attack-label{ @@ -3463,9 +3470,56 @@ grid-template-columns:0px [life-support-start sensors-start weapons-start weapon top:-5px; text-align:center; } -.sheet-starfinder .repcontainer .repitem{ +.sheet-starfinder .repcontainer:not([data-groupname="repeating_buff"]) .repitem{ overflow:hidden; } +/*############################################################ Help dialog defaults ############################################################*/ +.sheet-starfinder div.sheet-help-container:not(:first-child){ + width:15px; + height:18px; + grid-template-columns:none !important; + grid-template-rows:none !important; + justify-self: end; + align-self:start; + border:0px; + position:absolute; + overflow:hidden; + align-items:end; + align-items:flex-end; + z-index:100; +} +.sheet-starfinder div.sheet-help-container .sheet-help-icon{ + align-self:end; + width:15px; + height:18px; +} +.sheet-starfinder div.sheet-help-container .sheet-help-content{ + opacity:0; + position:absolute; +} +.sheet-starfinder div.sheet-help-container:not(:first-child):hover{ + width:100%; + height:80px; + border:1px solid black; + background-color:white; + justify-content:flex-end; + grid-template-columns:1fr 15px !important; + grid-template-rows:1fr !important; + top:-62px; +} +.sheet-help-content *{ + font-family:arial; +} +.sheet-help-content > *{ + display:block; +} +.sheet-starfinder div.sheet-help-container:hover .sheet-help-content{ + opacity:100; + position:relative; + align-self:flex-start; + max-height:100%; + overflow-y:scroll; +} /*############################################################ ROLL TEMPLATES ############################################################*/ .sheet-rolltemplate-sf_generic, .sheet-rolltemplate-sf_attack, @@ -3873,4 +3927,4 @@ grid-template-columns:0px [life-support-start sensors-start weapons-start weapon overflow-y:auto; overflow-x:hidden; } -/* ########################################################################################################################################*/ \ No newline at end of file +/* ########################################################################################################################################*/