diff --git a/Black Void by Penny for a Tale/BlackVoid.css b/Black Void by Penny for a Tale/BlackVoid.css index 27ebd3ba40..fc16a623fc 100644 --- a/Black Void by Penny for a Tale/BlackVoid.css +++ b/Black Void by Penny for a Tale/BlackVoid.css @@ -15,6 +15,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment { div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div.sheet-content label, div.sheet-movement-section div.sheet-speed-total label, div.sheet-movement-section div.sheet-defence-value-total label { + display: -ms-grid; display: grid; } div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div.sheet-content label > input, div.sheet-movement-section div.sheet-speed-total label > input, @@ -23,8 +24,11 @@ div.sheet-movement-section div.sheet-defence-value-total label > input { width: 4.5rem; border: none; border-radius: 10rem; - align-self: center; - justify-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + -ms-grid-column-align: center; + justify-self: center; position: relative; z-index: 2; } @@ -39,7 +43,8 @@ input[name=attr_page]:not([value=two]) ~ div.sheet-page-two { /* GLOBAL SETTINGS ============================= */ * { - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; font-family: sans-serif; margin: 0; padding: 0; @@ -48,8 +53,10 @@ input[name=attr_page]:not([value=two]) ~ div.sheet-page-two { button { font-family: serif; + -webkit-transition: all 0.2s; transition: all 0.2s; - box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5); + -webkit-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5); + box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5); } button:before { display: none; @@ -58,8 +65,10 @@ button:focus, button:hover, button:active { background: none; background-color: #833247; color: whitesmoke; - transform: scale(1.05); - box-shadow: none; + -webkit-transform: scale(1.05); + transform: scale(1.05); + -webkit-box-shadow: none; + box-shadow: none; } button[type=roll], button[type=action] { background-color: whitesmoke; @@ -90,6 +99,16 @@ h2.sheet-label { margin-left: 3%; } +textarea:-moz-placeholder-shown, input[type=text]:-moz-placeholder-shown, input[type=number]:-moz-placeholder-shown { + border: 0.1em dotted #833247; + background-color: #96939326; +} + +textarea:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder { + border: 0.1em dotted #833247; + background-color: #96939326; +} + textarea:placeholder-shown, input[type=text]:placeholder-shown, input[type=number]:placeholder-shown { border: 0.1em dotted #833247; background-color: #96939326; @@ -162,6 +181,7 @@ textarea { width: 880px; } .charsheet div.sheet-row { + display: -ms-inline-grid; display: inline-grid; } @@ -197,47 +217,60 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-madness } .sheet-text-vertical { - transform: rotate(180deg); - writing-mode: vertical-lr; + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-writing-mode: vertical-lr; + -ms-writing-mode: tb-lr; + writing-mode: vertical-lr; } div.sheet-1column { + -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } div.sheet-2column { + -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } div.sheet-3column { + -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } div.sheet-4column { + -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } div.sheet-5column { + -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } div.sheet-6column { + -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } div.sheet-2autocolumn { + -ms-grid-columns: auto 1fr; grid-template-columns: auto 1fr; } div.sheet-2autocolumn-reverse { + -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } div.sheet-4autocolumn { + -ms-grid-columns: auto 1fr auto 1fr; grid-template-columns: auto 1fr auto 1fr; } div.sheet-3columnbutton { + -ms-grid-columns: auto 1fr 3rem; grid-template-columns: auto 1fr 3rem; } @@ -383,16 +416,19 @@ label { /* GRID ============================= */ .sheet-grid { + display: -ms-inline-grid; display: inline-grid; grid-column-gap: 1%; grid-row-gap: 0.5%; } div.sheet-pc div.sheet-traits div.sheet-awareness, div.sheet-pc div.sheet-traits div.sheet-persuasion, div.sheet-pc div.sheet-traits div.sheet-agility, div.sheet-pc div.sheet-traits div.sheet-intellect { + -ms-grid-rows: 2rem (1fr)[2]; grid-template-rows: 2rem repeat(2, 1fr); } div.sheet-pc div.sheet-traits div.sheet-strength, div.sheet-pc div.sheet-traits div.sheet-willpower, div.sheet-pc div.sheet-traits div.sheet-stamina, div.sheet-pc div.sheet-traits div.sheet-presence { + -ms-grid-rows: (1fr)[2] 2rem; grid-template-rows: repeat(2, 1fr) 2rem; } @@ -418,6 +454,7 @@ input.sheet-toggles:checked + span { ============================= */ div.sheet-pc { padding: 2% 1%; + -ms-grid-columns: 3fr 2fr 0.5fr; grid-template-columns: 3fr 2fr 0.5fr; grid-row-gap: 1%; } @@ -429,17 +466,20 @@ div.sheet-pc .sheet-colon:after { } div.sheet-pc div.sheet-box { background-color: #e4e5e6; - -moz-box-shadow: inset 0 0 10px #00000024; -webkit-box-shadow: inset 0 0 10px #00000024; box-shadow: inset 0 0 10px #00000024; padding: 2% 1%; } div.sheet-pc div.sheet-logo-row { grid-column-gap: 5%; - align-items: end; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: end; + -ms-grid-columns: 1fr 5% 20% 5% 250px; grid-template-columns: 1fr 20% 250px; } div.sheet-pc div.sheet-logo-row div.sheet-page-select { + -ms-grid-columns: auto 1fr 1fr 1fr; grid-template-columns: auto 1fr 1fr 1fr; } div.sheet-pc div.sheet-logo-row div.sheet-page-select div.sheet-button { @@ -450,6 +490,8 @@ div.sheet-pc div.sheet-logo-row div.sheet-page-select div.sheet-button { } div.sheet-pc div.sheet-logo-row div.sheet-page-select div.sheet-button div.sheet-option, div.sheet-pc div.sheet-logo-row div.sheet-page-select div.sheet-button input { + -ms-grid-row: 1; + -ms-grid-column: 1; grid-area: 1/1/1/1; min-height: 2rem; } @@ -466,7 +508,9 @@ div.sheet-pc div.sheet-logo-row div.sheet-page-select input[type=radio] { z-index: 2; } div.sheet-pc div.sheet-logo-row div.sheet-logo { - justify-content: end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: end; } div.sheet-pc div.sheet-logo-row div.sheet-logo img { max-height: 100px; @@ -478,10 +522,13 @@ div.sheet-pc div.sheet-character-info h2 { margin-right: 0.5rem; } div.sheet-pc div.sheet-character-info div.sheet-name-row { + -ms-grid-columns: 2fr 1fr 2fr; grid-template-columns: 2fr 1fr 2fr; } div.sheet-pc div.sheet-personality-row { - align-items: start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; grid-row-gap: 5%; } div.sheet-pc div.sheet-personality-row h2 { @@ -516,6 +563,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity-row labe div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health-row label, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity-row label, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health-row label { + display: -ms-grid; display: grid; justify-items: center; } @@ -530,7 +578,9 @@ div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity-row div. div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health-row div.sheet-header, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity-row div.sheet-header, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health-row div.sheet-header { - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity-row div.sheet-input, div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health-row div.sheet-input, @@ -551,11 +601,13 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health-r } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity-row, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity-row { + -ms-grid-rows: 5rem (3.8rem)[3]; grid-template-rows: 5rem repeat(3, 3.8rem); width: 115%; } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health-row, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health-row { + -ms-grid-rows: 5rem (3.8rem)[4]; grid-template-rows: 5rem repeat(4, 3.8rem); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity, @@ -570,9 +622,19 @@ div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity, div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health { + -ms-grid-columns: 5rem auto; grid-template-columns: 5rem auto; + -ms-grid-rows: 5rem; grid-template-rows: 5rem; } +div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity > *:nth-child(1), div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health > *:nth-child(1), div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity > *:nth-child(1), div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health > *:nth-child(1) { + -ms-grid-row: 1; + -ms-grid-column: 1; +} +div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity > *:nth-child(2), div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health > *:nth-child(2), div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity > *:nth-child(2), div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health > *:nth-child(2) { + -ms-grid-row: 1; + -ms-grid-column: 2; +} div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity div.sheet-input input[type=number], div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health div.sheet-input input[type=number], div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity div.sheet-input input[type=number], @@ -583,7 +645,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-sanity div.shee div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-health div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-sanity div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health div.sheet-input::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -592,13 +654,15 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-health d position: absolute; width: 100%; z-index: -1; - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-dead, div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-disturbed-injured, div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-anxious-hurt, div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-total, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-disturbed-injured, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-anxious-hurt, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-total { + -ms-grid-columns: 3.8rem auto; grid-template-columns: 3.8rem auto; position: relative; } @@ -614,7 +678,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead div div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-disturbed-injured div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-anxious-hurt div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-total div.sheet-input::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -632,7 +696,8 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-total { } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-total div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-total div.sheet-input::before { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-anxious-hurt, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-anxious-hurt { @@ -641,7 +706,8 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-anxious- } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-anxious-hurt div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-anxious-hurt div.sheet-input::before { - transform: rotate(50deg); + -webkit-transform: rotate(50deg); + transform: rotate(50deg); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-disturbed-injured, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-disturbed-injured { @@ -650,7 +716,8 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-disturbe } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-disturbed-injured div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-disturbed-injured div.sheet-input::before { - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-dead, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead { @@ -659,7 +726,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead { } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-dead div.sheet-input::before, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead div.sheet-input::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -668,7 +735,8 @@ div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-dead div position: absolute; width: 100%; z-index: -1; - transform: rotate(95deg); + -webkit-transform: rotate(95deg); + transform: rotate(95deg); } div.sheet-pc div.sheet-wastah-section div.sheet-wastah div.sheet-madness, div.sheet-pc div.sheet-wastah-section div.sheet-enlightenment div.sheet-madness { @@ -678,6 +746,7 @@ div.sheet-pc div.sheet-wastah-section div.sheet-box { min-height: 300px; } div.sheet-pc div.sheet-wastah-section div.sheet-descriptor { + -ms-grid-columns: 1.5rem 3% 1fr 3% 1.5rem 3% 1.5rem; grid-template-columns: 1.5rem 1fr repeat(2, 1.5rem); grid-column-gap: 3%; } @@ -686,14 +755,20 @@ div.sheet-pc div.sheet-wastah-section div.sheet-descriptor button[type=roll] { } div.sheet-pc div.sheet-wastah-section div.sheet-descriptor input[name*=collapse], div.sheet-pc div.sheet-wastah-section div.sheet-descriptor input[name*=collapse] + span { + -ms-grid-row: 1; + -ms-grid-column: 3; grid-area: 1/3/1/3; } div.sheet-pc div.sheet-wastah-section div.sheet-descriptor input[name*=settings], div.sheet-pc div.sheet-wastah-section div.sheet-descriptor input[name*=settings] + span { + -ms-grid-row: 1; + -ms-grid-column: 4; grid-area: 1/4/1/4; } div.sheet-pc div.sheet-wastah-section div.sheet-descriptor div.sheet-collapse, div.sheet-pc div.sheet-wastah-section div.sheet-descriptor div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 4; grid-column: 1/5; } div.sheet-pc div.sheet-traits { @@ -722,13 +797,17 @@ div.sheet-pc div.sheet-traits div.sheet-trait input[type=number] { border-radius: 1rem; } div.sheet-pc div.sheet-traits div.sheet-trait div.sheet-header { + -ms-grid-column: 1; + -ms-grid-column-span: 4; grid-column: 1/5; } div.sheet-pc div.sheet-traits div.sheet-trait div.sheet-modifier, div.sheet-pc div.sheet-traits div.sheet-trait div.sheet-score { + display: -ms-grid; display: grid; position: relative; - align-content: center; + -ms-flex-line-pack: center; + align-content: center; } div.sheet-pc div.sheet-traits div.sheet-trait div.sheet-modifier input[type=number] { font-size: 2.5rem; @@ -747,21 +826,29 @@ div.sheet-pc div.sheet-traits div.sheet-trait div.sheet-score:before { min-width: 80px; } div.sheet-pc div.sheet-traits div.sheet-intellect { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 1; grid-area: 1/2/1/3; top: 28%; right: 10%; } div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-header { + -ms-grid-row: 1; grid-row: 1; text-align: right; } div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 2; grid-area: 1/1/3/3; right: 15%; top: 24%; } div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -770,13 +857,18 @@ div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-score { + -ms-grid-row: 2; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; grid-area: 2/2/4/5; } div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -787,20 +879,28 @@ div.sheet-pc div.sheet-traits div.sheet-intellect div.sheet-score::before { z-index: -1; } div.sheet-pc div.sheet-traits div.sheet-agility { + -ms-grid-row: 1; + -ms-grid-column: 3; + -ms-grid-column-span: 1; grid-area: 1/3/1/4; top: 28%; } div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-header { + -ms-grid-row: 1; grid-row: 1; text-align: left; } div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 3; + -ms-grid-column-span: 2; grid-area: 1/3/3/5; left: 15%; top: 20%; } div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -809,13 +909,18 @@ div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(10deg); + -webkit-transform: rotate(10deg); + transform: rotate(10deg); } div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-score { + -ms-grid-row: 2; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-area: 2/1/4/4; } div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -824,13 +929,18 @@ div.sheet-pc div.sheet-traits div.sheet-agility div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-persuasion { + -ms-grid-row: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 1; grid-area: 2/1/2/2; left: 20%; } div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-header { + -ms-grid-row: 1; grid-row: 1; text-align: right; } @@ -838,11 +948,15 @@ div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-header h2 { margin-top: 5%; } div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 3; + -ms-grid-column: 1; + -ms-grid-column-span: 2; grid-area: 1/1/4/3; right: 35%; } div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -851,13 +965,18 @@ div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-score { + -ms-grid-row: 2; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; grid-area: 2/2/4/5; } div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -866,17 +985,24 @@ div.sheet-pc div.sheet-traits div.sheet-persuasion div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(100deg); + -webkit-transform: rotate(100deg); + transform: rotate(100deg); } div.sheet-pc div.sheet-traits div.sheet-experience { + -ms-grid-row: 2; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 2; grid-area: 2/2/4/4; + -ms-grid-rows: 66% 1fr; grid-template-rows: 66% 1fr; height: 100%; position: relative; - transform: scale(0.88); + -webkit-transform: scale(0.88); + transform: scale(0.88); } div.sheet-pc div.sheet-traits div.sheet-experience::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle1.svg"); + background-image: url("/Traitcircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -885,13 +1011,20 @@ div.sheet-pc div.sheet-traits div.sheet-experience::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); min-height: 180px; } div.sheet-pc div.sheet-traits div.sheet-experience div.sheet-header { + -ms-grid-row: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 2; grid-area: 2/2/2/4; } div.sheet-pc div.sheet-traits div.sheet-experience div.sheet-input { + -ms-grid-row: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 4; grid-area: 1/1/1/5; padding: 20% 5% 10%; } @@ -906,10 +1039,14 @@ div.sheet-pc div.sheet-traits div.sheet-experience div.sheet-input input[type=nu border-radius: 2rem 2rem 0rem 0rem; } div.sheet-pc div.sheet-traits div.sheet-awareness { + -ms-grid-row: 2; + -ms-grid-column: 4; + -ms-grid-column-span: 1; grid-area: 2/4/2/5; right: 21%; } div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-header { + -ms-grid-row: 1; grid-row: 1; text-align: left; } @@ -917,11 +1054,15 @@ div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-header h2 { margin-top: 5%; } div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 3; + -ms-grid-column: 3; + -ms-grid-column-span: 2; grid-area: 1/3/4/5; left: 30%; } div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -930,13 +1071,18 @@ div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); } div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-score { + -ms-grid-row: 2; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-area: 2/1/4/4; } div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle1.svg"); + background-image: url("/Traitcircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -945,22 +1091,31 @@ div.sheet-pc div.sheet-traits div.sheet-awareness div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-presence { + -ms-grid-row: 3; + -ms-grid-column: 1; + -ms-grid-column-span: 1; grid-area: 3/1/3/2; left: 22%; } div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-header { + -ms-grid-row: 3; grid-row: 3; text-align: center; } div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 2; grid-area: 1/1/3/3; right: 30%; } div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -969,13 +1124,18 @@ div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-score { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; grid-area: 1/2/3/5; } div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle1.svg"); + background-image: url("/Traitcircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -984,22 +1144,31 @@ div.sheet-pc div.sheet-traits div.sheet-presence div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(-100deg); + -webkit-transform: rotate(-100deg); + transform: rotate(-100deg); } div.sheet-pc div.sheet-traits div.sheet-stamina { + -ms-grid-row: 3; + -ms-grid-column: 4; + -ms-grid-column-span: 1; grid-area: 3/4/3/5; right: 22%; } div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-header { + -ms-grid-row: 3; grid-row: 3; text-align: center; } div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-modifier { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 3; + -ms-grid-column-span: 2; grid-area: 1/3/3/5; left: 30%; } div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1008,13 +1177,18 @@ div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-score { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-area: 1/1/3/4; } div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1023,22 +1197,31 @@ div.sheet-pc div.sheet-traits div.sheet-stamina div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(-10deg); + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg); } div.sheet-pc div.sheet-traits div.sheet-willpower { + -ms-grid-row: 4; + -ms-grid-column: 2; + -ms-grid-column-span: 1; grid-area: 4/2/4/3; bottom: 30%; } div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-header { + -ms-grid-row: 3; grid-row: 3; text-align: center; } div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-modifier { + -ms-grid-row: 2; + -ms-grid-row-span: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 2; grid-area: 2/1/3/3; right: 20%; } div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1047,13 +1230,18 @@ div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-score { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 2; + -ms-grid-column-span: 3; grid-area: 1/2/3/5; } div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1062,23 +1250,32 @@ div.sheet-pc div.sheet-traits div.sheet-willpower div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(40deg); + -webkit-transform: rotate(40deg); + transform: rotate(40deg); } div.sheet-pc div.sheet-traits div.sheet-strength { + -ms-grid-row: 4; + -ms-grid-column: 3; + -ms-grid-column-span: 1; grid-area: 4/3/4/4; bottom: 30%; left: 10%; } div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-header { + -ms-grid-row: 3; grid-row: 3; text-align: center; } div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-modifier { + -ms-grid-row: 2; + -ms-grid-row-span: 1; + -ms-grid-column: 3; + -ms-grid-column-span: 2; grid-area: 2/3/3/5; left: 20%; } div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-modifier::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1087,13 +1284,18 @@ div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-modifier::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-score { + -ms-grid-row: 1; + -ms-grid-row-span: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-area: 1/1/3/4; } div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-score::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1102,7 +1304,8 @@ div.sheet-pc div.sheet-traits div.sheet-strength div.sheet-score::before { position: absolute; width: 100%; z-index: -1; - transform: rotate(190deg); + -webkit-transform: rotate(190deg); + transform: rotate(190deg); } div.sheet-pc div.sheet-skills-row { display: inline-block; @@ -1125,47 +1328,61 @@ div.sheet-pc div.sheet-skills-row input[name=attr_rank] { text-align: center; } div.sheet-pc div.sheet-skills-row div.sheet-collapse div.sheet-header { + -ms-grid-columns: 3fr 2fr 1fr; grid-template-columns: 3fr 2fr 1fr; } div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-header, div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor { + -ms-grid-columns: 1fr 25% (1.5rem)[2]; grid-template-columns: 1fr 25% repeat(2, 1.5rem); } div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-collapse div.sheet-grid { + -ms-grid-columns: 1fr auto 5rem; grid-template-columns: 1fr auto 5rem; } div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor input[name=attr_collapse], div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor input[name=attr_collapse] + span { + -ms-grid-column: 3; grid-column: 3; } div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor input[name=attr_settings], div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor input[name=attr_settings] + span { + -ms-grid-column: 4; grid-column: 4; } div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor div.sheet-collapse, div.sheet-pc div.sheet-skills-row div.sheet-powers div.sheet-descriptor div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 4; grid-column: 1/5; } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-header, div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor { + -ms-grid-columns: 1.5fr 1fr 0.5fr (1.5rem)[2]; grid-template-columns: 1.5fr 1fr 0.5fr repeat(2, 1.5rem); } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-collapse div.sheet-grid { + -ms-grid-columns: 1fr auto 5rem; grid-template-columns: 1fr auto 5rem; } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-settings div.sheet-grid { + -ms-grid-columns: auto 1fr auto 5rem; grid-template-columns: auto 1fr auto 5rem; } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor input[name=attr_collapse], div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor input[name=attr_collapse] + span { + -ms-grid-column: 4; grid-column: 4; } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor input[name=attr_settings], div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor input[name=attr_settings] + span { + -ms-grid-column: 5; grid-column: 5; } div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor div.sheet-collapse, div.sheet-pc div.sheet-skills-row div.sheet-skills div.sheet-descriptor div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 5; grid-column: 1/6; } div.sheet-pc div.sheet-skills-row div.sheet-skills span[name=attr_specialization] { @@ -1173,18 +1390,25 @@ div.sheet-pc div.sheet-skills-row div.sheet-skills span[name=attr_specialization width: 100%; } div.sheet-pc div.sheet-character-history div.sheet-rowx { + -ms-grid-columns: 1fr (1.5rem)[2]; grid-template-columns: 1fr repeat(2, 1.5rem); } div.sheet-pc div.sheet-character-history input[name*=collapse], div.sheet-pc div.sheet-character-history input[name*=collapse] + span { + -ms-grid-row: 1; + -ms-grid-column: 2; grid-area: 1/2/1/2; } div.sheet-pc div.sheet-character-history input[name*=settings], div.sheet-pc div.sheet-character-history input[name*=settings] + span { + -ms-grid-row: 1; + -ms-grid-column: 3; grid-area: 1/3/1/3; } div.sheet-pc div.sheet-character-history div.sheet-collapse, div.sheet-pc div.sheet-character-history div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-column: 1/4; margin: 1% 2%; } @@ -1214,7 +1438,7 @@ div.sheet-movement-section div.sheet-defence-value-total { } div.sheet-movement-section div.sheet-speed-total::before, div.sheet-movement-section div.sheet-defence-value-total::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1232,7 +1456,8 @@ div.sheet-movement-section div.sheet-defence-value-total label { width: 100%; } div.sheet-movement-section div.sheet-speed-total::before { - transform: rotate(-125deg); + -webkit-transform: rotate(-125deg); + transform: rotate(-125deg); } div.sheet-movement-section div.sheet-box { min-height: 200px; @@ -1243,7 +1468,7 @@ div.sheet-movement-section div.sheet-box:nth-of-type(1n+2) { } div.sheet-movement-section div.sheet-armor-column { display: inline-block; - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Silhouette.png"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Silhouette.png"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1264,8 +1489,12 @@ div.sheet-movement-section div.sheet-armor-column div.sheet-armor { } div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-armour-input { position: relative; - justify-content: center; - align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-armour-input label, div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-armour-input input { min-height: 3.5rem; @@ -1276,19 +1505,25 @@ div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-armo border: none; } div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-content { - align-content: center; + -ms-flex-line-pack: center; + align-content: center; } div.sheet-movement-section div.sheet-armor-column div.sheet-armor div.sheet-body { - align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; } div.sheet-movement-section div.sheet-armor-column div.sheet-head, div.sheet-movement-section div.sheet-armor-column div.sheet-arms { + -ms-grid-columns: 7.5rem 40%; grid-template-columns: 7.5rem 40%; - justify-content: end; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: end; } div.sheet-movement-section div.sheet-armor-column div.sheet-head div.sheet-armour-input::before, div.sheet-movement-section div.sheet-armor-column div.sheet-arms div.sheet-armour-input::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1300,15 +1535,19 @@ div.sheet-movement-section div.sheet-armor-column div.sheet-arms div.sheet-armou } div.sheet-movement-section div.sheet-armor-column div.sheet-torso, div.sheet-movement-section div.sheet-armor-column div.sheet-legs { + -ms-grid-columns: 40% 7.5rem; grid-template-columns: 40% 7.5rem; } div.sheet-movement-section div.sheet-armor-column div.sheet-torso div.sheet-armour-input, div.sheet-movement-section div.sheet-armor-column div.sheet-legs div.sheet-armour-input { + -ms-grid-row: 1; + -ms-grid-column: 2; + -ms-grid-column-span: 1; grid-area: 1/2/1/3; } div.sheet-movement-section div.sheet-armor-column div.sheet-torso div.sheet-armour-input::before, div.sheet-movement-section div.sheet-armor-column div.sheet-legs div.sheet-armour-input::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1320,24 +1559,31 @@ div.sheet-movement-section div.sheet-armor-column div.sheet-legs div.sheet-armou } div.sheet-movement-section div.sheet-armor-column div.sheet-torso div.sheet-body, div.sheet-movement-section div.sheet-armor-column div.sheet-legs div.sheet-body { + -ms-grid-row: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 1; grid-area: 1/1/1/2; } div.sheet-movement-section div.sheet-armor-column div.sheet-head::before, div.sheet-movement-section div.sheet-armor-column div.sheet-arms::before { - transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); } div.sheet-movement-section div.sheet-armor-column div.sheet-torso::before, div.sheet-movement-section div.sheet-armor-column div.sheet-legs::before { - transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); } div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div.sheet-header { - align-self: center; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; } div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div.sheet-content { position: relative; } div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div.sheet-content::before { - background-image: url("https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); + background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; @@ -1349,9 +1595,11 @@ div.sheet-movement-section div.sheet-armor-column div.sheet-damage-reduction div } div.sheet-weapons-section div.sheet-headers { + -ms-grid-columns: 2fr (5rem)[6] 1fr 1fr (1.5rem)[2]; grid-template-columns: 2fr repeat(6, 5rem) 1fr 1fr repeat(2, 1.5rem); } div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor { + -ms-grid-columns: 2fr 0.5% 5rem 0.5% 5rem 0.5% 5rem 0.5% 5rem 0.5% 5rem 0.5% 5rem 0.5% 1fr 0.5% 1fr 0.5% 1.5rem 0.5% 1.5rem; grid-template-columns: 2fr repeat(6, 5rem) 1fr 1fr repeat(2, 1.5rem); grid-gap: 0.5%; } @@ -1360,14 +1608,20 @@ div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor but } div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor input[name=attr_collapse], div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor input[name=attr_collapse] + span { + -ms-grid-column: 11; + -ms-grid-column-span: 1; grid-column: 11/12; } div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor input[name=attr_settings], div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor input[name=attr_settings] + span { + -ms-grid-column: 12; + -ms-grid-column-span: 1; grid-column: 12/13; } div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor div.sheet-collapse, div.sheet-weapons-section div.sheet-repeating-container div.sheet-descriptor div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 12; grid-column: 1/13; } div.sheet-weapons-section div.sheet-repeating-container div.sheet-column { @@ -1377,15 +1631,25 @@ div.sheet-weapons-section div.sheet-repeating-container div.sheet-column span { padding: 0px 2px; } div.sheet-weapons-section div.sheet-weapon { + -ms-grid-columns: 30% (1fr)[3]; grid-template-columns: 30% repeat(3, 1fr); } div.sheet-weapons-section div.sheet-weapon div.sheet-name { + -ms-grid-row: 1; + -ms-grid-column: 1; + -ms-grid-column-span: 4; grid-area: 1/1/1/5; } div.sheet-weapons-section div.sheet-weapon div.sheet-properties { + -ms-grid-row: 2; + -ms-grid-column: 1; + -ms-grid-column-span: 1; grid-area: 2/1/2/2; } div.sheet-weapons-section div.sheet-weapon div.sheet-special { + -ms-grid-row: 3; + -ms-grid-column: 1; + -ms-grid-column-span: 1; grid-area: 3/1/3/2; } @@ -1436,7 +1700,8 @@ div.sheet-npc button[type=roll], div.sheet-npc-attribute { overflow: visible; background: none; border: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; font-size: 2rem; font-weight: bold; line-height: 1.5; @@ -1444,7 +1709,8 @@ div.sheet-npc button[type=roll], div.sheet-npc-attribute { text-transform: uppercase; } div.sheet-npc button[type=roll]:hover, div.sheet-npc button[type=roll]:hover * { - transform: unset; + -webkit-transform: unset; + transform: unset; background-color: transparent; color: red; } @@ -1465,10 +1731,13 @@ div.sheet-npc h1.sheet-npc-title label { div.sheet-npc h1.sheet-npc-title button[type=action] { background: none; border: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } div.sheet-npc h1.sheet-npc-title input[type=hidden][name*=npc_name_toggle][value=on] ~ .sheet-npc-name-edit { + display: -ms-grid; display: grid; + -ms-grid-columns: 1fr 3em; grid-template-columns: 1fr 3em; width: 60%; margin: auto; @@ -1477,11 +1746,15 @@ div.sheet-npc h1.sheet-npc-title input[type=hidden][name*=npc_name_toggle][value display: none; } div.sheet-npc-display { - align-items: start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; + -ms-grid-columns: 1fr 3rem 1.25fr; grid-template-columns: 1fr 1.25fr; gap: 0.5rem 3rem; position: relative; - box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; padding: 1rem 2rem; background-image: url("https://raw.githubusercontent.com/nmbradley/roll20-character-sheets/nb-blackvoid-npc/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/npc-background-repeating.png"); background-size: 100% auto; @@ -1515,14 +1788,18 @@ div.sheet-npc-spacer { height: 3rem; } div.sheet-npc-attributes { + -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } div.sheet-npc-traits { + -ms-grid-columns: 1fr 4rem; grid-template-columns: 1fr 4rem; } div.sheet-npc-attributes, div.sheet-npc-traits { gap: 0.5rem; - align-items: baseline; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; margin-top: 2rem; } div.sheet-npc-attributes input[type=text], div.sheet-npc-attributes input[type=number], div.sheet-npc-traits input[type=text], div.sheet-npc-traits input[type=number] { @@ -1532,7 +1809,8 @@ div.sheet-npc-attribute { padding: 0; background: none; border: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; font-size: 2rem; font-weight: bold; line-height: 1.5; @@ -1541,16 +1819,27 @@ div.sheet-npc-attribute { div.sheet-npc-weapons, div.sheet-npc-repeating { grid-column: 1/-1; gap: 0 2rem; - align-items: start; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; } div.sheet-npc-weapons .repcontainer.editmode + .repcontrol button.repcontrol_edit:before, div.sheet-npc-repeating .repcontainer.editmode + .repcontrol button.repcontrol_edit:before { content: ")"; } div.sheet-npc-weapons .repcontainer.editmode .itemcontrol.itemcontrol, div.sheet-npc-repeating .repcontainer.editmode .itemcontrol.itemcontrol { + display: -webkit-box; + display: -ms-flexbox; display: flex; - flex-direction: row no-wrap; - align-items: center; - justify-content: space-between; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row no-wrap; + flex-direction: row no-wrap; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; z-index: 50; } div.sheet-npc-weapons .repcontainer.editmode .itemcontrol.itemcontrol a.repcontrol_move, @@ -1571,7 +1860,8 @@ div.sheet-npc-repeating .repcontrol button.repcontrol_edit { background: transparent; height: 3rem; width: 3rem; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; border: 0; font-size: 0; } @@ -1595,6 +1885,7 @@ div.sheet-npc-weapons .repcontrol button.repcontrol_edit:before, div.sheet-npc-r text-transform: lowercase; } div.sheet-npc-weapons-header { + -ms-grid-columns: 1fr (0.75fr)[4] (2rem)[2]; grid-template-columns: 1fr repeat(4, 0.75fr) repeat(2, 2rem); margin-top: 2rem; } @@ -1609,6 +1900,7 @@ div.sheet-npc-weapons-header div { text-transform: uppercase; } div.sheet-npc-repeatingname { + -ms-grid-row-span: 2; grid-row: span 2; font-weight: bold; text-transform: uppercase; @@ -1620,21 +1912,26 @@ div.sheet-npc-rowdivider { margin-top: 1rem; margin-bottom: 1rem; background-color: white; - box-shadow: 0 0 12px #000, 0 0 8px #000, 0 0 6px #000, 0 0 4px #000, 0 0 2px #000; + -webkit-box-shadow: 0 0 12px #000, 0 0 8px #000, 0 0 6px #000, 0 0 4px #000, 0 0 2px #000; + box-shadow: 0 0 12px #000, 0 0 8px #000, 0 0 6px #000, 0 0 4px #000, 0 0 2px #000; } div.sheet-npc-traitrow { + -ms-grid-columns: 1fr 3rem 3rem; grid-template-columns: 1fr 3rem 3rem; } div.sheet-npc-weapon { + -ms-grid-columns: 1fr (0.75fr)[4] (2rem)[2] !important; grid-template-columns: 1fr repeat(4, 0.75fr) repeat(2, 2rem) !important; } div.sheet-npc-skillrow { + -ms-grid-columns: 1fr 4rem (2rem)[2] !important; grid-template-columns: 1fr 4rem repeat(2, 2rem) !important; } div.sheet-npc-traitrow input[name*=collapse], div.sheet-npc-traitrow input[name*=collapse] + span, div.sheet-npc-weapon input[name*=collapse], div.sheet-npc-weapon input[name*=collapse] + span, div.sheet-npc-skillrow input[name*=collapse], div.sheet-npc-skillrow input[name*=collapse] + span { + -ms-grid-row: 1 !important; grid-row: 1 !important; grid-column: -3 !important; } @@ -1642,6 +1939,7 @@ div.sheet-npc-traitrow input[name*=settings], div.sheet-npc-traitrow input[name*=settings] + span, div.sheet-npc-weapon input[name*=settings], div.sheet-npc-weapon input[name*=settings] + span, div.sheet-npc-skillrow input[name*=settings], div.sheet-npc-skillrow input[name*=settings] + span { + -ms-grid-row: 1 !important; grid-row: 1 !important; grid-column: -2 !important; } @@ -1649,7 +1947,8 @@ div.sheet-npc-traitrow input[name*=settings]:hover, div.sheet-npc-traitrow input[name*=settings] + span:hover, div.sheet-npc-weapon input[name*=settings]:hover, div.sheet-npc-weapon input[name*=settings] + span:hover, div.sheet-npc-skillrow input[name*=settings]:hover, div.sheet-npc-skillrow input[name*=settings] + span:hover { - transform: scale(1.05); + -webkit-transform: scale(1.05); + transform: scale(1.05); cursor: pointer; color: red; } @@ -1658,7 +1957,9 @@ div.sheet-npc-traitrow input[type=text], div.sheet-npc-weapon input[type=text], } div.sheet-npc-weapon, div.sheet-npc-traitrow, div.sheet-npc-skillrow { position: relative; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; text-transform: none; font-variant: normal; padding: 0.5rem; @@ -1701,7 +2002,8 @@ div.sheet-npc-weapon input[name*=settings]:hover + span, div.sheet-npc-traitrow div.sheet-npc-traitrow input[name*=settings]:hover + span, div.sheet-npc-skillrow input[name*=collapse]:hover + span, div.sheet-npc-skillrow input[name*=settings]:hover + span { opacity: 1; - transform: scale(1.05); + -webkit-transform: scale(1.05); + transform: scale(1.05); cursor: pointer; color: red; } @@ -1728,10 +2030,13 @@ div.sheet-npc-weapon textarea, div.sheet-npc-traitrow textarea, div.sheet-npc-sk margin-top: 0 !important; } div.sheet-npc-weapon .row, div.sheet-npc-traitrow .row, div.sheet-npc-skillrow .row { + display: -ms-grid; display: grid; } div.sheet-npc-settings { + display: -ms-grid; display: grid; + -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; } div.sheet-npc .sheet-collapse, @@ -1739,18 +2044,12 @@ div.sheet-npc .sheet-settings { grid-column: 1/-1 !important; } -.sheet-npc-toggle { - position: relative !important; - top: 20px; - right: 1px; - opacity: 0%; - z-index: 99 !important; -} - /* REPEATING SECTIONS ============================= */ div.sheet-repeating-container button { font-variant: none; + width: -webkit-fit-content; + width: -moz-fit-content; width: fit-content; font-size: 1.5rem; padding: 1% 2%; @@ -1772,8 +2071,11 @@ div.sheet-repeating-container .repitem { margin-bottom: 2%; } div.sheet-repeating-container div.sheet-descriptor { + -ms-grid-columns: 1fr (1.5rem)[2]; grid-template-columns: 1fr repeat(2, 1.5rem); - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; justify-items: center; } div.sheet-repeating-container div.sheet-descriptor button[type=roll] { @@ -1788,17 +2090,24 @@ div.sheet-repeating-container div.sheet-descriptor input[name=attr_settings] + s } div.sheet-repeating-container div.sheet-descriptor input[name*=collapse], div.sheet-repeating-container div.sheet-descriptor input[name*=collapse] + span { + -ms-grid-row: 1; + -ms-grid-column: 2; grid-area: 1/2/1/2; } div.sheet-repeating-container div.sheet-descriptor input[name*=settings], div.sheet-repeating-container div.sheet-descriptor input[name*=settings] + span { + -ms-grid-row: 1; + -ms-grid-column: 3; grid-area: 1/3/1/3; } div.sheet-repeating-container div.sheet-descriptor div.sheet-collapse, div.sheet-repeating-container div.sheet-descriptor div.sheet-settings { + -ms-grid-column: 1; + -ms-grid-column-span: 3; grid-column: 1/4; } div.sheet-repeating-container div.sheet-descriptor div.sheet-settings { + -ms-grid-columns: 1fr; grid-template-columns: 1fr; background-color: rgba(228, 229, 230, 0.2); padding: 2%; @@ -1823,19 +2132,22 @@ div.sheet-collapse, .sheet-settings { opacity: 0; height: 0; + -webkit-transition: all 0.5s; transition: all 0.5s; } input[name*=collapse]:hover + span, input[name*=settings]:hover + span { color: #833247; - transform: scale(1.2); + -webkit-transform: scale(1.2); + transform: scale(1.2); } input[name*=collapse]:checked ~ div.sheet-collapse, input[name*=settings]:checked ~ div.sheet-settings { opacity: 1; height: 100%; + -webkit-transition: all 0.5s; transition: all 0.5s; } @@ -1853,6 +2165,7 @@ input[name*=sheet_type][value=npc] ~ div.sheet-pc { display: none; } input[name*=sheet_type][value=npc] ~ div.sheet-npc { + display: -ms-grid; display: grid; } @@ -1903,16 +2216,18 @@ input:checked + .sheet-slider { } input:checked + .sheet-slider:before { -webkit-transform: translateX(26px); - -ms-transform: translateX(26px); transform: translateX(26px); } input:focus + .sheet-slider { - box-shadow: 0 0 1px black; + -webkit-box-shadow: 0 0 1px black; + box-shadow: 0 0 1px black; } /* STYLED CHECKBOXES ============================= */ label.sheet-styled-checkbox input, label.sheet-styled-checkbox span { + -ms-grid-row: 1; + -ms-grid-column: 1; grid-area: 1/1/1/1; height: 15px; width: 15px; @@ -1960,7 +2275,8 @@ label.sheet-styled-checkbox input[type=checkbox]:checked + span, label.sheet-sty .sheet-rolltemplate-rolls div.sheet-template-container { border: 2px solid black; border-radius: 0.3rem; - box-shadow: inset 0px 0px 3px 1px #833247; + -webkit-box-shadow: inset 0px 0px 3px 1px #833247; + box-shadow: inset 0px 0px 3px 1px #833247; text-align: center; font-family: "fantasy"; /* DICE ROLL STYLES @@ -1991,7 +2307,6 @@ label.sheet-styled-checkbox input[type=checkbox]:checked + span, label.sheet-sty margin-top: -2px; padding: 3% 2%; text-transform: capitalize; - -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } @@ -2024,7 +2339,9 @@ label.sheet-styled-checkbox input[type=checkbox]:checked + span, label.sheet-sty text-transform: capitalize; } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll { + display: -ms-inline-grid; display: inline-grid; + -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; width: 100%; } @@ -2039,4 +2356,4 @@ label.sheet-styled-checkbox input[type=checkbox]:checked + span, label.sheet-sty } .sheet-rolltemplate-rolls div.sheet-template-container div.sheet-template-body div.sheet-template-roll div.sheet-template-col span:last-child { margin-top: 5%; -} +} \ No newline at end of file diff --git a/Black Void by Penny for a Tale/BlackVoid.html b/Black Void by Penny for a Tale/BlackVoid.html index ae35ded3df..2452e33399 100644 --- a/Black Void by Penny for a Tale/BlackVoid.html +++ b/Black Void by Penny for a Tale/BlackVoid.html @@ -1,5 +1,1414 @@ -

1
2
U

ip

ip

ip

ip

ip

ip

ip

ip

ip

ip

ip

ip

U

ip

ip
ip
ip
ip

ip

ip
ip
ip
ip
{{#header}}{{header}}{{/header}}
{{#dice}}
{{dice}}
{{/dice}} -{{#damage}}
{{damage}}
{{/damage}}{{#desc}}
{{desc}}
{{/desc}}
\ No newline at end of file +on(`clicked:save_npc_name`, eventInfo => setAttrs({npc_name_toggle:"0"})); + \ No newline at end of file diff --git a/Black Void by Penny for a Tale/src/pug/abstracts/variables.pug b/Black Void by Penny for a Tale/src/pug/abstracts/variables.pug index fdfd1e81fb..eb5fbda4de 100644 --- a/Black Void by Penny for a Tale/src/pug/abstracts/variables.pug +++ b/Black Void by Penny for a Tale/src/pug/abstracts/variables.pug @@ -1,5 +1,4 @@ -- const imgsrc = 'https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/' - +- const imgsrc = 'https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master' - const trait = ['intellect', 'agility', 'persuasion', 'awareness', 'presence', 'stamina', 'willpower', 'strength']; - const movementSpeeds = ['walking speed', 'running speed (x2)', 'sprinting speed (x4)']; - const defenceValues = ['agility modifier', 'skill modifier', 'shield modifier', 'other modifiers']; diff --git a/Black Void by Penny for a Tale/src/scss/abstracts/_variables.scss b/Black Void by Penny for a Tale/src/scss/abstracts/_variables.scss index d661ecd425..d5c5ac8147 100644 --- a/Black Void by Penny for a Tale/src/scss/abstracts/_variables.scss +++ b/Black Void by Penny for a Tale/src/scss/abstracts/_variables.scss @@ -15,10 +15,10 @@ $box-shadow-outset: -1px -1px 1px 1px rgba($dark, .5); $button-scale-small: scale(1.05); $button-scale-medium: scale(1.3); -$trait-circle1: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle1.svg'); -$trait-circle2: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle2.svg'); -$trait-circle3: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg'); -$trait-circle4: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg'); -$trait-inner-circle1: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg'); -$trait-inner-circle2: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg'); -$silhouette: url('https://raw.githubusercontent.com/clevett/roll20-character-sheets/blackvoidv1/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Silhouette.png'); \ No newline at end of file +$trait-circle1: url('/Traitcircle1.svg'); +$trait-circle2: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle2.svg'); +$trait-circle3: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle3.svg'); +$trait-circle4: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Traitcircle4.svg'); +$trait-inner-circle1: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle1.svg'); +$trait-inner-circle2: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/TraitInnerCircle2.svg'); +$silhouette: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Black%20Void%20by%20Penny%20for%20a%20Tale/src/imgs/Silhouette.png'); \ No newline at end of file