.charsheet { color:black; min-width:832px; } .repcontainer { width:100%; } .itemcontrol { z-index:999; } .repcontrol { width:100%; display:inline-block; } div, label, input[type=text], input[type=number], input[type=checkbox], input[type=radio], span { display:flex; } input[type="text"], input[type="number"] { border-top: 0px; border-right: 0px; border-left: 0px; border-radius: 0px; box-shadow: none; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; border-bottom-color: white; font-weight: 500; background-color: transparent; } input { color:black; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { margin: 0; -moz-appearance:textfield; appearance:textfield; } label { margin:0px; padding:0px; font-size:13px; color:black; align-content:baseline; } textarea { margin:0px; padding:0px; border:1px solid white; border-top:0px; border-radius:0px; color:black; background-color:transparent; width: calc(100% - 2px); margin-bottom:-2px; } select { margin:0px; padding:0px; } button[type="roll"] { border-radius:0px; } button[type="roll"] > span { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 13px; white-space: normal; } .repcontrol > button { border-radius:0px; } div.sheet-autoex { line-height: 1.4em; min-height: 1.4em; cursor: text; text-align: left; position:relative; width:100%; } div.sheet-autoex > span { visibility: hidden; display: block; font-family: inherit; font-size: inherit; line-height: inherit; white-space: pre-wrap; text-align: inherit; min-height: inherit; height:100%; width:calc(100% - 2px); word-break:break-all; } div.sheet-autoex > textarea { display: block; z-index: 1; position: absolute; top: 0; left: 0; height: 100%; width: calc(100% - 2px) !important; overflow: hidden; font-family: inherit; font-size: inherit; line-height: inherit; white-space: pre-wrap; text-align: inherit; min-height: inherit; resize: none; } div.sheet-autoex > textarea::placeholder { font-family:"Contrail One"; color: #575957da; text-transform: capitalize; font-style: italic; text-align: center; font-size: 95%; font-weight:normal; } div.sheet-autoex26 { min-height:26px; } div.sheet-autoex40 { min-height:40px; } input.sheet-hiddenRevealsOptions[value="o"] ~ .sheet-optionsHide, input.sheet-hiddenRevealsMenu[value="1"] ~ .sheet-tab1Show, input.sheet-hiddenRevealsMenu[value="2"] ~ .sheet-tab2Show, input.sheet-hiddenRevealsMenu[value="3"] ~ .sheet-tab3Show, input.sheet-hiddenRevealsMenu[value="4"] ~ .sheet-tab4Show, input.sheet-hiddenRevealsMenu[value="5"] ~ .sheet-tab5Show, input.sheet-hiddenRevealsMenu[value="6"] ~ .sheet-tab6Show, input.sheet-hiddenRevealsMenu[value="7"] ~ .sheet-tab7Show, input.sheet-hiddenRevealsMenu[value="8"] ~ .sheet-tab8Show, input.sheet-hiddenRevealsMenu[value="9"] ~ .sheet-tab9Show, input.sheet-hiddenRevealSkillHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealGearHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealWeaponHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealMuseNoteHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealMorph1Hide:checked ~ .sheet-morphTab1Show, input.sheet-hiddenRevealMorph2Hide:checked ~ .sheet-morphTab2Show, input.sheet-hiddenRevealMorph3Hide:checked ~ .sheet-morphTab3Show, input.sheet-hiddenRevealMorph4Hide:checked ~ .sheet-morphTab4Show, input.sheet-hiddenRevealAugmentationsHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealPsiSleightHide:checked ~ .sheet-hidden, input.sheet-hiddenRevealPsiSleightHide[value="o"] ~ .sheet-hidden, input.sheet-hiddenRevealOptionMuseIncarnate[value="1"] ~ div.sheet-topLine > .sheet-menu > label.sheet-museIncarnateOption { display:flex; } .sheet-header { justify-content:space-between; } div.sheet-identity-img { height: 113px; width: 212px; margin-top: auto; margin-bottom: auto; } div.sheet-identity { min-width:557px; margin-left:26px; flex-wrap: wrap; width: calc(100% - 238px); } div.sheet-identity > div.sheet-block > label { width:calc(33% - 5px); flex-wrap:wrap; color:black; } div.sheet-identity > div.sheet-block > label > input { width: 100%; } div.sheet-identity > div.sheet-block > label > span { font-weight: bold; vertical-align: top; width: 100%; margin: 0px; font-size:13px; } .sheet-topLine { width:100%; justify-content:space-between; align-items:center; } .sheet-menu { width:calc(100% - 32px); flex-wrap: wrap; justify-content: space-evenly; } .sheet-menu > label { margin-top:2px; margin-bottom:2px; } .sheet-menu > label, .sheet-menu > label > input { width: 130px; } .sheet-menu > label > input { height: 22px; position: absolute; cursor: pointer; opacity: 0; } .sheet-menu > label > input + span, .sheet-menu > label > input + span::before { width: 100%; } .sheet-menu > label > input + span::before { content: attr(title); text-align: center; display: inline-block; height: 20px; font-size: 14px; font-weight:bold; border:1px solid black; border-radius: 30px; background-color:rgb(0, 124, 151); color:white; } .sheet-menu > label > input:checked + span::before { background-color:rgb(0, 124, 151); box-shadow: 0px 0px 7px 0px #000000 inset; color:white; } label.sheet-options { width:30px; height:30px; justify-content: center; align-items: center; } label.sheet-options > input { width:30px; height:30px; position: absolute; cursor: pointer; z-index: 1; opacity: 0; } label.sheet-options > span { font-family:"pictos"; text-align: center; font-size: 31px; font-weight:bold; text-shadow: 2px 3px gray; } label.sheet-options > input:checked + span { text-shadow:none; } .sheet-optionsHide { display:none; } .sheet-optionsHide { position:absolute; background-color: rgb(117, 173, 192); padding-top: 10px; padding-left: 20px; padding-bottom: 10px; padding-right: 22px; border-radius: 20px; min-width:200px; right: 49px; margin-top: -25px; flex-wrap:wrap; border:1px solid black; z-index: 2; } .sheet-optionsHide > label { width:100%; justify-content:space-between; align-items:center; } .sheet-optionsHide > label > span { width:calc(100% - 102px); font-size:12px; } .sheet-optionsHide > label > select { width:100px; text-align:center; } .sheet-hidden { display:none; } .sheet-tab { min-width:820px; justify-content:space-between; flex-wrap:wrap; } div.sheet-block-title, span.sheet-block-title { margin-bottom:-6px; font-size:18px; text-transform:uppercase; color:rgb(0, 124, 151); font-weight:bold; justify-content:right; margin-left:auto; display:flex; padding-right:15px; } div.sheet-block { background-color:rgb(117, 173, 192); padding-top:10px; padding-left:10px; padding-bottom:10px; padding-right:10px; border-radius:20px; display:flex; justify-content:space-between; flex-wrap: wrap; width:100%; margin-bottom:5px; box-sizing:border-box; } .sheet-aptitude { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-aptitude > .sheet-block > label { width:calc(16.66% - 5px); flex-wrap:wrap; justify-content:space-between; } .sheet-aptitude > .sheet-block > label > input[type="checkbox"], .sheet-mental > .sheet-block > label > input[type="checkbox"], .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"], .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"], .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:first-of-type > input[type="checkbox"], .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"], .sheet-psiSleight > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] { position:absolute; opacity:0; cursor: pointer; width:21px; height:21px; margin-top:4px; } .sheet-aptitude > .sheet-block > label > input[type="checkbox"] + span::before, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"] + span::before, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span::before, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"] + span::before, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"] + span::before, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"] + span::before, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:first-of-type > input[type="checkbox"] + span::before, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span::before, .sheet-psiSleight > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span::before { font-family: "pictos"; content: 'y'; color: black; font-size: 20px; margin-top:4px; opacity:0; font-weight:normal; text-transform:lowercase; } .sheet-aptitude > .sheet-block > label:hover > input[type="checkbox"] + span::before, .sheet-mental > .sheet-block > label:hover > input[type="checkbox"] + span::before, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem:hover > input[type="checkbox"] + span::before, .sheet-gear > .sheet-block > div > .repcontainer > .repitem:hover > input[type="checkbox"] + span::before, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem:hover > label > input[type="checkbox"] + span::before, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem:hover > label > input[type="checkbox"] + span::before, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem:hover > label > input[type="checkbox"] + span::before, .sheet-armor > .sheet-block > div > .repcontainer > .repitem:hover > label:first-of-type > input[type="checkbox"] + span::before, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem:hover > input[type="checkbox"] + span::before, .sheet-psiSleight > .sheet-block > div > .repcontainer > .repitem:hover > input[type="checkbox"] + span::before { opacity:1; } .sheet-aptitude > .sheet-block > label > input[type="checkbox"]:checked + span::before, .sheet-mental > .sheet-block > label > input[type="checkbox"]:checked + span::before, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"]:checked + span::before, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"]:checked + span::before, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"]:checked + span::before, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:first-of-type > input[type="checkbox"]:checked + span::before, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"]:checked + span::before, .sheet-psiSleight > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"]:checked + span::before { text-shadow: 2px 2px 2px rgb(0, 124, 151); opacity:1; } .sheet-aptitude > .sheet-block > label > input[type="checkbox"]:checked ~ .sheet-hidden, .sheet-mental > .sheet-block > label > input[type="checkbox"]:checked ~ .sheet-hidden, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"]:checked ~ .sheet-hidden, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"]:checked ~ .sheet-hidden, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"]:checked ~ .sheet-hidden { display:flex; flex-wrap:wrap; } .sheet-aptitude > .sheet-block > label > input[type="checkbox"]:checked ~ input[type="number"], .sheet-mental > .sheet-block > label > input[type="checkbox"]:checked ~ input[type="number"] { display:none; } .sheet-aptitude > .sheet-block > label > .sheet-hidden > input[type="number"] { width:100%; text-align:center; margin-right:0.88px; } .sheet-aptitude > .sheet-block > label > .sheet-hidden > span { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: uppercase; font-weight: bold; font-size: 13px; white-space: normal; color:black; width:100%; justify-content:center; } .sheet-aptitude > .sheet-block > label > input[type="number"], .sheet-aptitude > .sheet-block > label > input[type="checkbox"] ~ .sheet-hidden, .sheet-mental > .sheet-block > label > input[type="checkbox"] ~ .sheet-hidden { width:calc(100% - 21px); text-align:center; margin-right:0.88px; } .sheet-aptitude > .sheet-block > label > button[type="roll"], .sheet-derivedStats > .sheet-block > div > button[type="roll"], .sheet-rep > .sheet-block > div:nth-of-type(even) > button[type="roll"], .sheet-combatGuns > .sheet-block > label > button[type="roll"], .sheet-combatMelee > .sheet-block > label > button[type="roll"] { margin:0px; padding:0px; width:100%; } .sheet-aptitude > .sheet-block > label > button[type="roll"]::before, .sheet-derivedStats > .sheet-block > div > button[type="roll"]::before, .sheet-rep > .sheet-block > div:nth-of-type(even) > button[type="roll"]::before, .sheet-combatGuns > .sheet-block > label > button[type="roll"]::before, .sheet-combatMelee > .sheet-block > label > button[type="roll"]::before { content:""; } .sheet-mental { width:40%; flex-wrap:wrap; align-content:baseline; } .sheet-mental > .sheet-block > label { width:calc(33.33% - 5px); flex-wrap:wrap; } .sheet-mental > .sheet-block > label:not(:nth-child(2)) > span, .sheet-mental > .sheet-block > label > span:nth-of-type(2), .sheet-mental > .sheet-block > label > input[type="number"], .sheet-mental > .sheet-block > label > div, .sheet-mental > .sheet-block > label > div > span, .sheet-mental > .sheet-block > label > div > input[type="number"] { width:100%; } .sheet-mental > .sheet-block > label:nth-child(2) > input[type="number"] { width:calc(100% - 20px); padding-right:20px; } .sheet-mental > .sheet-block > label > div > input[type="number"], .sheet-mental > .sheet-block > label > div > span { padding-right:18px; } .sheet-mental > .sheet-block > label > input[type="number"], .sheet-mental > .sheet-block > label > div > input[type="number"], .sheet-mental > .sheet-block > label:not(:nth-child(2)) > span, .sheet-mental > .sheet-block > label > span:nth-of-type(2), .sheet-mental > .sheet-block > label > div > span { text-align:center; justify-content:center; } .sheet-mental > .sheet-block > label > span, .sheet-mental > .sheet-block > label > div > span { text-transform:uppercase; } .sheet-mental > .sheet-block > label > input[type="checkbox"] + span::before { font-family: "pictos"; content: 'y'; color: black; font-size: 20px; margin-top:5px; opacity:0; font-weight:normal; text-transform:lowercase; margin-left:1.5px; } .sheet-derivedStats { width:50%; flex-wrap:wrap; align-content:baseline; } .sheet-derivedStats > .sheet-block > div { width:calc(25% - 5px); flex-wrap:wrap; align-content:baseline; } .sheet-derivedStats > .sheet-block > div > label { justify-content:space-between; margin-right: 1px; margin-left: 1px; } .sheet-derivedStats > .sheet-block > div > label > span, .sheet-derivedStats > .sheet-block > div > label > input[type="number"] { width:calc(50% - 5px); border:0px; } .sheet-derivedStats > .sheet-block > div > label > span { align-items:end; text-transform:uppercase; } .sheet-derivedStats > .sheet-block > div > label > input[type="number"] { text-align:center; } .sheet-derivedStats > .sheet-block > div > label:nth-of-type(2) { border-bottom:1px solid white; } .sheet-oneTitleOneDescription { width:calc(50% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem, .sheet-gear > .sheet-block > div > .repcontainer > .repitem, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem { width:100%; flex-wrap:wrap; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="text"], .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="text"], .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="text"] { width:100%; text-align:center; height:30px; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > .sheet-hidden, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > .sheet-hidden > textarea, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > textarea, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > textarea { width:100%; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"], .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"], .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] { width: 20px; height: 21px; top: 7px; left: 30px; z-index: 1; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"] + span, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span { position: absolute; width: 21px; height: 21px; top: 7px; left: 31px; margin-top: 0px; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > input[type="checkbox"] + span::before, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span::before, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > input[type="checkbox"] + span::before { line-height: 20px; margin-top: 0px; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > button[type="roll"], .sheet-gear > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] { position:absolute; opacity:0; font-family: pictos; font-size: 20px; width: 24px; height: 22px; border-radius: 0px; box-shadow: none; background: none; border: none; text-shadow: none; color:black; top:7px; right: 30px; margin: 0px; padding: 0px; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem:hover > button[type="roll"], .sheet-gear > .sheet-block > div > .repcontainer > .repitem:hover > button[type="roll"], .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem:hover > button[type="roll"] { opacity:1; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > button[type="roll"]::before, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > button[type="roll"]::before, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > button[type="roll"]::before { content: ""; } .sheet-oneTitleOneDescription > .sheet-block > .repcontrol, .sheet-gear > .sheet-block > div > .repcontrol, .sheet-augmentations > .sheet-block > div > .repcontrol { justify-content:space-between; } .sheet-oneTitleOneDescription > .sheet-block > .repcontrol > button, .sheet-gear > .sheet-block > div > .repcontrol > button, .sheet-augmentations > .sheet-block > div > .repcontrol > button { border-radius:0px; } .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > .itemcontrol > button, .sheet-oneTitleOneDescription > .sheet-block > .repcontainer > .repitem > .itemcontrol > a, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > .itemcontrol > button, .sheet-gear > .sheet-block > div > .repcontainer > .repitem > .itemcontrol > a, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > .itemcontrol > button, .sheet-augmentations > .sheet-block > div > .repcontainer > .repitem > .itemcontrol > a { border-radius:0px; } .sheet-skills, .sheet-museSkills { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-skills > .sheet-block-title > span, .sheet-gear > .sheet-block-title > span, .sheet-weaponRanged > .sheet-block-title > span, .sheet-weaponMelee > .sheet-block-title > span, .sheet-weaponSeeker > .sheet-block-title > span, .sheet-armor > .sheet-block-title > span, .sheet-museNote > .sheet-block-title > span, .sheet-museSkills > .sheet-block-title > span, .sheet-augmentations > .sheet-block-title > span, .sheet-psiSleight > .sheet-block-title > span { padding-right:5px; } .sheet-skills > .sheet-block-title > label, .sheet-gear > .sheet-block-title > label, .sheet-weaponRanged > .sheet-block-title > label, .sheet-weaponMelee > .sheet-block-title > label, .sheet-weaponSeeker > .sheet-block-title > label, .sheet-armor > .sheet-block-title > label, .sheet-museNote > .sheet-block-title > label, .sheet-museSkills > .sheet-block-title > label, .sheet-augmentations > .sheet-block-title > label, .sheet-psiSleight > .sheet-block-title > label { width:21px; height:21px; margin-top:1px; z-index:2; } .sheet-skills > .sheet-block-title > label > input[type="checkbox"], .sheet-gear > .sheet-block-title > label > input[type="checkbox"], .sheet-weaponRanged > .sheet-block-title > label > input[type="checkbox"], .sheet-weaponMelee > .sheet-block-title > label > input[type="checkbox"], .sheet-weaponSeeker > .sheet-block-title > label > input[type="checkbox"], .sheet-armor > .sheet-block-title > label > input[type="checkbox"], .sheet-museNote > .sheet-block-title > label > input[type="checkbox"], .sheet-museSkills > .sheet-block-title > label > input[type="checkbox"], .sheet-augmentations > .sheet-block-title > label > input[type="checkbox"], .sheet-psiSleight > .sheet-block-title > label > input[type="checkbox"] { position:absolute; opacity:0; cursor: pointer; width:19px; height:19px; } .sheet-skills > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-gear > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-weaponRanged > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-weaponMelee > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-weaponSeeker > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-armor > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-museNote > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-museSkills > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-augmentations > .sheet-block-title > label > input[type="checkbox"] + span::before, .sheet-psiSleight > .sheet-block-title > label > input[type="checkbox"] + span::before { font-family: "pictos"; content: '+'; font-size: 20px; opacity:0; font-weight:normal; text-transform:lowercase; color: rgb(0, 124, 151); opacity: 1; text-shadow: 2px 2px 2px rgb(117, 173, 192); } .sheet-skills > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-gear > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-weaponRanged > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-weaponMelee > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-weaponSeeker > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-armor > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-museNote > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-museSkills > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-augmentations > .sheet-block-title > label > input[type="checkbox"]:checked + span::before, .sheet-psiSleight > .sheet-block-title > label > input[type="checkbox"]:checked + span::before { content: '-'; } .sheet-skills > .sheet-block > div:first-of-type, .sheet-museSkills > .sheet-block > div:first-of-type { width:auto; flex-wrap:wrap; align-items:baseline; justify-content:right; margin-left:auto; } .sheet-skills > .sheet-block > div:first-of-type > span, .sheet-museSkills > .sheet-block > div:first-of-type > span { width:64px; text-transform:uppercase; justify-content:center; font-weight:bold; font-size:13px; margin-left:1px; } .sheet-skills > .sheet-block > div:first-of-type > span:last-of-type { width:65px; margin:0px; margin-left:1px; } .sheet-skills > .sheet-block > div, .sheet-skills > .sheet-block > div > div, .sheet-skills > .sheet-block > div > div > div, .sheet-skills > .sheet-block > div > div > div > div, .sheet-museSkills > .sheet-block > div, .sheet-museSkills > .sheet-block > div > div, .sheet-museSkills > .sheet-block > div > div > div, .sheet-museSkills > .sheet-block > div > div > div > div { width:100%; justify-content:space-between; flex-wrap:wrap; } .sheet-skills > .sheet-block > div > div:not(:first-of-type), .sheet-museSkills > .sheet-block > div > div:not(:first-of-type), .sheet-skills > .sheet-block > div > .repcontainer > .repitem, .sheet-skills > .sheet-block > div > div > .repcontainer > .repitem, .sheet-museSkills > .sheet-block > div > .repcontainer > .repitem, .sheet-museSkills > .sheet-block > div > div > .repcontainer > .repitem { margin-top:2px; } .sheet-skills > .sheet-block > div, .sheet-skills > .sheet-block > div > .repcontainer, .sheet-museSkills > .sheet-block > div, .sheet-museSkills > .sheet-block > div > .repcontainer { flex-wrap:wrap; } .sheet-skills > .sheet-block > div > div:not(:first-of-type).repcontainer, .sheet-skills > .sheet-block > div > div:not(:first-of-type).repcontrol, .sheet-museSkills > .sheet-block > div > div:not(:first-of-type).repcontainer, .sheet-museSkills > .sheet-block > div > div:not(:first-of-type).repcontrol { margin-top:0px; } .sheet-skills > .sheet-block > div > div > button[type="roll"], .sheet-skills > .sheet-block > div > div > div > button[type="roll"], .sheet-skills > .sheet-block > div > div > div > div > button[type="roll"], .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-museSkills > .sheet-block > div > div > button[type="roll"], .sheet-museSkills > .sheet-block > div > div > div > button[type="roll"], .sheet-museSkills > .sheet-block > div > div > div > div > button[type="roll"] { width: 124px; height: 28px; text-align: left; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; margin: 0px; margin-right:1px; } .sheet-skills > .sheet-block > div > div > button[type="roll"]::before, .sheet-skills > .sheet-block > div > div > div > button[type="roll"]::before, .sheet-skills > .sheet-block > div > div > div > div > button[type="roll"]::before, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > button[type="roll"]::before, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > button[type="roll"]::before, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > button[type="roll"]::before, .sheet-museSkills > .sheet-block > div > div > button[type="roll"]::before, .sheet-museSkills > .sheet-block > div > div > div > button[type="roll"]::before, .sheet-museSkills > .sheet-block > div > div > div > div > button[type="roll"]::before, { content:""; } .sheet-skills > .sheet-block > div > div > button[type="roll"] > span, .sheet-skills > .sheet-block > div > div > div > button[type="roll"] > span, .sheet-skills > .sheet-block > div > div > div > div > button[type="roll"] > span, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span, .sheet-museSkills > .sheet-block > div > div > button[type="roll"] > span, .sheet-museSkills > .sheet-block > div > div > div > button[type="roll"] > span, .sheet-museSkills > .sheet-block > div > div > div > div > button[type="roll"] > span, .sheet-rep > .sheet-block > div:nth-of-type(even) > button[type="roll"] > span { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; font-size: 13px; vertical-align: middle; text-transform:none; } .sheet-skills > .sheet-block > div > div > img, .sheet-skills > .sheet-block > div > div > div > img, .sheet-skills > .sheet-block > div > div > div > div > img { width: 27px; margin-right:1px; margin-left:1px; } .sheet-skills > .sheet-block > div > div > input[type="text"], .sheet-skills > .sheet-block > div > div > div > input[type="text"], .sheet-skills > .sheet-block > div > div > div > div > input[type="text"] { width:calc(100% - 124px - 27px - 65px - 65px - 65px - 65px - 13px); border:1px solid rgb(204, 204, 204); background-color:white; color:black; margin-right:1px; margin-left:1px; padding:4px; border-radius:0px; } .sheet-skills > .sheet-block > div > div > input[type="number"], .sheet-skills > .sheet-block > div > div > div > input[type="number"], .sheet-skills > .sheet-block > div > div > div > div > input[type="number"], .sheet-museSkills > .sheet-block > div > div > input[type="number"], .sheet-museSkills > .sheet-block > div > div > div > input[type="number"], .sheet-museSkills > .sheet-block > div > div > div > div > input[type="number"] { width:63px; text-align:center; border:1px solid rgb(204, 204, 204); background-color:white; color:black; margin-right:1px; margin-left:1px; padding:4px; border-radius:0px; } .sheet-skills > .sheet-block > div > div > input[disabled], .sheet-skills > .sheet-block > div > div > div > input[disabled], .sheet-skills > .sheet-block > div > div > div > div > input[disabled], .sheet-museSkills > .sheet-block > div > div > input[disabled], .sheet-museSkills > .sheet-block > div > div > div > input[disabled], .sheet-museSkills > .sheet-block > div > div > div > div > input[disabled] { border-color:#ccc; background-color:rgb(245, 245, 245); } .sheet-skills > .sheet-block > div > div > select, .sheet-skills > .sheet-block > div > div > div > select, .sheet-skills > .sheet-block > div > div > div > div > select { width:65px; text-align:center; margin-left:1px; height:30px; border-radius:0px; } input.sheet-hiddenRevealIconSkillsNone, input.sheet-hiddenRevealIconSkillsInsight, input.sheet-hiddenRevealIconSkillsInsight, input.sheet-hiddenRevealIconSkillsVigor, input.sheet-hiddenRevealIconSkillsVigor, input.sheet-hiddenRevealIconSkillsMoxie, input.sheet-hiddenRevealIconSkillsMoxie { display:none; } input.sheet-hiddenRevealIconSkillsNone:checked ~ label.sheet-hidden { display:block; width: 27px; margin-right:1px; margin-left:1px; } input.sheet-hiddenRevealIconSkillsInsight:checked ~ img[data-i18n-title="insight"].sheet-hidden, input.sheet-hiddenRevealIconSkillsInsight:checked ~ img[data-i18n-title="insight"].sheet-hidden, input.sheet-hiddenRevealIconSkillsVigor:checked ~ img[data-i18n-title="vigor"].sheet-hidden, input.sheet-hiddenRevealIconSkillsVigor:checked ~ img[data-i18n-title="vigor"].sheet-hidden, input.sheet-hiddenRevealIconSkillsMoxie:checked ~ img[data-i18n-title="moxie"].sheet-hidden, input.sheet-hiddenRevealIconSkillsMoxie:checked ~ img[data-i18n-title="moxie"].sheet-hidden { display:block; } .sheet-gear { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-gear > .sheet-block > .sheet-hidden { width:calc(50% - 5px); flex-wrap:wrap; align-content:baseline; } .sheet-gear > .sheet-block > .sheet-hidden > .repcontainer { flex-wrap:wrap; } .sheet-weaponRanged, .sheet-weaponMelee, .sheet-weaponSeeker, .sheet-armor { width:calc(50% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-weaponRanged > .sheet-block > div, .sheet-weaponMelee > .sheet-block > div, .sheet-weaponSeeker > .sheet-block > div, .sheet-armor > .sheet-block > div { width:100%; flex-wrap:wrap; justify-content:space-between; } .sheet-weaponRanged > .sheet-block > div > span { width:calc(25% - 5px); font-weight:bold; align-items:center; } .sheet-weaponRanged > .sheet-block > div > select { width:calc(75% - 5px); } input.sheet-hiddenRevealWeaponHide[value="o"] ~ button[type="roll"] { display:none; } .sheet-weaponRanged > .sheet-block > div > .repcontainer, .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem, .sheet-weaponMelee > .sheet-block > div > .repcontainer, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem, .sheet-weaponSeeker > .sheet-block > div > .repcontainer, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem, .sheet-armor > .sheet-block > div > .repcontainer, .sheet-armor > .sheet-block > div > .repcontainer > .repitem { width:100%; flex-wrap:wrap; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > label, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > label, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > label, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:first-of-type { position: absolute; width: 19px; margin-left: -18px; margin-top: 4px; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > label > input[type="checkbox"], .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:first-of-type > input[type="checkbox"] { margin-top: 3px; width: 19px; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > button[type="roll"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] { width:100%; margin:0px; padding-right:5px; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > button[type="roll"] > span { text-align:center; width:100%; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden, .sheet-armor > .sheet-block > div > .repcontainer > .repitem { flex-wrap:wrap; justify-content:space-between; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > input[type="text"]:first-of-type, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label:first-of-type { width:calc(70% - 5px); text-align:center; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > input[type="text"]:last-of-type, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label:last-of-type { width:calc(30% - 5px); text-align:center; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:nth-of-type(2) { width:calc(33.33% - 10px); flex-wrap:wrap; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > input[type="text"], .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > input[type="number"], .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > input[type="text"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > input[type="number"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > input[type="text"], .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label > input[type="number"], .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label > input[type="text"] { width:100%; text-align:center; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > span, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > span, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > span, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:not(:first-of-type) > span { width:100%; text-transform:uppercase; text-align:center; justify-content:center; } .sheet-weaponRanged > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > div > textarea, .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > div > textarea, .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > div > textarea, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > textarea { padding:0px; border:1px solid white; background-color:transparent; color:black } .sheet-weaponMelee > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label, .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label { flex-wrap:wrap; } .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > input[type="text"], .sheet-weaponSeeker > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden > label > select { width:100%; text-align:center; } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > .sheet-hidden { width:100%; } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:nth-of-type(2) { width:calc(55% - 10px); } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:nth-of-type(3), .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:nth-of-type(4) { width:calc(22% - 10px); } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:last-of-type { width: 16px; height:16px; display: flex; margin: 0px; padding: 0px; margin-top:6px; } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:last-of-type > input[type="checkbox"] { opacity: 0; width: 16px; height: 16px; position:absolute; } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:last-of-type > input[type="checkbox"] ~ span:before { font-family: 'pictos custom'; content: 'e'; font-size: 20px; vertical-align: bottom; text-transform:lowercase; } .sheet-armor > .sheet-block > div > .repcontainer > .repitem > label:last-of-type > input[type="checkbox"]:checked ~ span:before { font-family: 'pictos three'; content: 'b'; } .sheet-blockLeftMuse { width:calc(45% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-muse { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-muse > .sheet-block > input[type="text"], .sheet-morph > .sheet-block > input[type="text"] { width:100%; text-align:center; } .sheet-museAptitude { width:calc(55% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-museAptitude > .sheet-block > label { width:calc(25% - 5px); flex-wrap:wrap; } .sheet-museAptitude > .sheet-block > label > input[type="number"] { width:calc(100% - 2px); text-align:center; margin:auto; } .sheet-museAptitude > .sheet-block > label > button[type="roll"], .sheet-pool > .sheet-block > .sheet-oneLineItem > label > button[type="roll"] { width:100%; border-radius:0px; margin:0px; padding:0px; } .sheet-museAptitude > .sheet-block > label > button[type="roll"]::before, .sheet-pool > .sheet-block > .sheet-oneLineItem > label > button[type="roll"]::before { content:""; } .sheet-museAptitude > .sheet-block > label > button[type="roll"] > span, .sheet-pool > .sheet-block > .sheet-oneLineItem > label > button[type="roll"] > span { width:100%; justify-content:center; text-transform:uppercase; } .sheet-museNote { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-museNote > .sheet-block > .sheet-hidden { width:100%; flex-wrap:wrap; } .sheet-museNote > .sheet-block > .sheet-hidden > .repcontainer > .repitem:not(:first-of-type) { margin-top:5px; } .sheet-museNote > .sheet-block > .sheet-hidden > .repcontainer { flex-wrap:wrap; } .sheet-museNote > .sheet-block > .sheet-hidden > .repcontainer > .repitem { width:100%; } .sheet-museNote > .sheet-block > .sheet-hidden > .repcontainer > .repitem > div > textarea { width:100%; border-top:1px solid white; } .sheet-museSkills > .sheet-block > div > div > input[type="text"], .sheet-museSkills > .sheet-block > div > div > div > input[type="text"], .sheet-museSkills > .sheet-block > div > div > div > div > input[type="text"] { width:calc(100% - 124px - 65px - 65px - 65px - 9px); border:1px solid rgb(204, 204, 204); background-color:white; color:black; margin-right:1px; margin-left:1px; padding:4px; border-radius:0px; } .sheet-museSkills > .sheet-block > div > div > input[type="number"]:last-of-type, .sheet-museSkills > .sheet-block > div > div > div > input[type="number"]:last-of-type, .sheet-museSkills > .sheet-block > div > div > div > div > input[type="number"]:last-of-type { margin-right:0px; } .sheet-morphMenu { width:100%; margin-bottom: -1px; z-index: 1; } .sheet-morphMenu > label { width:139px; height:22px; } .sheet-morphMenu > label > input[type="radio"] { position:absolute; width:139px; height:22px; opacity:0; cursor:pointer; z-index:1; } .sheet-morphMenu > label > span { width:100%; height:20px; justify-content:center; background-color:rgb(0, 124, 151); color:white; font-weight:bold; font-size:14px; border:1px solid black; } .sheet-morphMenu > label > input[type="radio"]:checked ~ span { border-bottom-color:rgb(0, 124, 151); } .sheet-morphMenu > label:first-of-type > span { border-top-left-radius:10px; } .sheet-morphMenu > label:not(:last-of-type) > span { border-right:0px; } .sheet-morphBlock { width:calc(100% - 2px); background-color: rgb(0, 124, 151); border: 1px solid black; flex-wrap:wrap; justify-content: space-between; } .sheet-oneLineItem { width:100%; } .sheet-morph { width:calc(45% - 10px); flex-wrap:wrap; align-content:baseline; margin-left:5px; margin-top:5px; } .sheet-morph > .sheet-block-title, .sheet-pool > .sheet-block-title, .sheet-physique > .sheet-block-title, .sheet-augmentations > .sheet-block-title { text-shadow: 0.5px 0 0 black, -0.5px 0 0 black, 0 0.5px 0 black, 0 -0.5px 0 black, 0px 0px black, -0px -0px 0 black, 0px -0px 0 black, -0px 0px 0 black; color:rgb(117, 173, 192); margin-bottom:-5px; } .sheet-pool { width:calc(65% - 10px); flex-wrap:wrap; align-content:baseline; margin-left:5px; } .sheet-pool > .sheet-block { align-items:flex-end; } .sheet-pool > .sheet-block > label:first-of-type { width:71px; text-transform:uppercase; font-weight:bold; } .sheet-pool > .sheet-block > label { width:calc(25% - 5px - 17.75px); flex-wrap:wrap; align-content:end; } .sheet-pool > .sheet-block > label > img { width:20px; margin:auto; } .sheet-pool > .sheet-block > label > span { width:100%; text-transform:uppercase; font-weight:bold; } .sheet-pool > .sheet-block > label:first-of-type > span { line-height: 18px; padding-top: 4px; } .sheet-pool > .sheet-block > label:not(:first-of-type) > span { justify-content:center; } .sheet-pool > .sheet-block > label > input[type="number"] { width:100%; border-bottom:0px; text-align:center; } .sheet-pool > .sheet-block > label > input[type="number"]:nth-of-type(2) { border-bottom:1px solid white; } .sheet-pool > .sheet-block > .sheet-oneLineItem { justify-content:center; } .sheet-pool > .sheet-block > .sheet-oneLineItem > label { width:calc(25% - 10px); margin-right:1px; margin-left:1px; flex-wrap:wrap; } .sheet-pool > .sheet-block > .sheet-oneLineItem > label > div { width:calc(100% - 2px); justify-content:center; border-bottom:1px solid white; margin:auto; } .sheet-pool > .sheet-block > .sheet-oneLineItem > label > div > input[type="checkbox"] { margin-right:2px; margin-left:2px; } .sheet-physique { width:calc(35% - 10px); flex-wrap:wrap; align-content:baseline; margin-right:5px; } .sheet-physique > .sheet-block > label { width:calc(33.33% - 5px); flex-wrap:wrap; } .sheet-physique > .sheet-block > label:last-of-type { width:100%; flex-wrap:wrap; } .sheet-physique > .sheet-block > label > input[type="number"], .sheet-physique > .sheet-block > label > input[type="text"] { width:100%; text-align:center; } .sheet-physique > .sheet-block > label > span { width:100%; justify-content:center; text-transform:uppercase; font-weight:bold; } .sheet-augmentations { width:calc(50% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-augmentations > .sheet-block-title > label > input[type="checkbox"] + span::before { text-shadow: 0.5px 0 0 black, -0.5px 0 0 black, 0 0.5px 0 black, 0 -0.5px 0 black, 0px 0px black, -0px -0px 0 black, 0px -0px 0 black, -0px 0px 0 black; color: rgb(117, 173, 192); } .sheet-augmentations > .sheet-block > .sheet-hidden { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-augmentations > .sheet-block > .sheet-hidden > .repcontainer { flex-wrap:wrap; } .sheet-rep { width:150px; flex-wrap:wrap; align-content: baseline; } .sheet-rep > .sheet-block > div { width:100%; justify-content:space-between; line-height:21px; } .sheet-rep > .sheet-block > div:nth-of-type(odd) > span { justify-content:center; } .sheet-rep > .sheet-block > div:nth-of-type(odd) > span:first-of-type { font-size:30px; font-weight:bold; width:23px; } .sheet-rep > .sheet-block > div:nth-of-type(odd) > span:nth-of-type(2) { width:calc(100% - 24px - 22px - 22px); justify-content:space-evenly; align-items:center; } .sheet-rep > .sheet-block > div:nth-of-type(odd) > span:nth-of-type(3), .sheet-rep > .sheet-block > div:nth-of-type(odd) > span:nth-of-type(4) { width:21px; align-items:center; } .sheet-rep > .sheet-block > div:nth-of-type(odd) > span:not(:last-of-type) { border-right:1px solid black; } .sheet-rep > .sheet-block > div:nth-of-type(even) > button[type="roll"] > span { text-transform:uppercase; } .sheet-rep > .sheet-block > div:nth-of-type(even) > input[type="number"] { width:40px; border-radius:0px; text-align:center; background-color:white; border: 1px solid rgb(204, 204, 204); padding:0px; border-left:0px; } .sheet-columnHistory { width:calc(50% - 90px); flex-wrap:wrap; align-content:baseline; } .sheet-notes, .sheet-language, .sheet-backup, .sheet-forks { width:100%; flex-wrap:wrap; align-content:baseline; } .sheet-notes > .sheet-block > .repcontainer > .repitem:not(:first-of-type) { margin-top:5px; } .sheet-notes > .sheet-block > .repcontainer, .sheet-language > .sheet-block > .repcontainer, .sheet-backup > .sheet-block > .repcontainer, .sheet-forks > .sheet-block > .repcontainer { flex-wrap:wrap; } .sheet-notes > .sheet-block > .repcontainer > .repitem, .sheet-language > .sheet-block > .repcontainer > .repitem, .sheet-backup > .sheet-block > .repcontainer > .repitem, .sheet-forks > .sheet-block > .repcontainer > .repitem { width:100%; } .sheet-notes > .sheet-block > .repcontainer > .repitem > div > textarea { border:1px solid white; width:100%; } .sheet-language > .sheet-block > .repcontainer > .repitem { height:30px; } .sheet-language > .sheet-block > .repcontainer > .repitem > input[type="text"] { width:100%; padding-top: 13px; } .sheet-combatApt { width:calc(30% - 10px); } .sheet-combatApt > .sheet-block > label { width:calc(50% - 5px); } .sheet-combatPool { width:calc(70% - 10px); } .sheet-combatPool > .sheet-block-title { text-shadow: none; color: rgb(0, 124, 151); margin-bottom:-6px; } .sheet-combatMental, .sheet-combatPhysique { width:100%; } .sheet-combatDerivedStats, .sheet-combatColumn { width:calc(33.33% - 10px); } .sheet-combatColumn { flex-wrap:wrap; align-content:space-between; } .sheet-combatDerivedStats > .sheet-block > div { width:calc(50% - 5px); } .sheet-combatPhysique > .sheet-block-title { text-shadow: none; color: rgb(0, 124, 151); margin-bottom:-6px; } .sheet-combatGuns, .sheet-combatMelee { width:50%; flex-wrap:wrap; margin:auto; } .sheet-combatGuns > .sheet-block > label, .sheet-combatMelee > .sheet-block > label { width:100%; margin-right:1px; margin-left:1px; } .sheet-combatGuns > .sheet-block > label > input[type="number"], .sheet-combatMelee > .sheet-block > label > input[type="number"] { border:0px; text-align:center; } .sheet-combatGuns > .sheet-block > label > span, .sheet-combatMelee > .sheet-block > label > span { align-items:end; } .sheet-combatGuns > .sheet-block > label > span, .sheet-combatGuns > .sheet-block > label > input[type="number"], .sheet-combatMelee > .sheet-block > label > span, .sheet-combatMelee > .sheet-block > label > input[type="number"] { width:calc(50% - 5px); } .sheet-combatGuns > .sheet-block > label:nth-of-type(2), .sheet-combatMelee > .sheet-block > label:nth-of-type(2) { border-bottom:1px solid white; } .sheet-infection { width:calc(40% - 10px); align-content:baseline; flex-wrap:wrap; } .sheet-infection > .sheet-block > label { width:calc(50% - 5px); flex-wrap:wrap; } .sheet-infection > .sheet-block > label > input[type="number"], .sheet-infection > .sheet-block > label > input[type="text"] { width:100%; text-align:center; } .sheet-infection > .sheet-block > label > span { width:100%; justify-content:center; text-transform:uppercase; } .sheet-substrain { width:calc(60% - 10px); flex-wrap:wrap; align-content:baseline; } .sheet-substrain > .sheet-block > label { width:calc(50% - 5px); justify-content:left; min-height:23px; flex-wrap:wrap; } .sheet-substrain > .sheet-block > label > span:first-of-type { width:15px; font-weight:bold; align-items:end; border-bottom:1px solid white; } .sheet-substrain > .sheet-block > label > input[type="text"] { font-weight:bold; } .sheet-substrain > .sheet-block > label > input[type="text"], .sheet-substrain > .sheet-block > label > div:first-of-type { width:calc(100% - 15px - 22px); border-bottom:1px solid white; align-items:end; min-height:23px; } .sheet-substrain > .sheet-block > label > div.sheet-hidden { width:calc(100% - 22px); } .sheet-substrain > .sheet-block > label > input[type="checkbox"] { width: 20px; height: 21px; top: 7px; right: 0px; z-index: 1; opacity:0; margin-top: 1px; } .sheet-substrain > .sheet-block > label > input[type="checkbox"] + span { width: 21px; height: 21px; margin-left: -19px; margin-top: 2px; } .sheet-substrain > .sheet-block > label > input[type="checkbox"] + span::before { font-family: "pictos"; content: 'y'; color: black; font-size: 20px; opacity:0; font-weight:normal; text-transform:lowercase; } .sheet-substrain > .sheet-block > label:hover > input[type="checkbox"] + span::before { opacity:1; } .sheet-substrain > .sheet-block > label > input[type="checkbox"]:checked + span::before { text-shadow: 2px 2px 2px rgb(0, 124, 151); opacity:1; } .sheet-substrain > .sheet-block > label > input[type="checkbox"]:checked ~ .sheet-hidden { display:flex; border:0px; } .sheet-substrain > .sheet-block > label > .sheet-hidden > textarea { width:calc(100% - 24px); justify-content:left; } .sheet-psiSleight { width:100%; flex-wrap:wrap; } .sheet-psiSleight > .sheet-block > div:first-of-type { justify-content:right; width:100%; } .sheet-psiSleight > .sheet-block > div:first-of-type > span { width:100px; font-weight:bold; text-transform:uppercase; margin-right:2px; justify-content:center } .sheet-psiSleight > .sheet-block > div:first-of-type > span:nth-of-type(2) { width:150px; } .sheet-psiSleight > .sheet-block > div:first-of-type > span:last-of-type { margin-right:0px; } .sheet-psiSleight > .sheet-block > .sheet-hidden, .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer { width:100%; flex-wrap:wrap; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem { width:100%; align-content:baseline; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > button[type="roll"] { border-radius:0px; width:calc(100% - 364px); margin:0px; margin-right:1px; text-align:left; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > button[type="roll"]::before { content:""; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > button[type="roll"] > span { text-transform:initial; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > select { border-radius:0px; width:100px; margin-right:1px; margin-left:1px; text-align:center; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > select:nth-of-type(2) { width:150px; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="number"] { border-radius:0px; width:100px; background-color:white; border:1px solid white; margin-left:1px; text-align:center; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"] { margin-top: 5.5px; left: -20px; width:20px; height:20px; z-index:1; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"] + span { position: absolute; left: -22px; width: 21px; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"] + span::before { margin-top: 1px; margin-left: 3px; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"]:checked ~ button[type="roll"], .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"]:checked ~ select, .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > input[type="checkbox"]:checked ~ input[type="number"] { display:none; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > .sheet-hidden { width:100%; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > .sheet-hidden > input[type="text"] { height:28px; width:302px; border-top:1px solid white; border-left:1px solid white; padding:0px; } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repitem > .sheet-hidden > div > textarea { border-top:1px solid white; height:calc(100% - 2px); } .sheet-psiSleight > .sheet-block > .sheet-hidden > .repcontainer > .repcontrol { width:100%; } .sheet-rolltemplate-EPdefault .inlinerollresult, .sheet-rolltemplate-EPcombat .inlinerollresult, .sheet-rolltemplate-EPpsi .inlinerollresult { border: none; background-color:transparent; } .sheet-rolltemplate-EPdefault .inlinerollresult.fullcrit, .sheet-rolltemplate-EPcombat .inlinerollresult.fullcrit, .sheet-rolltemplate-EPpsi .inlinerollresult.fullcrit { border: none; background-color:transparent; } .sheet-rolltemplate-EPdefault .inlinerollresult.fullfail, .sheet-rolltemplate-EPcombat .inlinerollresult.fullfail, .sheet-rolltemplate-EPpsi .inlinerollresult.fullfail { border: none; background-color:transparent; } .sheet-rolltemplate-EPdefault .inlinerollresult.importantroll, .sheet-rolltemplate-EPcombat .inlinerollresult.importantroll, .sheet-rolltemplate-EPpsi .inlinerollresult.importantroll { border: none; background-color:transparent; } .sheet-rolltemplate-EPdefault div, .sheet-rolltemplate-EPcombat div, .sheet-rolltemplate-EPpsi div, .sheet-rolltemplate-EPOutput div { display:flex; width: 100%; border: 1px solid #DADADA; color: black; background-color: rgb(117, 173, 192); font-size: 1em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; border-collapse: separate; border-radius: 10px; flex-wrap:wrap; } .sheet-rolltemplate-EPpsi div:last-of-type { display:flex; width: 100%; border: 0px; color: black; flex-wrap:wrap; } .sheet-rolltemplate-EPdefault div > label, .sheet-rolltemplate-EPcombat div > label, .sheet-rolltemplate-EPpsi div > label { display:flex; width:100%; line-height:26px; margin:0px; } .sheet-rolltemplate-EPdefault div > h6, .sheet-rolltemplate-EPcombat div > h6, .sheet-rolltemplate-EPpsi div > h6, .sheet-rolltemplate-EPOutput div > h6 { display:flex; border-bottom:1px solid black; color:black; width:100%; justify-content:center; font-size:14px; font-variant:small-caps; } .sheet-rolltemplate-EPpsi div > div > h6 { display:flex; border-top:1px solid black; border-bottom:1px solid black; color:black; width:100%; justify-content:center; font-size:14px; font-variant:small-caps; } .sheet-rolltemplate-EPdefault div > label > span:first-of-type, .sheet-rolltemplate-EPcombat div > label > span:first-of-type, .sheet-rolltemplate-EPpsi div > label > span:first-of-type { display:flex; width:55%; justify-content:center; background-color: rgb(0, 124, 151); color:white; font-weight:bold; font-size:14px; min-width:95px; } .sheet-rolltemplate-EPdefault div > label > span:last-of-type, .sheet-rolltemplate-EPcombat div > label > span:last-of-type, .sheet-rolltemplate-EPpsi div > label > span:last-of-type { display:flex; width:45%; padding-left:5px; min-width:25px; color:black; } .sheet-rolltemplate-EPdefault div > label:last-of-type > span:first-of-type { border-bottom-left-radius:10px; } .sheet-rolltemplate-EPdefault > div > span:first-of-type, .sheet-rolltemplate-EPcombat > div > span:first-of-type, .sheet-rolltemplate-EPpsi > div > span:first-of-type, .sheet-rolltemplate-EPOutput > div > span:first-of-type { text-shadow: 0px 0px 1px #555555; padding: 2px; border-bottom: 1px solid black; line-height: 1.6em; font-size: 1.2em; font-weight: bold; justify-content:center; line-height:31px; width: 100%; display: flex; } .sheet-rolltemplate-EPcombat > div > span:nth-of-type(2) { padding-right:2px; padding-left:2px; text-align:justify; width: 100%; display: flex; word-break:break-all; border-top:1px solid black; border-bottom:1px solid black; } .sheet-rolltemplate-EPcombat > div > span:last-of-type { justify-content:center; width: 100%; display: flex; } .sheet-rolltemplate-EPOutput > div > span:last-of-type { padding-right:2px; padding-left:2px; padding-bottom:2px; text-align:justify; width: 100%; display: flex; word-break:break-all; flex-wrap:wrap; } .sheet-rolltemplate-EPpsi > div > div { display:flex; width:100%; } .sheet-rolltemplate-EPpsi > div > div > label { display:flex; width:100%; line-height:26px; margin:0px; flex-wrap:wrap; } .sheet-rolltemplate-EPpsi > div > div > label > span:first-of-type { display:flex; width:100%; color:black; justify-content:center; font-weight:bold; background-color:transparent; } .sheet-rolltemplate-EPpsi > div > div > label > span:last-of-type { display:flex; width:100%; color:black; text-align:justify; padding-right:2px; padding-left:2px; padding-bottom:2px; word-break:break-all; background-color:transparent; } .sheet-rolltemplate-EPpsi > div > label > span:last-of-type > span { font-size:13px; padding-left:0px; } .sheet-rolltemplate-EPcombat a[href^="!"], .sheet-rolltemplate-EPcombat a[href^="~"] { margin: auto; border: 1px solid black; background-color: rgb(0, 124, 151); font-weight: bold; font-variant: small-caps; padding-top: 1px; padding-bottom: 1px; margin-top: 2px; margin-bottom: 2px; border-radius: 5px; }