diff --git a/Mutant Year Zero/mutantyearzero.css b/Mutant Year Zero/mutantyearzero.css index e7de1ae655..651f8897be 100644 --- a/Mutant Year Zero/mutantyearzero.css +++ b/Mutant Year Zero/mutantyearzero.css @@ -1,6 +1,4 @@ -@import url('https://fonts.googleapis.com/css?family=Didact+Gothic|Oswald:wght@300&display=swap'); - - +@import url('https://fonts.googleapis.com/css?family=Material+Symbols+Outlined|Material+Icons|Material+Icons+Outlined|Didact+Gothic|Oswald:wght@300&display=swap'); .characterdialog { background-color: #fff; @@ -905,9 +903,7 @@ input.allow-scaling:checked + .year-zero-sheet /* Removes xbox from all radios _after_ selected one */ input[type="radio"]:checked ~ input[type="radio"].xbox + span::before, - input[type="radio"].xbox:checked - ~ input[type="radio"].xbox - + span::before { + input[type="radio"].xbox:checked ~ input[type="radio"].xbox + span::before { content: ""; } @@ -943,7 +939,8 @@ input.allow-scaling:checked + .year-zero-sheet /* Fake Action Button */ button[type="action"].roll-button, button[type="roll"].roll-button { - font-family: "dicefontd20"; + position: relative; + font-family: "Pictos Custom"; font-size: 1.25em; line-height: 1em; display: flex; @@ -953,16 +950,39 @@ input.allow-scaling:checked + .year-zero-sheet height: 1.25em; margin: 5px 2px 5px 2px; padding: 0 0 0 0; - content: "t"; + /* content: "t"; */ cursor: pointer; border: 1px solid #ccc; - border-width: 2px; + /* border-width: 2px; border-style: outset; border-bottom-color: #bbb; border-image: initial; - background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); + background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); */ + border: 0; + background-image: none; + background-color: transparent; justify-self: center; } + button[type="action"].roll-button:hover, + button[type="roll"].roll-button:hover { + color: var(--bg-clr-button-active); + background-color: transparent; + } + + input.attack-toggle ~ button.weapons-box60:after, + input.attack-toggle ~ button.weapons-box61:after { + position: absolute; + inset: 0; + content: ''; + } + input.attack-toggle:checked ~ button.weapons-box60:after { content: 'e'; } + input.attack-toggle:not(:checked) ~ button.weapons-box60:after { content: ''; } + input.attack-toggle:not(:checked) ~ button.weapons-box60 { opacity: 0; pointer-events: none; } + input.attack-toggle:not(:checked) ~ button.weapons-box61:after { content: '['; } + input.attack-toggle:checked ~ button.weapons-box61:after { + font-family: 'Material Symbols Outlined'; + content: 'swords'; + } button[type="roll"].roll-button-textonly::before { content: ""; @@ -2482,6 +2502,33 @@ input.allow-scaling:checked + .year-zero-sheet .powerpoint-grid .powerpoint-box3 { -padding: 0 0 10px 0; } + /* Testing */ + .powerpoint-grid .powerpoint-box2 :is(input[type='checkbox'],input[type="radio"]).xbox { + position: relative; + opacity: 1; + width: 1.5rem; + height: 1.5rem; + border:0; + background: none; + appearance: none; + margin: 4px 0 3px 0; + } + .powerpoint-grid .powerpoint-box2 .xbox:after { + position: absolute; + inset: 0; + /*font-size: 24px;*/ + display: inline-block; + content: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_checked.png); + text-align: center; + vertical-align: middle; + } + .powerpoint-grid .powerpoint-box2 .xbox-null:checked ~ .xbox:after, + .powerpoint-grid .powerpoint-box2 .xbox:checked ~ .xbox:after { + content: ''; + background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Forbidden_Lands/images/xbox_empty.png); + background-repeat: no-repeat; + background-size: contain; + } .character-spells { display: none; @@ -3502,6 +3549,10 @@ input.allow-scaling:checked + .year-zero-sheet grid-column: 1/19; grid-row-start: 1; } + .weapons-box0.header h1 { + width: 90%; + + } .weapons-box-header { grid-column: 1/5; @@ -4258,8 +4309,6 @@ input.allow-scaling:checked + .year-zero-sheet } input[type="checkbox"][name="attr_powerincrease"]:checked + div input { margin-left: 0px; - width: 0.85em; - height: 0.85em; } /* ---------------------------------- Talents */ @@ -4325,14 +4374,59 @@ input.allow-scaling:checked + .year-zero-sheet /* input[name="attr_rot_permanent"][value="0"] ~ input:nth-of-type(1n+1) + span, */ input[name="attr_rot_permanent"][value="1"] ~ .rot1, + input[name="attr_rot_permanent"][value="2"] ~ .rot1, input[name="attr_rot_permanent"][value="2"] ~ .rot2, + input[name="attr_rot_permanent"][value="3"] ~ .rot1, + input[name="attr_rot_permanent"][value="3"] ~ .rot2, input[name="attr_rot_permanent"][value="3"] ~ .rot3, + input[name="attr_rot_permanent"][value="4"] ~ .rot1, + input[name="attr_rot_permanent"][value="4"] ~ .rot2, + input[name="attr_rot_permanent"][value="4"] ~ .rot3, input[name="attr_rot_permanent"][value="4"] ~ .rot4, + input[name="attr_rot_permanent"][value="5"] ~ .rot1, + input[name="attr_rot_permanent"][value="5"] ~ .rot2, + input[name="attr_rot_permanent"][value="5"] ~ .rot3, + input[name="attr_rot_permanent"][value="5"] ~ .rot4, input[name="attr_rot_permanent"][value="5"] ~ .rot5, + input[name="attr_rot_permanent"][value="6"] ~ .rot1, + input[name="attr_rot_permanent"][value="6"] ~ .rot2, + input[name="attr_rot_permanent"][value="6"] ~ .rot3, + input[name="attr_rot_permanent"][value="6"] ~ .rot4, + input[name="attr_rot_permanent"][value="6"] ~ .rot5, input[name="attr_rot_permanent"][value="6"] ~ .rot6, + input[name="attr_rot_permanent"][value="7"] ~ .rot1, + input[name="attr_rot_permanent"][value="7"] ~ .rot2, + input[name="attr_rot_permanent"][value="7"] ~ .rot3, + input[name="attr_rot_permanent"][value="7"] ~ .rot4, + input[name="attr_rot_permanent"][value="7"] ~ .rot5, + input[name="attr_rot_permanent"][value="7"] ~ .rot6, input[name="attr_rot_permanent"][value="7"] ~ .rot7, + input[name="attr_rot_permanent"][value="8"] ~ .rot1, + input[name="attr_rot_permanent"][value="8"] ~ .rot2, + input[name="attr_rot_permanent"][value="8"] ~ .rot3, + input[name="attr_rot_permanent"][value="8"] ~ .rot4, + input[name="attr_rot_permanent"][value="8"] ~ .rot5, + input[name="attr_rot_permanent"][value="8"] ~ .rot6, + input[name="attr_rot_permanent"][value="8"] ~ .rot7, input[name="attr_rot_permanent"][value="8"] ~ .rot8, + input[name="attr_rot_permanent"][value="9"] ~ .rot1, + input[name="attr_rot_permanent"][value="9"] ~ .rot2, + input[name="attr_rot_permanent"][value="9"] ~ .rot3, + input[name="attr_rot_permanent"][value="9"] ~ .rot4, + input[name="attr_rot_permanent"][value="9"] ~ .rot5, + input[name="attr_rot_permanent"][value="9"] ~ .rot6, + input[name="attr_rot_permanent"][value="9"] ~ .rot7, + input[name="attr_rot_permanent"][value="9"] ~ .rot8, input[name="attr_rot_permanent"][value="9"] ~ .rot9, + input[name="attr_rot_permanent"][value="10"] ~ .rot1, + input[name="attr_rot_permanent"][value="10"] ~ .rot2, + input[name="attr_rot_permanent"][value="10"] ~ .rot3, + input[name="attr_rot_permanent"][value="10"] ~ .rot4, + input[name="attr_rot_permanent"][value="10"] ~ .rot5, + input[name="attr_rot_permanent"][value="10"] ~ .rot6, + input[name="attr_rot_permanent"][value="10"] ~ .rot7, + input[name="attr_rot_permanent"][value="10"] ~ .rot8, + input[name="attr_rot_permanent"][value="10"] ~ .rot9, input[name="attr_rot_permanent"][value="10"] ~ .rot10 { content: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mutant%20Year%20Zero/images/dotx_redx.png');; } @@ -4476,6 +4570,7 @@ input.allow-scaling:checked + .year-zero-sheet } .skills-box1 h1 { justify-content: flex-end; + justify-self: center; } .skills-box-base { diff --git a/Mutant Year Zero/mutantyearzero.html b/Mutant Year Zero/mutantyearzero.html index 114913584c..c9a26e624b 100644 --- a/Mutant Year Zero/mutantyearzero.html +++ b/Mutant Year Zero/mutantyearzero.html @@ -3,7 +3,7 @@ - + @@ -1423,16 +1423,16 @@