Cassie Levett
817909b313
* initial upload * save 4e start * saving * save color updates * remove limits * update the colors * save changes * begin refactoring names * fix attribute changes * save progress. commlinks added * move attrs to match hero lab * hide the other sheets until they are converted * fix translation keys * update drain, update roll template * make d6 explode * save css upates * move stuff around, fix primary weapons, add skills, add program buttons * add spec to programs * save shadowrun progress * fix primary bug * update force in npc buttons * remove unit tests * add to core ratings * save preview images
1038 lines
25 KiB
SCSS
1038 lines
25 KiB
SCSS
/***** PC ROWS & COLUMNS SETTINGS *****/
|
|
.sheet-pc-row {margin-bottom: 10px;}
|
|
|
|
.sheet-pc-col {
|
|
vertical-align: top;
|
|
width : calc(50% - 5px);
|
|
|
|
&:first-child {
|
|
margin-right: 1.5%;
|
|
width : calc(50% - 10px);
|
|
}
|
|
}
|
|
|
|
.sheet-row-long {border-bottom: 1px solid #000;}
|
|
.sheet-settings-row {
|
|
margin-top: 5px;
|
|
|
|
select.sheet-skill-select {width: 29%;}
|
|
}
|
|
|
|
|
|
/***** VEHICLE *****/
|
|
.sheet-vehicle-box .sheet-settings div,
|
|
.sheet-vehicle-box .sheet-display {
|
|
display: inline-block;
|
|
width : 100%;}
|
|
|
|
.sheet-vehicle-box input[type='text'] {
|
|
width: 44%;}
|
|
|
|
.sheet-vehicle-box label {
|
|
width: 20%;}
|
|
|
|
.sheet-vehicle-box .sheet-row-long:first-child label {
|
|
width : 12%;}
|
|
|
|
.sheet-vehicle-box label:nth-child(1n+4) {
|
|
text-align: right;
|
|
width : 21%;}
|
|
|
|
/***** VEHICLE SETTING *****/
|
|
.sheet-vehicle-box .sheet-settings h3 {margin-right: 2%;}
|
|
|
|
.sheet-vehicle-box .sheet-settings h3:nth-child(1) {
|
|
margin-left: 18%;
|
|
margin-top : -5px;}
|
|
|
|
.sheet-vehicle-box .sheet-settings h3:nth-child(4) {margin-left: 22%;}
|
|
.sheet-vehicle-box .sheet-settings h3:nth-child(6) {margin-right: 0px;}
|
|
|
|
.sheet-vehicle-box .sheet-settings input[type='text'],
|
|
.sheet-vehicle-box .sheet-settings input[type='number'] {
|
|
border: none;}
|
|
|
|
/***** VEHICLE DISPLAY *****/
|
|
.sheet-vehicle-box .sheet-display-row {
|
|
text-align: left;
|
|
width : 49%;}
|
|
|
|
.sheet-vehicle-box .sheet-display-row h3 {
|
|
width: 35%;}
|
|
|
|
.sheet-vehicle-box .sheet-display-row div {
|
|
display : inline-block;
|
|
font-weight: normal;
|
|
text-align : center;
|
|
}
|
|
|
|
.sheet-vehicle-box .sheet-display-row div.sheet-vehicle-stat {
|
|
width: 60%;
|
|
}
|
|
|
|
.sheet-vehicle-box .sheet-collapsable {padding-left: 0.2em;}
|
|
|
|
/***** HEADERS AND TRIANGLES *****/
|
|
div.sheet-header {
|
|
display: inline-flex;
|
|
float: right;
|
|
height: 20px;
|
|
}
|
|
|
|
div.sheet-triangle,
|
|
div.sheet-right-tri {
|
|
border-top: 20px solid transparent;
|
|
}
|
|
|
|
div.sheet-triangle {
|
|
border-right: 30px solid $primary;
|
|
}
|
|
|
|
div.sheet-right-tri {
|
|
border-left: 30px solid $primary;
|
|
}
|
|
|
|
div.sheet-right-header {
|
|
margin-right: -8%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
/***** BOXES FOR DIFFERENT PC SECTIONS *****/
|
|
.sheet-pc-box {
|
|
background-color: #e7e6e5;
|
|
margin-left : 1.5px;
|
|
margin-right : 1.5px;
|
|
padding-left : 5px;
|
|
padding-right : 5px;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-small-box {
|
|
min-height: 150px;}
|
|
|
|
.sheet-medium-box {
|
|
min-height: 330px;}
|
|
|
|
/***** CHARACTER PERSONAL DATA SECTION INPUTS *****/
|
|
.sheet-pd-nam input[type='text'] {width: 66%;}
|
|
|
|
.sheet-pd-meta input[type='text'] {width: 35.5%;}
|
|
|
|
.sheet-pd-age input[type='text'] {width: 13%;}
|
|
|
|
.sheet-pd-rep input[type='number'] {
|
|
border: none;
|
|
width : 13.5%;}
|
|
|
|
.sheet-pd-kar input[type='number'],
|
|
.sheet-pd-kar input[type='text'] {
|
|
border: none;
|
|
width : 20%;}
|
|
|
|
/***** CORE COMBAT INFO *****/
|
|
.sheet-core-combat {
|
|
button[type='roll'] {
|
|
font-size : 0.9em;
|
|
text-align: left;}
|
|
|
|
h2, h3 { margin-right: 0px; }
|
|
|
|
button[name="roll_soak"] {
|
|
max-width: 27%;
|
|
|
|
& > span {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
/***** PRIMARY WEAPON *****/
|
|
.sheet-cc-row {
|
|
button {
|
|
&[type='roll'] { width: 40%; }
|
|
&[type='action'] {
|
|
font-family: fontello;
|
|
width : 5%;
|
|
}
|
|
|
|
&[name*='primary_ammo'] { width: 10%; }
|
|
|
|
&[type='action'] > span {
|
|
display: inline;
|
|
margin-left: 0px;
|
|
|
|
&:before { content: 'x'; } /** The x# after ammo button **/
|
|
}
|
|
|
|
&[name*='shots'],
|
|
&[name='act_reload'],
|
|
&[name='act_primary_ammo'] {
|
|
border-bottom : 2px solid #666;
|
|
border-bottom-right-radius: 2px;
|
|
border-color : #aaa;
|
|
border-radius : 5px;
|
|
border-right : 3px solid #999;
|
|
border-style : outset;
|
|
@extend .sheet-pictos;}
|
|
|
|
&[name*='shots_remove'] {
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg); /* IE 9 */
|
|
-webkit-transform: rotate(180deg); /* Safari 3-8 */
|
|
}
|
|
}
|
|
|
|
button[type='roll'] > span,
|
|
h3 + span {
|
|
display : inline-block;
|
|
margin-left: 1%;
|
|
}
|
|
|
|
/** Ammo display */
|
|
span[name*='ammo'] { width : 4%; }
|
|
span[name*='ammo_max']:before { content: '/'; }
|
|
|
|
span[name*='fired'] { font-size: 0.9em; }
|
|
}
|
|
|
|
/***** ATTRIBUTE AND CONDITION MONITOR *****/
|
|
/***** ATTRIBUTES BOX *****/
|
|
.sheet-attr-box h3 {color: #000;}
|
|
|
|
.sheet-attr-col {
|
|
display : inline-block;
|
|
margin-top : 15px;
|
|
vertical-align: top;
|
|
width : 48%;
|
|
|
|
button {
|
|
&[type='roll'] {
|
|
border-bottom: 1px solid #000;
|
|
border-radius: 0px;
|
|
cursor : pointer;
|
|
font-size : 0.9em;
|
|
font-weight : bold;
|
|
margin-left : 0px;
|
|
padding-right: 2px;
|
|
text-align : right;
|
|
width : 30%;
|
|
}
|
|
|
|
& > span {font-weight: bold;}
|
|
}
|
|
|
|
input[type='number'] {
|
|
border-radius: 0px;
|
|
width : 23%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input[type='text'] { width: 50%; }
|
|
|
|
.sheet-totals { padding: 0px 2px;}
|
|
|
|
&-left { margin-left: -7%; }
|
|
|
|
&-right {
|
|
width: 50%;
|
|
|
|
button[type='roll'] {
|
|
margin-right: 0px;
|
|
width : 55%;
|
|
}
|
|
|
|
.sheet-attr-ini input[type='number'] { width: 17%; }
|
|
|
|
label {
|
|
border-bottom: 1px solid #000;
|
|
font-size : 0.9em;
|
|
height : 22px;
|
|
text-align : right;
|
|
width : 55%;
|
|
}
|
|
|
|
.sheet-attr-und { width: 43%; }
|
|
}
|
|
}
|
|
|
|
.sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings {display: inline;}
|
|
|
|
.sheet-attr-col-right button.sheet-attr-ini .sheet-init-settings,
|
|
.sheet-settings-toggle:checked ~ .sheet-attr-col-right button.sheet-attr-ini .sheet-init-display {
|
|
display: none;}
|
|
|
|
|
|
.sheet-attr-und {
|
|
border-bottom : 1px solid #000;
|
|
display : inline-block;
|
|
height : 22px;
|
|
margin-bottom : 4px;
|
|
vertical-align: top;
|
|
text-align: center;
|
|
width : 65%;
|
|
|
|
.sheet-display { text-align: center; }
|
|
}
|
|
|
|
.sheet-tiny-span {font-size: 0.75em;}
|
|
|
|
/***** ATTRIBUTE LIMITS *****/
|
|
.sheet-attr-lim {
|
|
margin-top: 20px;
|
|
|
|
div {
|
|
display : inline-block;
|
|
height : 22px;
|
|
text-align: center;
|
|
width : 10%;
|
|
}
|
|
|
|
input[type='number'] { width: 6%; }
|
|
label { width: auto; }
|
|
|
|
span + span { margin-right: 1%; }
|
|
|
|
.sheet-display {width: 100%;}
|
|
}
|
|
|
|
/***** ATTRIBUTE AND CONDITION MONITOR SETTINGS TOGGLES *****/
|
|
/***** ATTRIBUTE SETTINGS TOGGLE *****/
|
|
.sheet-attr-box input.sheet-settings-toggle {
|
|
left: 98%;
|
|
|
|
& + span {
|
|
font-size: 1em;
|
|
left: 94%;
|
|
top : 0px;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
/***** CONDITION SETTINGS TOGGLE *****/
|
|
.sheet-condition-box input[type='checkbox'] {
|
|
left: -1%;
|
|
|
|
& + span {
|
|
left: -4%;
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
/***** CONDITION MONITOR SECTION *****/
|
|
.sheet-con-track {
|
|
display : inline-block;
|
|
vertical-align: top;
|
|
width : 47%;
|
|
margin-top: 2%;
|
|
margin-bottom: 3%;
|
|
|
|
button[type='action'] {
|
|
font-size : 1em;
|
|
font-weight : bold;
|
|
text-align: center;
|
|
padding: 1% 2%;
|
|
margin-left: 7%;
|
|
width : 100%;
|
|
}
|
|
}
|
|
|
|
|
|
/***** CONDITION MONITOR SETTINGS *****/
|
|
.sheet-condition-box {
|
|
.sheet-display,
|
|
.sheet-settings {
|
|
margin-top: -10px;
|
|
}
|
|
|
|
|
|
.sheet-settings {
|
|
input {
|
|
border-bottom: 1px solid #000;
|
|
border-radius: 0px;
|
|
height : 22px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/***** CONDITION MONITOR DISPLAY*****/
|
|
.sheet-con-footer {
|
|
margin-top : 0px;
|
|
text-indent: 10px;
|
|
|
|
.sheet-attr-und {
|
|
display : inline-block;
|
|
margin-bottom: -5px;
|
|
text-align : center;
|
|
width : 60%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/***** CONDITION MONITOR SQUARES *****/
|
|
.sheet-squares {
|
|
margin-left: 20%;
|
|
width : 70%;
|
|
|
|
div {
|
|
background-color: transparent;
|
|
border-right : none;
|
|
left : 85%;
|
|
margin-bottom : -20px;
|
|
position : relative;
|
|
top : -15px;
|
|
}
|
|
|
|
input[type='radio'],
|
|
span {
|
|
height: 45px;
|
|
width : 33%;
|
|
}
|
|
|
|
input[type='radio'] {
|
|
clear : both;
|
|
left : 2px;
|
|
margin-right: -43px;
|
|
position : relative;
|
|
top : 6px;
|
|
}
|
|
|
|
span {
|
|
background-color: $lightgray;
|
|
border-radius : 0px;
|
|
border : 2px solid $secondary;
|
|
box-shadow : inset 0px 0px 3px 1px $grayshadow;
|
|
display : inline-block;
|
|
margin-bottom : -25px;
|
|
margin-right : -7px;
|
|
}
|
|
}
|
|
|
|
.sheet-squares input[type='radio']:checked ~ input[type='radio'] + span,
|
|
.sheet-con-track input[type='radio']:checked ~ .sheet-squares span,
|
|
.sheet-con-track input[type='hidden'][value='0'] ~ .sheet-squares span {
|
|
background-color: transparent;}
|
|
|
|
/***** MAKE CONDTION SQUARES APPEAR & DISPPEAR *****/
|
|
.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19),
|
|
.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21),
|
|
.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24),
|
|
.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26),
|
|
.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28),
|
|
.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32),
|
|
.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34),
|
|
.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36),
|
|
.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38),
|
|
.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40),
|
|
.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42),
|
|
.sheet-hex-hider[value='8'] ~ div:nth-child(1n+19),
|
|
.sheet-hex-hider[value='9'] ~ div:nth-child(1n+24),
|
|
.sheet-hex-hider[value='10'] ~ div:nth-child(1n+24),
|
|
.sheet-hex-hider[value='11'] ~ div:nth-child(1n+24),
|
|
.sheet-hex-hider[value='12'] ~ div:nth-child(1n+30),
|
|
.sheet-hex-hider[value='13'] ~ div:nth-child(1n+30),
|
|
.sheet-hex-hider[value='14'] ~ div:nth-child(1n+30),
|
|
.sheet-hex-hider[value='15'] ~ div:nth-child(1n+38),
|
|
.sheet-hex-hider[value='16'] ~ div:nth-child(1n+38),
|
|
.sheet-hex-hider[value='17'] ~ div:nth-child(1n+38),
|
|
.sheet-hex-hider[value='18'] ~ div:nth-child(1n+48) {
|
|
display: none;}
|
|
|
|
.sheet-hex-hider[value='8'] ~ input[type='radio']:nth-child(1n+19) + span,
|
|
.sheet-hex-hider[value='9'] ~ input[type='radio']:nth-child(1n+21) + span,
|
|
.sheet-hex-hider[value='10'] ~ input[type='radio']:nth-child(1n+24) + span,
|
|
.sheet-hex-hider[value='11'] ~ input[type='radio']:nth-child(1n+26) + span,
|
|
.sheet-hex-hider[value='12'] ~ input[type='radio']:nth-child(1n+28) + span,
|
|
.sheet-hex-hider[value='13'] ~ input[type='radio']:nth-child(1n+32) + span,
|
|
.sheet-hex-hider[value='14'] ~ input[type='radio']:nth-child(1n+34) + span,
|
|
.sheet-hex-hider[value='15'] ~ input[type='radio']:nth-child(1n+36) + span,
|
|
.sheet-hex-hider[value='16'] ~ input[type='radio']:nth-child(1n+38) + span,
|
|
.sheet-hex-hider[value='17'] ~ input[type='radio']:nth-child(1n+40) + span,
|
|
.sheet-hex-hider[value='18'] ~ input[type='radio']:nth-child(1n+42) + span {
|
|
opacity: 0;}
|
|
|
|
/***** CONDITION MONITOR FOOTERS *****/
|
|
.sheet-con-footer {
|
|
font-size : 0.8em;
|
|
margin-top: 10px;
|
|
|
|
label {
|
|
margin-right: 5px;
|
|
width : auto;
|
|
}
|
|
|
|
input[type='number'] {
|
|
border-bottom: 1px solid #000;
|
|
border-radius: 0px;
|
|
height : 22px;
|
|
margin-top : -5px;
|
|
}
|
|
}
|
|
|
|
/***** REPEATING FIELDS FOR PC SECTIONS SUCH AS SKILLS *****/
|
|
.sheet-repeat-box {
|
|
.sheet-medium-box {
|
|
height : auto;
|
|
min-height: 200px;
|
|
}
|
|
|
|
h3 {
|
|
color : #000;
|
|
margin-bottom: -3px;
|
|
}
|
|
|
|
button.sheet-pictos,
|
|
button.sheet-settings-button {
|
|
font-size: 1em;
|
|
position: absolute;
|
|
line-height: 1em;
|
|
}
|
|
|
|
button.sheet-settings-button { left: 96%; }
|
|
|
|
/***** REPEATING SECTION *****/
|
|
.repitem {
|
|
display : inline-flex;
|
|
border-bottom: 1px solid #000;
|
|
width : 100%;
|
|
}
|
|
|
|
/***** REPEATING SECTION TOGGLES *****/
|
|
input.sheet-settings-toggle,
|
|
input.sheet-primary-flag + span {
|
|
position: absolute;
|
|
width : 13px;
|
|
}
|
|
|
|
input.sheet-settings-toggle {
|
|
left: 98.5%;
|
|
|
|
& + span {
|
|
left: 98.5%;
|
|
top : -2px;
|
|
width: 2%;
|
|
}
|
|
}
|
|
|
|
/***** REPEATING BOX SECTION INPUTS *****/
|
|
.sheet-settings {
|
|
input[type='text'] {
|
|
border-bottom: 1px solid #333;
|
|
border-radius: 0px;
|
|
|
|
&:first-child { text-align: left; }
|
|
|
|
}
|
|
|
|
input[type='number'] {
|
|
border : none;
|
|
border-bottom: 1px solid #333;
|
|
border-radius: 0px;
|
|
width : 8%;
|
|
}
|
|
|
|
label {
|
|
font-size : 0.8em;
|
|
margin-bottom: 0px;
|
|
}
|
|
}
|
|
|
|
/***** REPEATING BOX DISPLAY *****/
|
|
button[type='roll'],
|
|
button[type='action'] {
|
|
font-size: 0.9em;
|
|
color : #000;
|
|
}
|
|
|
|
/***** REPEATING SECTION SELECTS *****/
|
|
select {
|
|
color : #000;
|
|
font-size : 0.8em;
|
|
font-weight: bolder;
|
|
height : 20px;
|
|
padding : 0px;
|
|
width : 14%;
|
|
}
|
|
|
|
option {
|
|
padding : 2px;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.sheet-rank {
|
|
display : inline-block;
|
|
text-align: center;
|
|
width : 10%;
|
|
}
|
|
|
|
/***** COLLAPSABLE DIVS *****/
|
|
.sheet-collapsable {
|
|
padding-left: 1.5em;
|
|
width : 100%;
|
|
word-break : break-word;
|
|
|
|
span { white-space: pre-line; }
|
|
|
|
.sheet-desc {
|
|
@extend %display-none;
|
|
|
|
.sheet-display-flag:checked ~ & { @extend %display-inline; }
|
|
}
|
|
|
|
.sheet-desc-lifestyle {
|
|
@extend %display-none;
|
|
|
|
.sheet-display-flag:checked ~ & {
|
|
@extend %display-inline-block;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
/***** DISPLAY FLAG FOR THE COLLAPSABLE DIVS *****/
|
|
%display-flag {
|
|
opacity : 0;
|
|
position: absolute;
|
|
top : 0px;
|
|
width : 90%;
|
|
height : 100%;
|
|
}
|
|
|
|
$displayFlags: 'quality-box', 'contacts', 'social-box', 'vehicle-box';
|
|
@each $flag in $displayFlags {
|
|
.sheet-#{$flag} .sheet-display-flag { @extend %display-flag;}
|
|
}
|
|
|
|
div.sheet-augs div.sheet-repeat-box {
|
|
.sheet-display-flag { @extend %display-flag;}
|
|
}
|
|
|
|
/***** DISPLAY ROWS *****/
|
|
.sheet-display-row {
|
|
display : inline-block;
|
|
overflow : hidden;
|
|
text-align : center;
|
|
vertical-align: top;
|
|
word-break : break-word;
|
|
|
|
&:nth-of-type(1),
|
|
&:nth-of-type(1) button {
|
|
text-align : left;
|
|
}
|
|
}
|
|
|
|
/***** DISPLAY & SETTINGS *****/
|
|
.sheet-skills-row,
|
|
.sheet-lifestyle .sheet-settings div {
|
|
display: inline-block;
|
|
width : 100%;
|
|
}
|
|
|
|
@each $box in 'contacts', 'item-box' {
|
|
.sheet-#{$box} .sheet-display,
|
|
.sheet-#{$box} .sheet-settings div {
|
|
@extend .sheet-skills-row;
|
|
}
|
|
}
|
|
|
|
/***** MATRIX *****/
|
|
.sheet-matrix {
|
|
select.sheet-skill-select { width: 26.5%; }
|
|
|
|
input[name="attr_flag"] + span { position: absolute; }
|
|
|
|
.sheet-con-hex {
|
|
margin-bottom: -10px;
|
|
margin-right : 0px;
|
|
margin-top : 5px;
|
|
position : unset;
|
|
width : 100%;
|
|
|
|
input[type='radio']:first-child {
|
|
margin-right: -25%;
|
|
margin-top : 2%;
|
|
width : 25%;
|
|
}
|
|
|
|
input[type='radio']:hover ~ h2 {
|
|
color : #fff;
|
|
text-shadow: 1px 1px 2px black, 0 0 25px $accent, 0 0 5px $secondary;
|
|
}
|
|
|
|
h2 {vertical-align: top;}
|
|
}
|
|
}
|
|
|
|
/***** CYBERDECK *****/
|
|
.sheet-cyberdeck button {
|
|
font-weight: bold;
|
|
|
|
input[name="attr_flag"] {
|
|
position: absolute;
|
|
|
|
& + span {
|
|
position: absolute;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sheet-cyberdeck h3 {
|
|
line-height: 20px;
|
|
|
|
&[data-i18n="total"] {margin-left: 15%;}
|
|
|
|
&[data-i18n="temp"] { margin-left: 5%; }
|
|
|
|
&[data-i18n="modifier"] {
|
|
margin-left: 2%;
|
|
margin-right: 2%;
|
|
}
|
|
|
|
&[data-i18n="base"] {
|
|
margin-left : 0%;
|
|
margin-right: 15%;
|
|
}
|
|
}
|
|
|
|
.sheet-cyberdeck input[type='number'] {
|
|
border : none;
|
|
border-bottom: 1px solid #333;
|
|
border-radius: 0px;
|
|
height: 20px;
|
|
width : 25px;}
|
|
|
|
.sheet-cyberdeck .sheet-row-long:nth-of-type(1) input[type='text'] {
|
|
width : 90%;}
|
|
|
|
.sheet-cyberdeck .sheet-row-long:nth-of-type(1n+3) label {
|
|
padding-bottom: 5px;
|
|
padding-right : 0px;
|
|
width : 15%;}
|
|
|
|
.sheet-cyberdeck .sheet-row-long span {
|
|
margin-left : 1%;
|
|
margin-right: 1%;}
|
|
|
|
/**** MATRIX BUBBLES ****/
|
|
.sheet-pc .sheet-device-attr {
|
|
display: inline;
|
|
|
|
span {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.sheet-matrix-tot {
|
|
display: inline-block;
|
|
height : 20px;
|
|
width : 20px;}
|
|
|
|
.sheet-matrix-bubble {
|
|
display : inline;
|
|
margin-left : 15px;
|
|
background-color: #222;
|
|
}
|
|
|
|
.sheet-matrix-bubble span:nth-of-type(6),
|
|
.sheet-matrix-bubble input[type='radio']:nth-of-type(5n+6) {
|
|
margin-left: 2%;}
|
|
|
|
.sheet-matrix-bubble input[type='radio'] {
|
|
height: 15px;
|
|
left : -8px;
|
|
width : 15px;
|
|
}
|
|
|
|
.sheet-matrix-bubble input[type='radio'] + span {
|
|
border-radius: 3px;
|
|
display : inline-block;
|
|
height : 18px;
|
|
margin-left : -25px;
|
|
top : 4px;
|
|
width : 18px;
|
|
}
|
|
|
|
.sheet-matrix-bubble input[type='radio']:checked ~ input[type='radio'] + span {
|
|
height : 14px;
|
|
margin-bottom: 3px;
|
|
opacity : 0.5;}
|
|
|
|
.sheet-matrixAttack span {
|
|
border : 2px solid #3a0000;
|
|
background-color : #cc0701;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #3a0000;
|
|
-moz-box-shadow : inset 0px 1px 5px 2px #3a0000;
|
|
box-shadow : inset 0px 1px 5px 2px #3a0000;}
|
|
|
|
.sheet-matrixSleaze span {
|
|
border : 2px solid #000e3b;
|
|
background-color : #007bfc;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #000e3b;
|
|
-moz-box-shadow : inset 0px 1px 5px 2px #000e3b;
|
|
box-shadow : inset 0px 1px 5px 2px #000e3b;}
|
|
|
|
.sheet-matrixData span {
|
|
border : 2px solid #074202;
|
|
background-color : #88dd04;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #074202;
|
|
-moz-box-shadow : inset 0px 1px 5px 2px #074202;
|
|
box-shadow : inset 0px 1px 5px 2px #074202;}
|
|
|
|
.sheet-matrixFirewall span {
|
|
border : 2px solid #470101;
|
|
background-color : #f88703;
|
|
-webkit-box-shadow: inset 0px 1px 5px 2px #470101;
|
|
-moz-box-shadow : inset 0px 1px 5px 2px #470101;
|
|
box-shadow : inset 0px 1px 5px 2px #470101;}
|
|
|
|
/***** Options Section *****/
|
|
.sheet-options .sheet-pc-box {
|
|
min-height: 800px;
|
|
}
|
|
|
|
.sheet-op-col {
|
|
display : inline-block;
|
|
vertical-align: top;
|
|
width : 48%;}
|
|
|
|
.sheet-op-col {margin-bottom: 5px;}
|
|
|
|
.sheet-op-col h2 {
|
|
text-decoration: underline;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-op-col button[name='act_import_launch'] {
|
|
border: 2px solid black;
|
|
background: #333;
|
|
color: white;
|
|
font-weight: bold;
|
|
width: auto;
|
|
height: auto;
|
|
padding: 2% 4%
|
|
}
|
|
|
|
.sheet-op-col p {
|
|
margin-top: 2%;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
.sheet-op-col hr {
|
|
border : 0.5px solid #1c1c1c;
|
|
margin : 3px 0px;
|
|
opacity: 0.1;}
|
|
|
|
.sheet-op-col label {
|
|
margin-bottom: 2%;
|
|
width : 55%;}
|
|
|
|
.sheet-options input[type='checkbox'] {
|
|
height : 15px;
|
|
margin-left: 5%;
|
|
opacity : 1;
|
|
width : 15px;}
|
|
|
|
/***** EDGE & MATRIX CONDITION HEXAGONS *****/
|
|
.sheet-edg-hex,
|
|
.sheet-con-hex {
|
|
position: relative;
|
|
|
|
.sheet-edg-hex input[type='checkbox'],
|
|
.sheet-con-hex input[type='radio'] {
|
|
height : 20px;
|
|
margin-right: -21px;
|
|
top : -9px;
|
|
width : 20px;
|
|
}
|
|
|
|
}
|
|
|
|
.sheet-edg-hex input[type='checkbox'],
|
|
.sheet-con-hex input[type='radio'] {
|
|
height : 20px;
|
|
margin-right: -21px;
|
|
top : -9px;
|
|
width : 20px;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-hexagon {
|
|
display: inline-block;
|
|
margin: 5.77px 0;
|
|
position: relative;
|
|
background-color: #222;
|
|
height: 11.55px;
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-hexagon:before,
|
|
.sheet-hexagon:after {
|
|
border-left : 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
content : '';
|
|
position : absolute;
|
|
width : 0;}
|
|
|
|
.sheet-hexagon:before {
|
|
bottom : 100%;
|
|
border-bottom: 5.77px solid #222;}
|
|
|
|
.sheet-hexagon:after {
|
|
top: 100%;
|
|
width: 0;
|
|
border-top: 5.77px solid #222;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon,
|
|
.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon,
|
|
.sheet-edge-zero[value='0'] ~ .sheet-hexagon {
|
|
background-color: $lightgray;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:before,
|
|
.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:before,
|
|
.sheet-edge-zero[value='0'] ~ .sheet-hexagon:before {
|
|
border-bottom-color: $lightgray;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked ~ .sheet-hexagon:after,
|
|
.sheet-con-hex input[type='radio']:checked ~ .sheet-hexagon:after,
|
|
.sheet-edge-zero[value='0'] ~ .sheet-hexagon:after {
|
|
border-top-color: $lightgray;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon,
|
|
.sheet-con-hex input[type='radio'] + .sheet-hexagon,
|
|
.sheet-con-hex input[type='radio']:checked + .sheet-hexagon {
|
|
background-color: #222;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:before,
|
|
.sheet-con-hex input[type='radio']:checked + .sheet-hexagon:before {
|
|
border-bottom-color: #222;}
|
|
|
|
.sheet-edg-hex input[type='checkbox']:checked + .sheet-hexagon:after,
|
|
.sheet-con-hex input[type='radio']:checked + .sheet-hexagon:after {
|
|
border-top-color: #222;}
|
|
|
|
/***** MAKE HEXES APPEAR & DISAPPEAR *****/
|
|
.sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5),
|
|
.sheet-hex-hider[value='1'] ~ input[type='checkbox']:nth-child(1n+5) + span,
|
|
.sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7),
|
|
.sheet-hex-hider[value='2'] ~ input[type='checkbox']:nth-child(1n+7) + span,
|
|
.sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9),
|
|
.sheet-hex-hider[value='3'] ~ input[type='checkbox']:nth-child(1n+9) + span,
|
|
.sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11),
|
|
.sheet-hex-hider[value='4'] ~ input[type='checkbox']:nth-child(1n+11) + span,
|
|
.sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13),
|
|
.sheet-hex-hider[value='5'] ~ input[type='checkbox']:nth-child(1n+13) + span,
|
|
.sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15),
|
|
.sheet-hex-hider[value='6'] ~ input[type='checkbox']:nth-child(1n+15) + span,
|
|
.sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17),
|
|
.sheet-hex-hider[value='7'] ~ input[type='checkbox']:nth-child(1n+17) + span {
|
|
display: none;}
|
|
|
|
|
|
|
|
.sheet-settings .sheet-textrow label {margin-bottom: 36px;}
|
|
|
|
.sheet-augmentation div.sheet-display {text-indent: 125px;}
|
|
|
|
.sheet-power div.sheet-display {text-indent: 65px;}
|
|
|
|
/*:+:+:+: REPEATING SECTIONS :+:+:+:*/
|
|
.sheet-repeating,
|
|
.sheet-repeat-section {
|
|
display:inline-block;
|
|
width : 100%;}
|
|
|
|
.sheet-repeating button.sheet-display {
|
|
text-align: left;}
|
|
|
|
.sheet-repeating input[type='checkbox'] {
|
|
width: 15px;
|
|
height: 15px;}
|
|
|
|
.sheet-repeating label {padding: 0px;}
|
|
|
|
.sheet-repeating .sheet-settings {
|
|
border-bottom: 1px dotted #FCD116;}
|
|
|
|
.sheet-repeat-indent {
|
|
padding-left: 2.5em;
|
|
text-indent : -1.5em;}
|
|
|
|
.sheet-repeating .sheet-display {display: inline-flex;}
|
|
|
|
.sheet-repeat-section input {
|
|
height : 27px;
|
|
background-color: transparent;
|
|
border-bottom : 1px solid #fff;
|
|
border-radius : 0px;}
|
|
|
|
.sheet-magic .sheet-repeat-section input[type='number'],
|
|
.sheet-magic .sheet-repeat-section input[type='text'],
|
|
.sheet-resonance .sheet-repeat-section input[type='number'],
|
|
.sheet-resonance .sheet-repeat-section input[type='text'] {
|
|
width: 100%;}
|
|
|
|
.sheet-repeat-row {
|
|
display: inherit;
|
|
width : 5%;}
|
|
|
|
.sheet-repeat-row-8 {width: 8%;}
|
|
.sheet-repeat-row-11 {width: 11%;}
|
|
.sheet-repeat-row-12 {width: 12%;}
|
|
.sheet-repeat-row-15 {width: 15%;}
|
|
.sheet-repeat-row-20 {width: 20%;}
|
|
|
|
.sheet-repeat-row span {font-size: 0.8em;}
|
|
|
|
.sheet-repeat-dice {font-size: 12px;}
|
|
|
|
/*:+:+:+: NPC SPELLS :+:+:+:*/
|
|
input.sheet-spell-toggle {margin: 0px -38px 0px 5px;}
|
|
|
|
.sheet-magic .sheet-repeating select {width: 100%;}
|
|
|
|
/*:+:+:+: HIDE SECTOINS WHEN NOT IN USE :+:+:+:*/
|
|
.sheet-matrix,
|
|
.sheet-magic,
|
|
.sheet-resonance,
|
|
.sheet-optional,
|
|
.sheet-textboxes,
|
|
.sheet-optional-flag[value='0'] + .sheet-attr-header,
|
|
.sheet-category + div,
|
|
.sheet-category + div + div {
|
|
@extend %display-none;
|
|
}
|
|
|
|
.sheet-optional-flag:not([value='0']) + .sheet-optional {
|
|
@extend %display-inline-block;
|
|
}
|
|
|
|
.sheet-optional-flag:not([value='0']) + .sheet-textboxes {
|
|
display: inherit;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-category[value='Combat'] + div,
|
|
.sheet-category[value='Combat'] + div + div,
|
|
.sheet-character-type[value='matrix'] + .sheet-matrix {
|
|
display: inherit;}
|
|
|
|
.sheet-category[value='Combat'] ~ .sheet-combat-type-hide {display: inline;}
|
|
|
|
.sheet-character-type[value='magic'] + .sheet-magic-skill,
|
|
.sheet-character-type[value='magic'] + .sheet-magic-skill + .sheet-magic-skill,
|
|
.sheet-character-type[value='resonance'] + .sheet-resonance-skill {
|
|
opacity: 1;}
|
|
|
|
.sheet-character-type[value='magic'] ~ .sheet-magic,
|
|
.sheet-character-type[value='magic'] ~ .sheet-magic + .sheet-magic,
|
|
.sheet-character-type[value='resonance'] ~ .sheet-resonance,
|
|
.sheet-character-type[value='resonance'] ~ .sheet-resonance + .sheet-resonance {
|
|
display: inline-block;
|
|
width: 100%;}
|