Update Starfinder.css

This commit is contained in:
Kurohyou
2018-10-28 18:59:29 -05:00
committed by GitHub
parent 5a7ec60379
commit 08bc959c3a
+99 -45
View File
@@ -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;
}
/* ########################################################################################################################################*/
/* ########################################################################################################################################*/