diff --git a/Eclipse Phase V2/Eclipse Phase V2.css b/Eclipse Phase V2/Eclipse Phase V2.css
index f8eed280a9..d78dbf6f1d 100644
--- a/Eclipse Phase V2/Eclipse Phase V2.css
+++ b/Eclipse Phase V2/Eclipse Phase V2.css
@@ -1,248 +1,50 @@
.charsheet
{
- color:black !important;
+ color:black;
min-width:832px;
}
-input.sheet-tab
+.repcontainer
{
- height: 22px;
- position: relative;
- top: 5px;
- left: 7px;
- margin: -1.5px;
- cursor: pointer;
- z-index: 1;
- opacity: 0;
- margin-bottom:14px;
- margin-top:3px;
+ width:100%;
}
-input.sheet-tab + span::before
+.itemcontrol
{
- content: attr(title);
-
- text-align: center;
- display: inline-block;
- height: 20px;
-
-
- font-size: 14px;
- font-weight:bold;
- border:1px solid black;
- border-top-left-radius: 3em 3em;
- border-top-right-radius: 3em 3em;
- border-bottom-right-radius: 3em 3em;
- border-bottom-left-radius: 3em 3em;
-
- position: relative;
-
-
- background-color:rgb(0, 124, 151);
- color:white;
+ z-index:999;
}
-input.sheet-tab:checked + span::before
-{
- background-color:rgb(0, 124, 151);
- box-shadow: 0px 0px 7px 0px #000000 inset;
- color:white;
-}
-
-input.sheet-tab-130px
-{
- width: 129px;
-}
-
-input.sheet-tab-130px + span::before
-{
- width: 125px;
- margin-left:-120px;
-}
-
-input.sheet-tab-100px
-{
- width: 99px;
-}
-
-input.sheet-tab-100px + span::before
-{
- width: 95px;
- margin-left:-90px;
-}
-
-.sheet-hidden
-{
- display:none;
-}
-
-.sheet-output
-{
- opacity:0;
- width: 24px;
- height: 22px;
- z-index: 2;
- background: none;
- border: none;
- font-family: pictos;
- font-size: 20px !important;
- margin-top: -7px !important;
- text-shadow: none;
- border-radius: 0px !important;
- box-shadow: none;
- margin-right: 0px !important;
- margin-left: 0px !important;
- padding-top: 0px !important;
- margin-top: -1px !important;
- position:absolute;
- top:0px;
- right:-8px;
- color:black;
-}
-
-.sheet-output::before
-{
- content: "" !important;
-}
-
-input.sheet-option
-{
- width:21px;
- height: 21px;
- cursor: pointer;
- z-index: 1;
- opacity: 0;
- float:right;
- margin:0px;
-}
-
-input.sheet-option+ span{
- float:right;
- margin-right:-21px;
- text-align: center;
- display: inline-block;
- width: 21px;
- height:21px;
-}
-
-input.sheet-option+ span::before
-{
- font-family: "pictos";
- content: 'y';
- color:black;
- text-shadow: 2px 2px 2px rgb(117, 173, 192);
- font-size: 20px;
-}
-
-input.sheet-option:checked+ span::before
-{
- text-shadow: 2px 2px 2px rgb(0, 124, 151);
- opacity: 1;
-}
-
-input.sheet-option:checked ~ div div.sheet-hidden
-{
- display:block;
-}
-
-input.sheet-optionHide + span::before
-{
- content: '+' !important;
- color:rgb(0, 124, 151);
- opacity:1;
-}
-
-input.sheet-optionHide:checked + span::before
-{
- content: '-' !important;
- color:rgb(0, 124, 151);
- opacity:1;
- text-shadow: 2px 2px 2px rgb(117, 173, 192);
-}
-
-input.sheet-optionHideMorph + span::before
-{
- content: '+' !important;
- opacity:1;
- 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) !important;
-}
-
-input.sheet-optionHideMorph:checked + span::before
-{
- content: '-' !important;
- opacity:1;
- 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) !important;
-}
-
-input.sheet-expand,
-input.sheet-expand + span::before
-{
- opacity:0;
-}
-
-div:hover > span.sheet-expand::before,
-div:hover > .sheet-output
-{
- opacity: 1 !important;
-}
-
-input.sheet-expand:checked ~ div.sheet-expand
-{
- display:inline-block;
- width:calc(100% - 2px);
-}
-
-div.sheet-expandHide
+.repcontrol
{
+ width:100%;
display:inline-block;
}
-div.sheet-expand
+div,
+label,
+input[type=text],
+input[type=number],
+input[type=checkbox],
+input[type=radio],
+span
{
- display:none;
+ display:flex;
}
-input.sheet-expand:checked ~ div.sheet-expandHide
+input[type="text"],
+input[type="number"]
{
- display:none;
-}
-
-input.sheet-inputArmorEquip
-{
- opacity: 0;
- width: 16px;
- height: 16px;
- margin-top: -6px;
- vertical-align:bottom;
-}
-
-input.sheet-inputArmorEquip + span::before
-{
- font-family: 'pictos custom';
- content: 'e';
- margin-left: -16px;
- font-size: 20px;
- vertical-align:bottom;
-}
-
-input.sheet-inputArmorEquip:checked + span::before
-{
- font-family: 'pictos three';
- content: 'b';
-}
-
-input.sheet-tab1:checked ~ .sheet-tab1Show,
-input.sheet-tab2:checked ~ .sheet-tab2Show,
-input.sheet-tab3:checked ~ .sheet-tab3Show,
-input.sheet-tab4:checked ~ .sheet-tab4Show,
-input.sheet-tab5:checked ~ .sheet-tab5Show,
-input.sheet-tab6:checked ~ .sheet-tab6Show,
-input.sheet-tab7:checked ~ .sheet-tab7Show,
-input.sheet-tab8:checked ~ .sheet-tab8Show
-{
- display:block;
+ 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
@@ -258,61 +60,338 @@ input[type="number"]
appearance:textfield;
}
-input[type=number]::-webkit-outer-spin-button,
-input[type=number]::-webkit-inner-spin-button
-{
- -webkit-appearance: none;
- margin: 0;
-}
-button[type=roll].sheet-apt-check::before
-{
- content: "" !important;
-}
-
-button[type=roll].sheet-apt-check
+label
{
margin:0px;
padding:0px;
- margin-left:-1.7px;
+ font-size:13px;
+ color:black;
+ align-content:baseline;
}
-button[type=roll].sheet-apt-check-muse-sav
+textarea
{
margin:0px;
padding:0px;
- margin-left:-3px;
- margin-right:0px !important
+ border:1px solid white;
+ border-top:0px;
+ border-radius:0px;
+ color:black;
+ background-color:transparent;
+ width: calc(100% - 2px);
+ margin-bottom:-2px;
}
-button[type=roll] input
+select
{
- background-color:transparent;
- border:0px;
- box-shadow:none;
+ margin:0px;
padding:0px;
}
-.sheet-dark-row
+button[type="roll"]
{
- background-color:rgb(0, 124, 151);
- margin-right:-10px;
- margin-left:-20px;
+ 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-wrap:anywhere;
+}
+
+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
{
- margin-bottom:20px;
+ justify-content:space-between;
}
-.sheet-center
+div.sheet-identity-img
{
+ height:102px;
+ width:233px;
+ vertical-align:top;
+ margin-top:60px;
+}
+
+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-title
+.sheet-hidden
{
- font-weight:bold;
+ display:none;
+}
+
+.sheet-tab
+{
+ min-width:820px;
+ justify-content:space-between;
+ flex-wrap:wrap;
}
div.sheet-block-title,
@@ -323,346 +402,1767 @@ span.sheet-block-title
text-transform:uppercase;
color:rgb(0, 124, 151);
font-weight:bold;
- text-align:right;
+ justify-content:right;
margin-left:auto;
- margin-right:20px;
- display:block;
+ display:flex;
+ padding-right:15px;
+ width:calc(100% - 15px);
}
div.sheet-block
{
background-color:rgb(117, 173, 192);
padding-top:10px;
- padding-left:20px;
+ 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;
}
-div.sheet-blockSpe
+.sheet-aptitude
{
- background-color:rgb(117, 173, 192);
- padding-top:10px;
- padding-left:20px;
- padding-bottom:10px;
- padding-right:20px;
- border-radius:20px;
+ width:100%;
+ flex-wrap:wrap;
+ align-content:baseline;
}
-div.sheet-identity-img
+.sheet-aptitude > .sheet-block > label
{
- height:102px;
- width:233px;
- display:inline-block;
- vertical-align:top;
- margin-top:60px;
+ width:calc(16.66% - 5px);
+ flex-wrap:wrap;
+ justify-content:space-between;
}
-img.sheet-iconInsight,
-img.sheet-iconMoxie,
-img.sheet-iconVigor,
-input.sheet-carChoice
+.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"]
{
- display:none;
+ position:absolute;
+ opacity:0;
+ cursor: pointer;
+ width:21px;
+ height:21px;
+ margin-top:4px;
}
-input.sheet-iconInsightShow:checked ~ img.sheet-iconInsight,
-input.sheet-iconMoxieShow:checked ~ img.sheet-iconMoxie,
-input.sheet-iconVigorShow:checked ~ img.sheet-iconVigor
+.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
{
- display:inline-block;
+ font-family: "pictos";
+ content: 'y';
+ color: black;
+ font-size: 20px;
+ margin-top:4px;
+ opacity:0;
+ font-weight:normal;
+ text-transform:lowercase;
}
-input.sheet-iconNoneShow:checked ~ input.sheet-spe-skills
+.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
{
- margin-left:31px;
+ opacity:1;
}
-
-img.sheet-iconPools-skills
+.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
{
- width: 27px;
- vertical-align: top;
- margin-top:1px;
+ text-shadow: 2px 2px 2px rgb(0, 124, 151);
+ opacity:1;
}
-img.sheet-iconPools
+.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
{
- width: 20px;
- vertical-align: top;
- margin-top:1px;
+ display:flex;
+ flex-wrap:wrap;
}
-input.sheet-lower-input
+.sheet-aptitude > .sheet-block > label > input[type="checkbox"]:checked ~ input[type="number"],
+.sheet-mental > .sheet-block > label > input[type="checkbox"]:checked ~ 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;
- margin-right:10px !important;
+ display:none;
}
-input.sheet-lower-inputWMargin
+.sheet-aptitude > .sheet-block > label > .sheet-hidden > 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.sheet-lower-inputWMargin
-{
- 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;
-}
-
-div.sheet-subtitle
-{
- margin-right:10px;
- display:inline-block;
- font-weight:bold;
- vertical-align:top;
-}
-
-div.sheet-subtitle-left
-{
- vertical-align:bottom;
- display:inline-block;
- font-weight:bold;
-}
-
-.sheet-first-row
-{
- clear:both;
- margin:auto;
- margin-top:10px;
- margin-bottom:20px;
-}
-
-div.sheet-apt-title
-{
- font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
- display:inline-block !important;
- text-transform:uppercase !important;
- font-weight:bold !important;
- font-size:13px !important;
- white-space:normal;
-}
-
-input.sheet-apt-title,
-button.sheet-apt-title
-{
- margin-right:10px !important;
+ width:100%;
text-align:center;
- margin-left:-0.5px;
+ margin-right:0.88px;
}
-.sheet-margin-col
-{
- margin-right:20px;
-}
-
-.sheet-column
-{
- display:inline-block;
- vertical-align:top;
-}
-
-.sheet-line
-{
- clear:both;
-}
-
-input.sheet-spe-skills
-{
- width:348px;
-}
-
-input.sheet-spe-skills-muse
-{
- width:379px;
-}
-
-div.sheet-name-skills,
-span.sheet-name-skills
+.sheet-aptitude > .sheet-block > label > .sheet-hidden > span
{
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
- display:inline-block;
+ 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:100%;
+ flex-wrap:wrap;
+ align-items:baseline;
+ justify-content:right;
+}
+
+.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;
- vertical-align:middle;
+ margin-left:1px;
}
-div.sheet-skills-apt
+.sheet-skills > .sheet-block > div:first-of-type > span:last-of-type
{
- vertical-align:middle;
- display:inline-block;
+ width:65px;
+ margin:0px;
+ margin-left:1px;
}
-button[type=roll].sheet-default-btn::before
+.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
{
- content: "" !important;
- margin:0px !important;
- padding:0px !important;
+ width:100%;
+ justify-content:space-between;
+ flex-wrap:wrap;
}
-button[type=roll].sheet-default-btn
+.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:0px !important;
+ margin-top:2px;
}
-button[type=roll].sheet-skills-btn::before
+.sheet-skills > .sheet-block > div,
+.sheet-skills > .sheet-block > div > .repcontainer,
+.sheet-museSkills > .sheet-block > div,
+.sheet-museSkills > .sheet-block > div > .repcontainer
{
- content: "" !important;
+ flex-wrap:wrap;
}
-button.sheet-skills-btn
+.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
{
- width:124px;
- height:28px;
- text-align:left;
- padding-right:0px !important;
- padding-top:0px !important;
- padding-bottom:0px !important;
- padding-left:5px !important;
- margin:0px !important;
+ margin-top:0px;
}
-input.sheet-morphTab
+.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"]
{
- height: 22px;
- position: relative;
- top: 5px;
- left: 7px;
- cursor: pointer;
- z-index: 1;
- opacity: 0;
- margin-top:-12px;
- margin-left:-8px
+ width: 124px;
+ height: 28px;
+ text-align: left;
+ padding-right: 0px;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ padding-left: 5px;
+ margin: 0px;
+ margin-right:1px;
}
-span.sheet-morphTab
+.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,
{
- text-align: center;
- display: inline-block;
- height: 20px;
-
-
- font-size: 14px;
- font-weight:bold;
- border:1px solid black;
- border-top-left-radius: 3em 3em;
-
- position: relative;
+ 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;
-
- margin-bottom:-1px;
- margin-left: -132px;
+ font-weight:bold;
+ font-size:14px;
+ border:1px solid black;
}
-input.sheet-morphTab2
-{
- margin-left:-12px
-}
-
-span.sheet-morphTab2
-{
- text-align: center;
- display: inline-block;
- height: 20px;
-
-
- font-size: 14px;
- font-weight:bold;
- border:1px solid black;
-
- position: relative;
-
- background-color:rgb(0, 124, 151);
- color:white;
-
- margin-bottom: -7px;
- margin-left: -132px !important;
-}
-
-input.sheet-morphTab:checked + span
+.sheet-morphMenu > label > input[type="radio"]:checked ~ span
{
border-bottom-color:rgb(0, 124, 151);
}
-input.sheet-morphTab-130px
+.sheet-morphMenu > label:first-of-type > span
{
- width: 139px;
+ border-top-left-radius:10px;
}
-span.sheet-morphTab-130px
+.sheet-morphMenu > label:not(:last-of-type) > span
{
- width: 135px;
+ border-right:0px;
}
-input.sheet-morphTab1:checked ~ .sheet-morphTab1Show,
-input.sheet-morphTab2:checked ~ .sheet-morphTab2Show,
-input.sheet-morphTab3:checked ~ .sheet-morphTab3Show,
-input.sheet-morphTab4:checked ~ .sheet-morphTab4Show
+.sheet-morphBlock
{
- display:block;
-}
-
-.sheet-block-title-morph
-{
- 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) !important;
-}
-
-div.sheet-morphBlock
-{
- width:820px;
+ width:calc(100% - 2px);
background-color: rgb(0, 124, 151);
border: 1px solid black;
- padding:5px;
+ flex-wrap:wrap;
+ justify-content: space-between;
}
-input.sheet-M1Hidden:checked ~ div.sheet-M1Hidden,
-input.sheet-M2Hidden:checked ~ div.sheet-M2Hidden,
-input.sheet-M3Hidden:checked ~ div.sheet-M3Hidden,
-input.sheet-M4Hidden:checked ~ div.sheet-M4Hidden
+.sheet-oneLineItem
{
- display:block;
+ width:100%;
}
-.sheet-M1Hidden,
-.sheet-M2Hidden,
-.sheet-M3Hidden,
-.sheet-M4Hidden
+.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 > 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;
+}
+
+.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;
+}
+
+.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
@@ -695,50 +2195,12 @@ input.sheet-M4Hidden:checked ~ div.sheet-M4Hidden
background-color:transparent;
}
-.sheet-rolltemplate-EPdefault .sheet-allbubbled,
-.sheet-rolltemplate-EPcombat .sheet-allbubbled,
-.sheet-rolltemplate-EPpsi .sheet-allbubbled
-{
- font-size: 11pt;
- width:100%;
- height:100%;
- font-weight:bold;
- border:2px solid rgb(0, 124, 151);
- border-right:none;
- color:white;
- display:inline-block;
- background-color:rgb(0, 124, 151);
- text-align: center;
- padding-top:1px;
- padding-left:3px;
- padding-bottom:4px;
-}
-
-.sheet-rolltemplate-EPdefault .sheet-sidebubbled,
-.sheet-rolltemplate-EPcombat .sheet-sidebubbled,
-.sheet-rolltemplate-EPpsi .sheet-sidebubbled
-{
- font-size: 11pt;
- width:100%;
- height:100%;
- font-weight:bold;
- border:2px solid rgb(0, 124, 151);
- border-right:none;
- color:white;
- display:inline-block;
- background-color:rgb(0, 124, 151);
- text-align: center;
- padding-top:1px;
- padding-left:3px;
- padding-bottom:4px;
- border-bottom-left-radius: 1em;
-}
-
-.sheet-rolltemplate-EPdefault table,
-.sheet-rolltemplate-EPcombat table,
-.sheet-rolltemplate-EPpsi table ,
-.sheet-rolltemplate-EPOutput table
+.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;
@@ -746,13 +2208,89 @@ input.sheet-M4Hidden:checked ~ div.sheet-M4Hidden
font-size: 1em;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
border-collapse: separate;
- border-radius: 1em;
+ border-radius: 10px;
+ flex-wrap:wrap;
}
-.sheet-rolltemplate-EPdefault th,
-.sheet-rolltemplate-EPcombat th,
-.sheet-rolltemplate-EPpsi th,
-.sheet-rolltemplate-EPOutput th
+.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;
@@ -760,14 +2298,97 @@ input.sheet-M4Hidden:checked ~ div.sheet-M4Hidden
line-height: 1.6em;
font-size: 1.2em;
font-weight: bold;
- text-align:center;
+ justify-content:center;
+ line-height:31px;
+ width: 100%;
+ display: flex;
}
-.sheet-rolltemplate-EPcombat a[href^="!"], .sheet-rolltemplate-EPcombat a[href^="~"] {
- background-color: transparent;
- color:blue;
- padding:0px;
- border:none;
- width:100%;
- text-decoration:underline;
+.sheet-rolltemplate-EPcombat > div > span:nth-of-type(2)
+{
+ padding-right:2px;
+ padding-left:2px;
+ text-align:justify;
+ width: 100%;
+ display: flex;
+ word-wrap:anywhere;
+ 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-wrap:anywhere;
+}
+
+.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-wrap:anywhere;
+ 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;
}
\ No newline at end of file
diff --git a/Eclipse Phase V2/Eclipse Phase V2.html b/Eclipse Phase V2/Eclipse Phase V2.html
index 9d102b1ee8..fbe676a077 100644
--- a/Eclipse Phase V2/Eclipse Phase V2.html
+++ b/Eclipse Phase V2/Eclipse Phase V2.html
@@ -1,492 +1,511 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Mental
-
-
-
-
-
-
-
-
-
-
Stress
-
Traumas
-
Malus
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
- 
- 
- 
+
+
+
+
+