Samuel Munilla
484176279a
This adds a fouth button to the character sheet to roll the 6d6 dice block instead of rolling it every time. If the previous ACC/DIFF buttons are used, an annotation is displayed next to the calculated roll instead.
1330 lines
29 KiB
CSS
1330 lines
29 KiB
CSS
* {box-sizing: border-box;}
|
|
input[type=number] {/*workaround for firefox jank*/
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
/*-------------BASIC FLEX SETUP-------------*/
|
|
|
|
.sheet-flex-row-wrapper
|
|
{
|
|
align-content:flex-start;
|
|
display:flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
|
|
.sheet-flex-column-wrapper
|
|
{
|
|
display:flex;
|
|
flex-flow: column;
|
|
}
|
|
|
|
.sheet-tab-flex-item
|
|
{
|
|
display:flex;
|
|
margin:5px;
|
|
padding:3px;
|
|
flex-flow: row wrap;
|
|
}
|
|
|
|
|
|
|
|
.sheet-tab-flex-grow-item
|
|
{
|
|
display:flex;
|
|
margin:5px;
|
|
padding:3px;
|
|
flex-flow: row wrap;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
|
|
.sheet-tab-flex-item-nowrap
|
|
{
|
|
margin:5px;
|
|
padding:3px;
|
|
display:flex;
|
|
flex-flow:row-nowrap}
|
|
|
|
.sheet-tab-flex-item-column
|
|
{
|
|
display:flex;
|
|
margin:5px;
|
|
padding:3px;
|
|
flex-flow: column;
|
|
}
|
|
|
|
.sheet-flex-element
|
|
{
|
|
display:flex;
|
|
flex-direction:row;
|
|
height:25px
|
|
}
|
|
|
|
.sheet-flex-element-reverse
|
|
{
|
|
flex-basis:auto;
|
|
display:flex;
|
|
flex-direction:row-reverse;
|
|
height:25px;
|
|
}
|
|
.sheet-flex-gauge-column
|
|
{
|
|
flex-shrink:0;
|
|
display:flex;
|
|
flex-flow:column;
|
|
}
|
|
|
|
/*-------------END FLEX SETUP-------------*/
|
|
|
|
/*-------------UTILITY CLASSES-------------*/
|
|
.sheet-underline
|
|
{
|
|
border:none;
|
|
color:#000;
|
|
border-bottom:2px solid #c7c7c7;
|
|
background:none;
|
|
}
|
|
|
|
.sheet-onederline
|
|
{
|
|
border:none;
|
|
color:#000;
|
|
border-bottom:1px solid #c7c7c7;
|
|
}
|
|
|
|
.sheet-block-title-side
|
|
{
|
|
height:100%;
|
|
background:#000;
|
|
}
|
|
|
|
.sheet-block-title-top
|
|
{
|
|
width:100%;
|
|
height:22px;
|
|
background:#000;
|
|
}
|
|
|
|
|
|
.sheet-multi-input > .sheet-flex-element
|
|
{
|
|
margin-top:3px;
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
.sheet-mini-input > .sheet-flex-element
|
|
{
|
|
margin-top:3px;
|
|
}
|
|
|
|
|
|
.sheet-nested
|
|
{
|
|
padding:0px;
|
|
margin-left:0px;
|
|
margin-right:0px;
|
|
}
|
|
|
|
.sheet-nomarg
|
|
{
|
|
margin:0;
|
|
}
|
|
|
|
.sheet-nopad
|
|
{
|
|
padding:0;
|
|
}
|
|
|
|
.sheet-notop
|
|
{
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
|
|
.sheet-just-between
|
|
{
|
|
justify-content:space-between;
|
|
}
|
|
|
|
.sheet-just-around
|
|
{
|
|
justify-content:space-around;
|
|
}
|
|
|
|
.sheet-just-center
|
|
{
|
|
justify-content:center;
|
|
}
|
|
|
|
.sheet-align-start
|
|
{
|
|
align-content:flex-start;
|
|
}
|
|
|
|
.sheet-space-between
|
|
{
|
|
align-content:space-between;
|
|
}
|
|
|
|
.sheet-just-end-self
|
|
{
|
|
margin-left:auto;
|
|
}
|
|
|
|
.sheet-align-centered
|
|
{
|
|
align-content:center;
|
|
}
|
|
|
|
.sheet-border
|
|
{
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.sheet-testborder
|
|
{
|
|
border: 2px solid #000000;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.sheet-4m-top
|
|
{
|
|
margin-top:4px;
|
|
}
|
|
|
|
.sheet-3m-sides
|
|
{
|
|
margin-left:3px;
|
|
margin-right:3px;
|
|
}
|
|
|
|
.sheet-2x
|
|
{
|
|
flex-grow:2;
|
|
}
|
|
|
|
.sheet-0x
|
|
{
|
|
display:flex;
|
|
flex-grow:0;
|
|
}
|
|
|
|
.sheet-1x
|
|
{
|
|
display:flex;
|
|
flex-grow:1;
|
|
}
|
|
|
|
.sheet-end
|
|
{
|
|
justify-content:flex-end;
|
|
}
|
|
|
|
.auto
|
|
{
|
|
width:auto;
|
|
}
|
|
|
|
/*-------------END UTILITY CLASSES-------------*/
|
|
|
|
/*-------------SELECTOR-SPECIFIC CLASSES-------------*/
|
|
|
|
/*-------------Button-------------*/
|
|
button[type=roll].sheet-grit-roll::before{
|
|
background:#000;
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll]{
|
|
color:#444;
|
|
outline:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
button[type=roll].sheet-pilotweapon-roll::before{
|
|
background:#000;
|
|
z-index:0;
|
|
border-radius:0px;
|
|
outline:none;
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll].sheet-hase-roll::before{
|
|
background:#000;
|
|
z-index:0;
|
|
border-radius:0px;
|
|
outline:none;
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll].sheet-weapon-roll::before{
|
|
content: '';
|
|
}
|
|
|
|
|
|
button[type=roll].sheet-core-struct-roll::before{
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll].sheet-sys-roll::before{
|
|
content: '';
|
|
}
|
|
|
|
button[type=roll].sheet-talent-roll::before{
|
|
content: '';
|
|
}
|
|
|
|
|
|
button.sheet-grit-roll{
|
|
box-shadow:none;
|
|
border:none;
|
|
border-radius:0px;
|
|
height:100%;
|
|
background:#000;
|
|
font-weight:bold;
|
|
color:#fff;
|
|
}
|
|
|
|
button.sheet-talent-roll{
|
|
width:405px;
|
|
right:3px;
|
|
text-align: left;
|
|
box-shadow:none;
|
|
border:none;
|
|
position:relative;
|
|
border-radius:0px;
|
|
height:100%;
|
|
background:#000;
|
|
font-weight:bold;
|
|
color:#fff;
|
|
}
|
|
|
|
button.sheet-hase-roll{
|
|
box-shadow:none;
|
|
border:none;
|
|
color:#fff;
|
|
text-align:left;
|
|
position:relative;
|
|
height:25px;
|
|
bottom:3px;
|
|
left:3px;
|
|
background:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
button.sheet-sys-roll{
|
|
box-shadow:none;
|
|
width:120px;
|
|
border:none;
|
|
text-align:left;
|
|
position:relative;
|
|
right:3px;
|
|
background:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
|
|
button.sheet-core-struct-roll{
|
|
position:absolute;
|
|
width:55px;
|
|
height:40px;
|
|
background:none;
|
|
font-weight:bold;
|
|
z-index:10000;
|
|
}
|
|
|
|
button.sheet-weapon-roll{
|
|
box-shadow:none;
|
|
text-align:left;
|
|
border:none;
|
|
position:relative;
|
|
width:116px;
|
|
right:2px;
|
|
background:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
button.sheet-pilotweapon-roll{
|
|
box-shadow:none;
|
|
text-align:left;
|
|
border:none;
|
|
bottom:2px;
|
|
padding:none;
|
|
width:100%;
|
|
position:relative;
|
|
color:#fff;
|
|
background:none;
|
|
font-weight:bold;
|
|
}
|
|
|
|
button.sheet-grit-roll:hover, button.sheet-hase-roll:hover, button.sheet-sys-roll:hover,button.sheet-talent-roll:hover, button.sheet-weapon-roll:hover, .sheet-weapon-counter:hover, button.sheet-pilotweapon-roll:hover{
|
|
border-radius:0px;
|
|
color:#ff3838;
|
|
position:relative;
|
|
|
|
}
|
|
|
|
button.sheet-grit-roll:active,button.sheet-sys-roll:active,button.sheet-hase-roll:active, button.sheet-weapon-roll:active,button.sheet-talent-roll:active, button.sheet-weapon-roll:active label.sheet-weapon-counter, button.sheet-pilotweapon-roll:active
|
|
{
|
|
border-radius:0px;
|
|
color:#ad2222;
|
|
}
|
|
/*-------------Label-------------*/
|
|
label
|
|
{
|
|
padding:0px;
|
|
margin: 3px;
|
|
vertical-align:center;
|
|
}
|
|
label.sheet-vertical-rl
|
|
{
|
|
width:15px;
|
|
font-size:14px;
|
|
margin-right:2px;
|
|
margin-bottom:2px;
|
|
color:black;
|
|
font-weight:bold;
|
|
transform: rotate(180deg);
|
|
writing-mode: vertical-rl;
|
|
}
|
|
|
|
label.sheet-section-title
|
|
{
|
|
font-size:16px;
|
|
height:100%;
|
|
color:#ffffff;
|
|
}
|
|
|
|
label.sheet-hp-section-title
|
|
{
|
|
font-size:16px;
|
|
height:100%;
|
|
color:#ffffff;
|
|
text-align:center;
|
|
padding-top:2px;
|
|
}
|
|
|
|
div.sheet-headerbar label.sheet-section-title
|
|
{
|
|
padding-top:1px;
|
|
}
|
|
|
|
div.sheet-headerbar input,div.sheet-headerbar select
|
|
{
|
|
font-size:14px;
|
|
}
|
|
|
|
div.sheet-pilotarmor input
|
|
{
|
|
margin:0px;
|
|
position:relative;
|
|
bottom:1px;
|
|
left:2px;
|
|
padding-left:2px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
div.sheet-pilotarmor input.sheet-1digit, div.sheet-pilotarmor input.sheet-2digit
|
|
{
|
|
width:30px;
|
|
padding-left:0px;
|
|
text-align:center;
|
|
position:relative;
|
|
font-size:14px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.sheet-pilotarmor label:not(.sheet-section-title), div.sheet-pilotweps label:not(.sheet-section-title)
|
|
{
|
|
width:auto;
|
|
margin-right:0px
|
|
}
|
|
|
|
div.sheet-pilotweps input
|
|
{
|
|
min-width:0px;
|
|
margin:0px;
|
|
position:relative;
|
|
bottom:1px;
|
|
left:2px;
|
|
padding-left:2px;
|
|
padding-top:4px;
|
|
padding-right:0px;
|
|
padding-bottom:0px;
|
|
}
|
|
|
|
div.sheet-pilotweps input.sheet-1digit, div.sheet-pilotweps input.sheet-2digit
|
|
{
|
|
width:30px;
|
|
padding-left:0px;
|
|
position:relative;
|
|
font-size:14px;
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
label.sheet-autocalc-rolls
|
|
{
|
|
position:relative;
|
|
font-size:12px;
|
|
right:5px;
|
|
}
|
|
|
|
label.sheet-mid
|
|
{
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
}
|
|
/*-------------Input-------------*/
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input
|
|
{
|
|
padding-top:5px;
|
|
padding-bottom:0px;
|
|
border:none;
|
|
border-radius:0px;
|
|
outline:none;
|
|
}
|
|
|
|
input.sheet-flex
|
|
{
|
|
flex-basis:auto;
|
|
display:flex;
|
|
flex-grow:3;
|
|
}
|
|
|
|
input[type="number"].sheet-1digit
|
|
{
|
|
background:#f0f0f0;
|
|
text-align:center;
|
|
}
|
|
|
|
input[type="number"].sheet-header-1digit
|
|
{
|
|
background:#f0f0f0;
|
|
text-align:center;
|
|
width:20px;
|
|
position:relative;
|
|
padding-right:4px;
|
|
padding-bottom:4px;
|
|
font-size:14px;
|
|
}
|
|
|
|
input[type="number"].sheet-1digit-big
|
|
{
|
|
background:#f0f0f0;
|
|
text-align:center;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
width:35px;
|
|
}
|
|
|
|
input[type="number"].sheet-2digit
|
|
{
|
|
background:#f0f0f0;
|
|
text-align:center;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
color:#000;
|
|
border-radius:0px;
|
|
}
|
|
|
|
input.sheet-compressed
|
|
{
|
|
height:18px;
|
|
padding-top:5px;
|
|
}
|
|
|
|
input.sheet-short
|
|
{
|
|
text-align:center;
|
|
width:25px;
|
|
background:none;
|
|
font-weight:bold;
|
|
color:#000;
|
|
}
|
|
|
|
input.sheet-mid
|
|
{
|
|
width:100px;
|
|
}
|
|
|
|
input.sheet-long
|
|
{
|
|
background:none;
|
|
width:145px;
|
|
}
|
|
|
|
input.sheet-license
|
|
{
|
|
width: 25px;
|
|
border-radius:0px;
|
|
height: 30px;
|
|
opacity:0;
|
|
z-index:9999;
|
|
}
|
|
|
|
input.sheet-talentrank
|
|
{
|
|
width: 20px;
|
|
border-radius:0px;
|
|
height: 25px;
|
|
opacity:0;
|
|
z-index:9999;
|
|
}
|
|
|
|
textarea:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
|
|
textarea::placeholder {
|
|
color: #888;
|
|
}
|
|
|
|
input:focus::placeholder {
|
|
color: transparent;
|
|
}
|
|
|
|
|
|
input::placeholder {
|
|
color: #888;
|
|
}
|
|
|
|
|
|
input.sheet-structure, input.sheet-corestress{
|
|
margin-right:10px;
|
|
width: 55px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
margin-top:0px;
|
|
}
|
|
|
|
div.sheet-mech-traits, div.sheet-mech-traits2
|
|
{
|
|
margin-top:-20px;
|
|
margin-left:0px;
|
|
margin-right:0px;
|
|
padding:5px;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
input.sheet-showreaction:checked ~ div.sheet-mech-traits {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showactive:checked ~ div.sheet-mech-traits2 {
|
|
display: none;
|
|
}
|
|
input.sheet-showreaction:checked + span.sheet-showreaction:after,input.sheet-showactive:checked+ span.sheet-showactive:after
|
|
{
|
|
content:"►";
|
|
}
|
|
|
|
input.sheet-showreaction:not(:checked) + span.sheet-showreaction:after,input.sheet-showactive:not(:checked) + span.sheet-showactive:after
|
|
|
|
{
|
|
content:"▼";
|
|
}
|
|
|
|
input.sheet-overcharge,input.sheet-structure, input.sheet-corestress
|
|
{
|
|
width: 38px;
|
|
height:40px;
|
|
cursor: pointer;
|
|
opacity:0;
|
|
border:0px;
|
|
margin-right:0px;
|
|
margin-left:0px;
|
|
top:0px;
|
|
z-index:9999;
|
|
position: relative;
|
|
margin-top:0px;
|
|
}
|
|
|
|
input.sheet-corepower, .sheet-showreaction, .sheet-showactive
|
|
{
|
|
display:inline-block;
|
|
width:22px;
|
|
height:22px;
|
|
min-width:0px;
|
|
left:3px;
|
|
position:relative;
|
|
z-index: 9999;
|
|
opacity:0;
|
|
}
|
|
|
|
span.sheet-corepower
|
|
{
|
|
display:inline-block;
|
|
width:22px;
|
|
color: solid black;
|
|
text-align:center;
|
|
position:relative;
|
|
line-height:18px;
|
|
padding-top:0px;
|
|
right:22px;
|
|
height:22px;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
background: #a1ff9e;
|
|
border: 2px solid black;
|
|
border-radius:5px;
|
|
}
|
|
|
|
span.sheet-showreaction, span.sheet-showactive
|
|
{
|
|
display:inline-block;
|
|
width:25px;
|
|
color: solid black;
|
|
text-align:center;
|
|
position:relative;
|
|
line-height:18px;
|
|
opacity:100;
|
|
padding-top:0px;
|
|
z-index:9995;
|
|
height:15px;
|
|
left:260px;
|
|
bottom:20px;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
input.sheet-showreaction:checked ~ div.sheet-reactbar {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showreaction:checked ~ div.sheet-systemshow {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showreaction:checked ~ div.sheet-wepinputs {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-showreaction:checked + span.sheet-showreaction:after
|
|
{
|
|
content:"►";
|
|
}
|
|
|
|
input.sheet-showreaction:not(:checked) + span.sheet-showreaction:after
|
|
{
|
|
content:"▼";
|
|
}
|
|
|
|
div.sheet-skillsbar input
|
|
{
|
|
font-size:14px;
|
|
}
|
|
|
|
div.sheet-reactbar input
|
|
{
|
|
color:#444;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
div.sheet-reactbar textarea{
|
|
color:#444;
|
|
}
|
|
|
|
div.sheet-wepinputs input, div.sheet-wepinputs select{
|
|
font-size:14px;
|
|
position:relative;
|
|
bottom:2px;
|
|
font-weight: normal
|
|
color:black;
|
|
}
|
|
|
|
div.sheet-wepinputs{
|
|
width:99%;
|
|
}
|
|
|
|
|
|
|
|
select {
|
|
color:#000;
|
|
font-weight:bold;
|
|
font-size:12px;
|
|
border-radius:0px;
|
|
border: none;
|
|
}
|
|
|
|
select.sheet-talent-rank-select
|
|
{
|
|
font-size:14px;
|
|
text-align: center
|
|
}
|
|
|
|
/*-------------Span-------------*/
|
|
|
|
span.sheet-hp-annotations
|
|
{
|
|
font-size:9px;
|
|
}
|
|
|
|
span.sheet-hp-separator
|
|
{
|
|
color:#000;
|
|
z-index:999;
|
|
font-size:28px;
|
|
vertical-align:center;
|
|
font-weight:bold;
|
|
margin-top:-4px;
|
|
}
|
|
|
|
span.sheet-haseinfo
|
|
{
|
|
font-size:9px;
|
|
}
|
|
|
|
span.sheet-overcharge,span.sheet-structure, span.sheet-corestress
|
|
{
|
|
background: #dbdbdb;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 21px;
|
|
color: black;
|
|
padding-top:3px;
|
|
font-weight: bold;
|
|
width: 40px;
|
|
margin-right:0px;
|
|
margin-left:0px;
|
|
height: 44px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
border: 3px solid black;
|
|
border-bottom:none;
|
|
margin-top:-40px;
|
|
}
|
|
|
|
span.sheet-unskew{
|
|
transform: skewX(20deg);
|
|
display:inline-block;
|
|
}
|
|
|
|
span.sheet-pskill-fancy
|
|
{
|
|
display:inline-block;
|
|
width:34px;
|
|
margin:0px;
|
|
border-radius:0px;
|
|
text-align:center;
|
|
font-size:9px;
|
|
font-weight:bold;
|
|
margin-left:-35px;
|
|
background-color:#fff;
|
|
}
|
|
|
|
span.sheet-license
|
|
{
|
|
cursor:pointer;
|
|
display: inline-block;
|
|
line-height:30px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
background: none;
|
|
color: black;
|
|
width: 24px;
|
|
height: 30px;
|
|
border: 2px solid black;
|
|
border-radius:0px;
|
|
border-left:none;
|
|
margin-left:-27px;
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
padding-left:2px;
|
|
position:relative;
|
|
left:22px;
|
|
}
|
|
|
|
|
|
span.sheet-talentrank
|
|
{
|
|
line-height:22px;
|
|
cursor:pointer;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
background: none;
|
|
color: black;
|
|
width: 23px;
|
|
height: 25px;
|
|
border: 2px solid black;
|
|
border-radius:0px;
|
|
border-left:none;
|
|
margin-left:-20px;
|
|
margin-top:-3px;
|
|
margin-bottom:0px;
|
|
padding-left:2px;
|
|
position:relative;
|
|
left:20px;
|
|
}
|
|
|
|
span.sheet-frame-autocalcs
|
|
{
|
|
color: solid black;
|
|
z-index:0;
|
|
background:none;
|
|
text-align:center;
|
|
background:#dbdbdb;
|
|
width:45px;
|
|
height:25px;
|
|
margin-left:0px;
|
|
border: 2px solid #dbdbdb;
|
|
line-height:25px;
|
|
border-bottom: 2px solid #c7c7c7;
|
|
border-radius: 2px;
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
/*-------------Textarea-------------*/
|
|
textarea
|
|
{
|
|
resize:none;
|
|
background:none;
|
|
border:none;
|
|
border-radius:0px;
|
|
outline:none;
|
|
height:auto;
|
|
width:100%;
|
|
}
|
|
|
|
|
|
/*-------------END SELECTOR CLASSES-------------*/
|
|
|
|
/*-------------REPEATING FIELD SETUP-------------*/
|
|
|
|
.repcontrol[data-groupname="repeating_pilotarmor"] > .btn {
|
|
position:relative;
|
|
bottom:15px;
|
|
z-index:9999;
|
|
margin:0;
|
|
}
|
|
|
|
.repcontrol[data-groupname="repeating_reactions"] > .btn {
|
|
position:relative;
|
|
bottom:25px;
|
|
z-index:9999;
|
|
margin:0;
|
|
}
|
|
.repcontrol[data-groupname="repeating_traits"] > .btn {
|
|
position:relative;
|
|
left:5px;
|
|
}
|
|
|
|
.repcontrol[data-groupname="repeating_traits"] {
|
|
width:265px;
|
|
}
|
|
|
|
.repcontrol[data-groupname="repeating_systems"] {
|
|
width:315px;
|
|
}
|
|
|
|
.repcontrol[data-groupname="repeating_weapons"] {
|
|
width:505px;
|
|
}
|
|
|
|
|
|
.repcontainer[data-groupname="repeating_pilotweapons"] > .repitem {
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
.repcontainer[data-groupname="repeating_talents"] > .repitem:nth-child(odd){
|
|
display: inline-block;
|
|
}
|
|
|
|
.repcontainer[data-groupname="repeating_talents"] > .repitem:nth-child(even){
|
|
margin-left:10px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-pilotarmor-counter-div {
|
|
counter-reset:sheet-rep-pilot-armor 1;
|
|
}
|
|
|
|
.sheet-pilotarmor-counter::before {
|
|
counter-increment: sheet-rep-pilot-armor;
|
|
content:'PILOT ARMOR ' counter(sheet-rep-pilot-armor);
|
|
}
|
|
|
|
.sheet-pilotwep-counter-div {
|
|
counter-reset:sheet-rep-pilot-wep 2;
|
|
}
|
|
|
|
.sheet-pilotwep-counter::before {
|
|
counter-increment: sheet-rep-pilot-wep;
|
|
content:'PILOT WEAPON ' counter(sheet-rep-pilot-wep);
|
|
}
|
|
|
|
.sheet-weapon-counter-div {
|
|
counter-reset:sheet-rep-wep 1;
|
|
}
|
|
|
|
.sheet-weapon-counter{
|
|
cursor:pointer;
|
|
}
|
|
|
|
.sheet-weapon-counter::before {
|
|
counter-increment: sheet-rep-wep;
|
|
content:'WEAPON ' counter(sheet-rep-wep);
|
|
}
|
|
|
|
.sheet-system-counter-div {
|
|
counter-reset:sheet-rep-sys 1;
|
|
}
|
|
|
|
.sheet-system-counter::before {
|
|
counter-increment: sheet-rep-sys;
|
|
content:'SYS ' counter(sheet-rep-sys);
|
|
}
|
|
|
|
/*-------------END REPEATING FIELD SETUP-------------*/
|
|
|
|
/*-------------TAB SETUP-------------*/
|
|
/*this hides the contents of each tab by default*/
|
|
.charsheet div[class^="sheet-section"] {
|
|
display: none;
|
|
}
|
|
|
|
/*this shows the tab content when the appropriate input field is selected*/
|
|
.charsheet input.sheet-tab1:checked ~ div.sheet-section-pilot,
|
|
.charsheet input.sheet-tab2:checked ~ div.sheet-section-talents,
|
|
.charsheet input.sheet-tab3:checked ~ div.sheet-section-frame
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
|
|
display: block;
|
|
}
|
|
|
|
/*this hides the radio button for each tab, makes it 100px wide and 40px tall and makes sure it's above everything else*/
|
|
.charsheet input.sheet-tab {
|
|
width: 100px;
|
|
height: 50px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity: 0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.charsheet input.sheet-acc-tab {
|
|
left:15px;
|
|
width: 75px;
|
|
height: 50px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
opacity:0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
/*this styles the span with the tab information and slides to the left, so it appears underneath the radio button*/
|
|
.charsheet span.sheet-tab {
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
background: #c7c7c7;
|
|
color: black;
|
|
font-weight: bold;
|
|
width: 100px;
|
|
border-radius:0px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -101px;/*originally 91px*/
|
|
}
|
|
|
|
.charsheet span.sheet-acc-tab {
|
|
left:15px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
background: #c7c7c7;
|
|
color: black;
|
|
font-weight: bold;
|
|
border-radius: 0px;
|
|
width: 75px;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
margin-left: -76px;/*originally 91px*/
|
|
}
|
|
|
|
/*license button color setup*/
|
|
input.sheet-license1:checked+span.sheet-license1,
|
|
input.sheet-license2:checked+span.sheet-license2,
|
|
input.sheet-license2:checked+span.sheet-license2 + input.sheet-license1+span.sheet-license1,
|
|
input.sheet-license3:checked+span.sheet-license3,
|
|
input.sheet-license3:checked+span.sheet-license3 + input.sheet-license2+span.sheet-license2,
|
|
input.sheet-license3:checked+span.sheet-license3 + input.sheet-license2+span.sheet-license2 + input.sheet-license1+span.sheet-license1
|
|
{
|
|
background:#ff4242;
|
|
}
|
|
/*talent rank button color setup*/
|
|
input.sheet-talentrank1:checked+span.sheet-talentrank1,
|
|
input.sheet-talentrank2:checked+span.sheet-talentrank2,
|
|
input.sheet-talentrank2:checked+span.sheet-talentrank2 + input.sheet-talentrank1+span.sheet-talentrank1,
|
|
input.sheet-talentrank3:checked+span.sheet-talentrank3,
|
|
input.sheet-talentrank3:checked+span.sheet-talentrank3 + input.sheet-talentrank2+span.sheet-talentrank2,
|
|
input.sheet-talentrank3:checked+span.sheet-talentrank3 + input.sheet-talentrank2+span.sheet-talentrank2 + input.sheet-talentrank1+span.sheet-talentrank1
|
|
{
|
|
background:#ff4242;
|
|
}
|
|
/*this modifies the span color once the radio button is selected so you know which tab is selected*/
|
|
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
|
|
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
|
|
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
|
|
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
|
|
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
|
|
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
|
|
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
|
|
.charsheet input.sheet-tab8:checked + span.sheet-tab8,
|
|
.charsheet input.sheet-tab99:checked + span.sheet-tab99
|
|
{
|
|
background: #007575;
|
|
color: #fff;
|
|
}
|
|
|
|
/*acc button color setup*/
|
|
input.sheet-acc-tab1:checked + span.sheet-acc-tab1,
|
|
input.sheet-acc-tab2:checked + span.sheet-acc-tab2,
|
|
input.sheet-acc-tab3:checked + span.sheet-acc-tab3
|
|
{
|
|
background: #ff9d87;
|
|
}
|
|
|
|
/*core stress/structure/overcharge color setup*/
|
|
|
|
input.sheet-structure1:checked + span.sheet-structure1,
|
|
input.sheet-corestress1:checked + span.sheet-corestress1,
|
|
input.sheet-overcharge0:checked+span.sheet-overcharge0
|
|
{
|
|
background: #a1ff9e;
|
|
}
|
|
|
|
input.sheet-structure2:checked + span.sheet-structure2,
|
|
input.sheet-structure2:checked + span.sheet-structure2 + input.sheet-structure1 + span.sheet-structure1,
|
|
input.sheet-corestress2:checked + span.sheet-corestress2,
|
|
input.sheet-corestress2:checked + span.sheet-corestress2 + input.sheet-corestress1 + span.sheet-corestress1,
|
|
input.sheet-overcharge1:checked+span.sheet-overcharge1,
|
|
input.sheet-overcharge1:checked+span.sheet-overcharge1+input.sheet-overcharge0+span.sheet-overcharge0
|
|
|
|
{
|
|
background: #fff04c;
|
|
}
|
|
|
|
input.sheet-structure3:checked + span.sheet-structure3,
|
|
input.sheet-structure3:checked + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2 + input.sheet-structure1 + span.sheet-structure1,
|
|
input.sheet-structure3:checked + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2,
|
|
input.sheet-corestress3:checked + span.sheet-corestress3,
|
|
input.sheet-corestress3:checked + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2 + input.sheet-corestress1 + span.sheet-corestress1,
|
|
input.sheet-corestress3:checked + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2,
|
|
input.sheet-overcharge2:checked+span.sheet-overcharge2,
|
|
input.sheet-overcharge2:checked+span.sheet-overcharge2+input.sheet-overcharge1+span.sheet-overcharge1+input.sheet-overcharge0+span.sheet-overcharge0,
|
|
input.sheet-overcharge2:checked+span.sheet-overcharge2+ input.sheet-overcharge1+span.sheet-overcharge1
|
|
{
|
|
background: #f79c00;
|
|
}
|
|
|
|
input.sheet-structure4:checked + span.sheet-structure4,
|
|
input.sheet-structure4:checked + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3,
|
|
input.sheet-structure4:checked + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2 + input.sheet-structure1 + span.sheet-structure1,
|
|
input.sheet-structure4:checked + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2,
|
|
input.sheet-corestress4:checked + span.sheet-corestress4,
|
|
input.sheet-corestress4:checked + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3,
|
|
input.sheet-corestress4:checked + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2 + input.sheet-corestress1 + span.sheet-corestress1,
|
|
input.sheet-corestress4:checked + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2,
|
|
input.sheet-overcharge3:checked+span.sheet-overcharge3,
|
|
input.sheet-overcharge3:checked+span.sheet-overcharge3+input.sheet-overcharge2+span.sheet-overcharge2,
|
|
input.sheet-overcharge3:checked+span.sheet-overcharge3+input.sheet-overcharge2+span.sheet-overcharge2+input.sheet-overcharge1+span.sheet-overcharge1+input.sheet-overcharge0+span.sheet-overcharge0,
|
|
input.sheet-overcharge3:checked+span.sheet-overcharge3+input.sheet-overcharge2+span.sheet-overcharge2+ input.sheet-overcharge1+span.sheet-overcharge1
|
|
|
|
{
|
|
background: #f76200;
|
|
}
|
|
|
|
input.sheet-structurecrit:checked + span.sheet-structurecrit,
|
|
input.sheet-structurecrit:checked + span.sheet-structurecrit + input.sheet-structure4 + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3,
|
|
input.sheet-structurecrit:checked + span.sheet-structurecrit + input.sheet-structure4 + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2 + input.sheet-structure1 + span.sheet-structure1,
|
|
input.sheet-structurecrit:checked + span.sheet-structurecrit + input.sheet-structure4 + span.sheet-structure4 + input.sheet-structure3 + span.sheet-structure3 + input.sheet-structure2 + span.sheet-structure2,
|
|
input.sheet-structurecrit:checked + span.sheet-structurecrit + input.sheet-structure4 + span.sheet-structure4,
|
|
input.sheet-corestressbreach:checked + span.sheet-corestressbreach,
|
|
input.sheet-corestressbreach:checked + span.sheet-corestressbreach + input.sheet-corestress4 + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3,
|
|
input.sheet-corestressbreach:checked + span.sheet-corestressbreach + input.sheet-corestress4 + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2 + input.sheet-corestress1 + span.sheet-corestress1,
|
|
input.sheet-corestressbreach:checked + span.sheet-corestressbreach + input.sheet-corestress4 + span.sheet-corestress4 + input.sheet-corestress3 + span.sheet-corestress3 + input.sheet-corestress2 + span.sheet-corestress2,
|
|
input.sheet-corestressbreach:checked + span.sheet-corestressbreach + input.sheet-corestress4 + span.sheet-corestress4,
|
|
input.sheet-overcharge4:checked + span.sheet-overcharge4+input.sheet-overcharge3 + span.sheet-overcharge3 +input.sheet-overcharge2 + span.sheet-overcharge2 + input.sheet-overcharge1 + span.sheet-overcharge1 + input.sheet-overcharge0 + span.sheet-overcharge0,
|
|
input.sheet-overcharge4:checked + span.sheet-overcharge4 + input.sheet-overcharge3 + span.sheet-overcharge3 + input.sheet-overcharge2 + span.sheet-overcharge2 + input.sheet-overcharge1 + span.sheet-overcharge1,
|
|
input.sheet-overcharge4:checked + span.sheet-overcharge4 + input.sheet-overcharge3 + span.sheet-overcharge3 + input.sheet-overcharge2 + span.sheet-overcharge2,
|
|
input.sheet-overcharge4:checked + span.sheet-overcharge4 + input.sheet-overcharge3 + span.sheet-overcharge3,
|
|
input.sheet-overcharge4:checked + span.sheet-overcharge4,
|
|
input.sheet-corepower:checked + span.sheet-corepower
|
|
{
|
|
background: #ce0606;
|
|
}
|
|
|
|
input.sheet-corepower:checked + span.sheet-corepower:after
|
|
{
|
|
content:"✖";
|
|
}
|
|
|
|
input.sheet-corepower:not(:checked) + span.sheet-corepower:after
|
|
{
|
|
content:"✓";
|
|
}
|
|
|
|
/*-------------ROLLTEMPLATE STYLING-------------*/
|
|
/* Icon */
|
|
.sheet-icon {
|
|
max-height: 15px;
|
|
}
|
|
|
|
/* Smaller margins - remove these if you want the huge default left margin */
|
|
.sheet-rolltemplate-lancer {
|
|
margin-left: -37px;
|
|
}
|
|
.withoutavatars .sheet-rolltemplate-lancer {
|
|
margin-left: -7px;
|
|
}
|
|
|
|
.sheet-rolltemplate-lancer .sheet-container {
|
|
border: 1px solid;
|
|
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
|
|
border-color: var(--header-bg-color);
|
|
}
|
|
|
|
/* Header formatting - name and tags */
|
|
.sheet-rolltemplate-lancer .sheet-header {
|
|
background-color: var(--header-bg-color);
|
|
text-align: left;
|
|
color: var(--header-text-color);
|
|
padding: 5px;
|
|
font-family: Consolas, monaco, monospace;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-name {
|
|
font-size:1.1em;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-tags {
|
|
font-size:.9em;
|
|
}
|
|
|
|
/* example colors */
|
|
.sheet-rolltemplate-lancer .sheet-container {
|
|
/* this is the default color */
|
|
--header-bg-color: #D2B48C;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-red {
|
|
--header-bg-color: #c31a20;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-green {
|
|
--header-bg-color: #68be43;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-teal {
|
|
--header-bg-color: #0a7675;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-black {
|
|
/* this is the default color */
|
|
--header-bg-color: #000;
|
|
--header-text-color: #FFF;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-purple {
|
|
/* this is the default color */
|
|
--header-bg-color: #7f1f78;
|
|
--header-text-color: #FFF;
|
|
}
|
|
|
|
.sheet-rolltemplate-lancer .sheet-container.sheet-color-orange {
|
|
/* this is the default color */
|
|
--header-bg-color: #c85a00;
|
|
--header-text-color: #FFF;
|
|
}
|
|
|
|
/* Range/Threat & Damage row */
|
|
.sheet-rolltemplate-lancer .sheet-rng-dmg {
|
|
font-weight: bold;
|
|
grid-column: span 2;
|
|
text-align: left;
|
|
padding: 5px;
|
|
font-family: Consolas, monaco, monospace;
|
|
}
|
|
|
|
/* Range/Threat & Damage row */
|
|
.sheet-rolltemplate-lancer .sheet-to-hit {
|
|
grid-column: span 2;
|
|
text-align: left;
|
|
padding: 5px;
|
|
font-family: Consolas, monaco, monospace;
|
|
}
|
|
|
|
/* Effects & Notes */
|
|
.sheet-rolltemplate-lancer .sheet-effect {
|
|
grid-column: span 2;
|
|
text-align: left;
|
|
padding: 5px;
|
|
background:#EEE;
|
|
}
|
|
|
|
.sheet-rolltemplate-lancer .sheet-d20 {
|
|
font-family: dicefontd20;
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* Icon */
|
|
.sheet-rolltemplate-lancer .sheet-icon {
|
|
max-height: 15px;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
/* Allprops part */
|
|
.sheet-rolltemplate-lancer .sheet-content {
|
|
display: grid;
|
|
background: #FFF;
|
|
/* Header formatting - modify the column layout below */
|
|
grid-template-columns: auto auto;
|
|
/* Line height to match default roll template */
|
|
line-height:1.4em;
|
|
}
|
|
.sheet-rolltemplate-lancer .sheet-content > div {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Left column */
|
|
.sheet-rolltemplate-lancer .sheet-content .sheet-key {
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
}
|
|
|
|
/* Empty rule, use this if you want to change the right column
|
|
.sheet-rolltemplate-lancer .sheet-value {
|
|
}
|
|
*/
|