slaguru666/roll20-character-sheets-tester
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update PFPlaytest.css

Browse Source
This commit is contained in:
Kurohyou
2018-08-09 21:54:20 -05:00
committed by GitHub
parent 7a6d79beee
commit aa4ff024a0
1 changed files with 101 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Pathfinder Playtest/PFPlaytest.css
+101 -45
View File
@@ -1,5 +1,5 @@
* {
font-family:"Patrick Hand";
font-family:"Arial";
color:black;
}
.sheet-pictos{/*elements that should be using the pictos font*/
@@ -33,7 +33,7 @@
.sheet-label,
.sheet-character-sheet button[type=roll] {
font-weight:400 !important;
font-size:10pt;
font-size:9pt;
}
[hidden='true'] {
display:none !important;
@@ -47,7 +47,7 @@ textarea,
background-color:transparent;
border:0px solid black;
border-bottom:1px solid black;
font-size:10pt;
font-size:9pt;
box-shadow:none;
-webkit-appearance: none;
-moz-appearance: none;
@@ -181,7 +181,7 @@ label:hover,
min-height:100%;
}
.sheet-character-sheet h1 {
font-size:10pt;
font-size:9pt;
line-height:inherit;
z-index:2;
text-align:center;
@@ -207,7 +207,7 @@ label:hover,
radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat;
text-transform: uppercase;
font-weight: 700;
font-size: 10pt;
font-size: 9pt;
padding: 0px calc(var(--ringsize) + 5px);
text-align: center;
letter-spacing: 0px;
@@ -563,12 +563,15 @@ div.sheet-tactical-condition > .sheet-encumbrance:in-range + span{
.sheet-class-info{
padding:5px;
place-content:start;
grid-template-columns:repeat(4,1fr) repeat(3,1fr) 1fr;
grid-template-columns:repeat(8,1fr);
grid-template-rows:repeat(6,auto);
grid-gap:5px;
overflow-y:scroll;
}
.sheet-class-info .sheet-name{
grid-column-end:span 3;
}
.sheet-class-info .sheet-level-details{
grid-column-end:span 4;
}
.sheet-class-info .sheet-ancestry-details{
@@ -684,6 +687,9 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class-
width:auto;
z-index:10;
}
.repcontainer[data-groupname="repeating_ability"] .sheet-display .sheet-button-description{
grid-column:button-start;
}
.sheet-display .sheet-button-description:not(:hover) > label{
display:none;
}
@@ -725,19 +731,28 @@ input[type=radio].sheet-char-tab.sheet-class-details-tab:checked ~ .sheet-class-
grid-template-columns:3fr repeat(4,1fr) repeat(3,0.5fr);
}
/*buff styling*/
.repcontainer[data-groupname='repeating_buff'] {
.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] {
width:100%;
max-height:100%;
overflow-y:scroll!important;
overflow-x:hidden;
display:block;
grid-area:container;
}
.sheet-buffs .sheet-filter-container{
width:100%;
}
.repcontainer[data-groupname='repeating_buff'] .repitem{
width:50%;
.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem{
display:inline-block;
width:49%;
margin:5px 0px 0px;
}
.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(odd){
float:left;
margin-right:5px;
}
.sheet-character-sheet .sheet-in-play .repcontainer[data-groupname='repeating_buff'] .repitem:nth-child(even){
float:right;
}
.sheet-row-options .sheet-buff-name{
width:100% !important;
@@ -760,13 +775,19 @@ textarea.sheet-item-mods{
overflow-y:hidden;
overflow-x:hidden;
}
.sheet-encumbered:checked ~ .sheet-encumber *{
color:#e1bb78;
text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f;
}
.sheet-encumbered:checked ~ .sheet-encumber {
color:white !important;
background-color:#333398;
background-color:var(--circlecolor);
}
.sheet-overburdened:checked ~ .sheet-overburden *{
color:#e1bb78;
text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f;
}
.sheet-overburdened:checked ~ .sheet-overburden {
color:white !important;
background-color:#333398;
background-color:var(--circlecolor);
}
.sheet-mod-buff[value*="1"] ~ .sheet-modified-attr {
color:#f7b238;
@@ -812,7 +833,7 @@ textarea.sheet-item-mods{
text-indent:37px !important;
}
/*Repeating styling*/
.repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']){
.repcontainer:not([data-groupname='repeating_profession']):not([data-groupname='repeating_condition']):not([data-groupname='repeating_buff']){
grid-area:container;
max-width:100%;
display:grid;
@@ -824,7 +845,7 @@ textarea.sheet-item-mods{
margin-right:30px;
}
.repcontrol{
--squaredim:10pt;
--squaredim:9pt;
place-self:stretch;
display:grid;
grid-template-columns:1fr;
@@ -1003,7 +1024,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
}
.sheet-page.sheet-core {
grid-template-columns:[skills-start attribute-start]1fr[skills-end attribute-end initiative-start health-start armor-start repeating-start proficiency-start] 1fr [initiative-end armor-end health-end senses-start saves-start xp-start] 1fr [xp-end senses-end saves-end proficiency-end repeating-end];
grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start senses-start] 104px [health-end senses-end armor-start saves-start] 30px [attribute-end skills-start] 132px [armor-end saves-end repeating-start] auto [repeating-end skills-end];
grid-template-rows:[attribute-start initiative-start xp-start] 20px [initiative-end xp-end health-start senses-start] 104px [health-end senses-end armor-start saves-start] 30px [attribute-end skills-start] 150px [armor-end saves-end repeating-start] auto [repeating-end skills-end];
grid-gap:20px;
}
.sheet-page.sheet-core .sheet-combat{/*calc(var(--circlebore)/2)calc(150px - var(--circlebore)*2)*/
@@ -1067,16 +1088,21 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
.sheet-xp-container{
grid-area:xp;
display:grid;
grid-template-columns:0px [label-start] 30px [label-end current-start] 1fr [current-end slash-start] 20px [slash-end max-start] 1fr [max-end] 0px;
grid-template-columns:20px 20px 10px 20px 50px 0.5fr [label-start] 20px [label-end current-start] 2fr [current-end] 0px;
grid-template-rows:[label-start current-start slash-start max-start] 1fr [label-end current-end slash-end max-end];
grid-gap:5px;
}
.sheet-character-sheet .sheet-page .sheet-xp-container input{
width:100%;
}
.sheet-xp-container .sheet-label{
grid-area:label;
font-weight:700!important;
}
.sheet-xp-container .sheet-label ~ .sheet-label{
grid-area:label;
}
.sheet-character-sheet .sheet-xp-container .sheet-currxp{
grid-area:current;
width:calc(100% - 2px);
border-radius:5px;
}
.sheet-xp-container .sheet-slash{
@@ -1104,7 +1130,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
grid-area:char-tab;
}
.sheet-initiative-container > .sheet-section *{
font-size:10pt !important;
font-size:9pt !important;
padding:0px !important;
}
.sheet-initiative-container > .sheet-section-container{
@@ -1116,11 +1142,11 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
}
.sheet-initiative-container > .sheet-section-container .sheet-tot{
grid-area:tot;
font-size:10pt;
font-size:9pt;
}
.sheet-initiative-container > .sheet-section-container .sheet-arith{
grid-area:arith;
font-size:10pt;
font-size:9pt;
}
.sheet-initiative-container > .sheet-section-container select{
grid-area:select;
@@ -1199,7 +1225,7 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
}
.sheet-character-sheet .sheet-attr-base-mod-container *{
grid-area:acontent;
font-size:10pt;
font-size:9pt;
text-align:center;
display:block;
width:100%;
@@ -1265,6 +1291,14 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
grid-gap:8px;
place-content:start;
}
.sheet-span-five{
grid-column:span 5;
width:100%;
}
.sheet-span-six{
grid-column:span 6;
width:100%;
}
.sheet-health-resolve-container,
.sheet-ac-container,
.sheet-saving-container{
@@ -1307,12 +1341,12 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
width:100% !important;
}
.sheet-health-label {
font-size:10pt !important;
font-size:9pt !important;
font-color:black;
}
.sheet-current,
.sheet-max{
font-size:10pt !important;
font-size:9pt !important;
}
.sheet-health-label {
margin:auto 0px;
@@ -1355,11 +1389,16 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
}
.sheet-ac-container{
display:grid;
grid-template-columns:0px [type-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 20px [arm-end arm-plus-start] 10px [arm-plus-end abi-start] 1fr [abi-end] 0px;
grid-column-gap:5px;
grid-row-gap:5px;
grid-template-columns:0px [type-start notes-start] 30px [type-end] 0px [tot-start] 20px [tot-end equal-start] 10px [equal-end base-ten-start] 20px [base-ten-end ten-plus-start] 10px [ten-plus-end arm-start] 10px [arm-end arm-plus-start] 10px [arm-plus-end prof-start] 10px [prof-end abi-start] 1fr [abi-end notes-end] 0px;
grid-template-rows: repeat(5,auto) [notes-start] 1fr [notes-end];
grid-gap:5px;
align-content:start;
justify-content:start;
padding:5px 0px;
}
.sheet-ac-container .sheet-prof{
grid-column:prof-start / prof-end;
place-self:center;
}
.sheet-ac-container .sheet-equal{
grid-column:equal-start / equal-end;
@@ -1389,17 +1428,17 @@ input[type=radio].sheet-tab-button.sheet-options:checked ~ .sheet-page.sheet-opt
grid-column:abi-start / abi-end
}
.sheet-dr-span{
grid-column: type-start / tot-end;
grid-column: type-start / equal-end;
justify-self:start;
margin-left:0px;
}
input.sheet-dr{
grid-column: tot-end / abi-end;
grid-column: equal-end / abi-end;
width:100%;
}
.sheet-ac-notes{
grid-column: type-start / abi-end;
height:65px;
grid-area: notes;
height:100%;
resize:none;
text-align:left !important;
}
@@ -1454,6 +1493,14 @@ input.sheet-dr{
grid-gap:5px;
align-content:start;
}
.sheet-skill-container .sheet-signature-skill[value*="on"]+.sheet-display{
border-radius:5px;
background-color:var(--circlecolor);
}
.sheet-skill-container .sheet-signature-skill[value*="on"]+.sheet-display *{
color:#e1bb78 !important;
text-shadow:0px 0px 10px #d4162f, 0px 0px 5px #d4162f, 0px 0px 2.5px #d4162f;
}
.sheet-skill-container,
.sheet-skill-fieldset{
grid-column:container-start / container-end;
@@ -1812,13 +1859,17 @@ span.sheet-field{
}
.sheet-bulk-container,
.sheet-credits-container{
margin-bottom:5px;
padding:0px 2px;
border: 1px solid black;
border-radius:3px;
position:relative;
text-align:center;
}
.sheet-credits-container.sheet-credits{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:5px;
}
.sheet-bulk-container .sheet-number,
.sheet-bulk-container .sheet-label,
.sheet-credits-container .sheet-number,
@@ -1860,7 +1911,7 @@ span.sheet-field{
grid-column:1 / 3;
}
.sheet-filter-container.sheet-item .sheet-row.sheet-equip-state{
grid-column:1 / 2;
grid-column:span 2;
}
.sheet-filter-container.sheet-item .sheet-row.sheet-bulk-cost{
grid-column:3 / 5;
@@ -1883,11 +1934,14 @@ span.sheet-field{
display:none;
}
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] + .sheet-equip-state{
grid-column-end:4;
grid-column:span 3;
}
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-armor-purpose{
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ select.sheet-armor-purpose{
display:block;
}
.sheet-filter-container.sheet-item .sheet-purpose-filter[value=armor] ~ .sheet-row.sheet-armor-purpose{
display:flex;
}
/*Spell Styling*/
.sheet-spell-containers{
grid-template-columns:1fr 1fr;
@@ -2288,7 +2342,8 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container,
.sheet-item-container{
grid-area:items;
}
.sheet-section-container > .sheet-button-description{
.sheet-section-container > .sheet-button-description,
.sheet-item-container > .sheet-button-description{
grid-area:header;
}
.sheet-abilities-container > .sheet-button-description > *,
@@ -2314,7 +2369,7 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container,
}
.sheet-spell-column .sheet-section-container .repcontrol,
.sheet-abilities-container .sheet-section-container .repcontrol{
--squaredim:10pt;
--squaredim:9pt;
justify-self:end;
width:auto;
font-size:var(--squaredim);
@@ -2325,8 +2380,9 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container,
left:0px;
}
.sheet-character-sheet .sheet-pseudo-repcontrol{
--squaredim:10pt;
--squaredim:9pt;
place-self:start;
z-index:10;
}
/*settings style*/
.sheet-settings .sheet-row{
@@ -2531,7 +2587,7 @@ input[type=checkbox].sheet-class-spells:checked + .sheet-spellclass-container,
width:100%;
border-bottom:1px solid black;
line-height:14px;
font-size:10pt;
font-size:9pt;
text-align:center;
}
.sheet-statblock .sheet-field-container .sheet-attr-total-container .sheet-base-attr{
@@ -2717,13 +2773,13 @@ input.sheet-cr{
radial-gradient(circle at 0% 100%,transparent var(--circlebore),var(--circlecolor) var(--circlebore),var(--circlecolor) var(--ringsize),var(--circlecolor) 0) bottom left/52% 52% no-repeat;
text-transform: uppercase;
font-weight: normal;
font-size: 10pt;
font-size: 9pt;
padding: 0px;
text-align: center;
letter-spacing: 0px;
display: inline-block;
margin-bottom: 0px;
font-family:Patrick Hand;
font-family:Arial;
}
.sheet-rolltemplate-generic .sheet-generic-header *,
.sheet-rolltemplate-generic .sheet-generic-footer *,
@@ -2766,7 +2822,7 @@ input.sheet-cr{
display: inline-block;
margin-bottom: 0px;
color:white;
font-family:Patrick Hand;
font-family:Arial;
}
.sheet-rolltemplate-generic .sheet-side-banner > div:first-child,
.sheet-rolltemplate-attack .sheet-side-banner > div:first-child,
@@ -2799,7 +2855,7 @@ input.sheet-cr{
font-weight:700;
font-size:13pt;
line-height:1.4em;
font-family:Patrick Hand;
font-family:Arial;
}
.sheet-rolltemplate-generic .sheet-content-container a,
.sheet-rolltemplate-attack .sheet-content-container a,
@@ -2815,7 +2871,7 @@ input.sheet-cr{
.sheet-rolltemplate-spell .sheet-generic-body,
.sheet-rolltemplate-ship .sheet-generic-body{
color:black;
font-family:Patrick Hand;
font-family:Arial;
border: 70px solid transparent;
border-image: url('https://s3.amazonaws.com/files.d20.io/images/59311754/w0IK4ij9J8KG2EnGfAcisw/max.png') 222 222 fill repeat;
background-color:transparent;