dwarfwing
2f312f3a6b
Added tabs at the top right, one for character and one for ship. The ship uses mainly the same graphics as the character tab. Also - included a background images for later. - Counting successes and stress in the roll template
1240 lines
37 KiB
CSS
1240 lines
37 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Montserrat|Graduate|Courier+Prime|Roboto|Share+Tech+Mono&display=swap');
|
|
/* ORIGINAL */
|
|
|
|
.sheet-background-wrap{
|
|
background-color: black;
|
|
-background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/bg.png?raw=true");
|
|
background-repeat: repeat;
|
|
padding: 5px;
|
|
min-width: 1128px;
|
|
-min-width: 830px;
|
|
}
|
|
.sheet-header-image{
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Weyland-Yutani.png?raw=true");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
padding-top: 25px;
|
|
-margin-bottom: 10px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-header-tabs {
|
|
display: flex;
|
|
flex-direction: column;
|
|
-align-items: flex-end;
|
|
justify-items: right;
|
|
justify-content: flex-end;
|
|
align-self: end;
|
|
align-items: flex-end;
|
|
justify-self: flex-end;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.sheet-footer-text{
|
|
display: block;
|
|
text-align: center;
|
|
font-family: 'Graduate';
|
|
text-transform: uppercase;
|
|
color: rgba(211, 211, 211, 1);
|
|
}
|
|
|
|
.sheet-grid-container {
|
|
display: grid;
|
|
background-color: transparent;
|
|
border: 2px solid rgba(211, 211, 211, 1); /* LightGrey */
|
|
border-radius: 0px;
|
|
grid-gap: 10px;
|
|
padding: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-contains-thirteen-columns {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-contains-four-columns {
|
|
grid-template-columns: 20% 20% auto 25%;
|
|
grid-gap: 0px;
|
|
padding: 0px;
|
|
text-align: left;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.sheet-contains-fourteen-columns {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-contains-seven-columns {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
grid-gap: 2px;
|
|
}
|
|
|
|
.sheet-roll-buttons{
|
|
display: grid;
|
|
grid-gap: 5px;
|
|
}
|
|
|
|
.sheet-alpha-buttons{
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
.sheet-beta-buttons{
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
margin: 5px 0px;
|
|
|
|
}
|
|
.sheet-gamma-buttons{
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.sheet-span-one-two { grid-column: 1 / 3;}
|
|
.sheet-span-one-thru-three { grid-column: 1 / 4;}
|
|
.sheet-span-one-thru-four { grid-column: 1 / 5;}
|
|
.sheet-span-one-thru-five { grid-column: 1 / 6;}
|
|
.sheet-span-one-thru-six { grid-column: 1 / 7;}
|
|
.sheet-span-one-thru-seven { grid-column: 1 / 8;}
|
|
.sheet-span-two-three { grid-column: 2 / 4;}
|
|
.sheet-span-three-four { grid-column: 3 / 5;}
|
|
.sheet-span-three-thru-five { grid-column: 3 / 6;}
|
|
.sheet-span-four-five { grid-column: 4 / 6;}
|
|
.sheet-span-four-thru-six { grid-column: 4 / 7;}
|
|
.sheet-span-five-six { grid-column: 5 / 7;}
|
|
.sheet-span-five-thru-seven { grid-column: 5 / 8;}
|
|
.sheet-span-five-thru-nine { grid-column: 5 / 10;}
|
|
.sheet-span-five-thru-ten { grid-column: 5 / 11;}
|
|
.sheet-span-six-seven { grid-column: 6 / 8;}
|
|
.sheet-span-six-thru-eight { grid-column: 6 / 9;}
|
|
.sheet-span-six-thru-nine { grid-column: 6 / 10;}
|
|
.sheet-span-six-thru-fourteen { grid-column: 6 / 15;}
|
|
.sheet-span-seven-eight { grid-column: 7 / 9;}
|
|
.sheet-span-seven-thru-nine { grid-column: 7 / 10;}
|
|
.sheet-span-seven-thru-fourteen { grid-column: 7 / 15;}
|
|
.sheet-span-eight-nine { grid-column: 8 / 10;}
|
|
.sheet-span-eight-thru-ten { grid-column: 8 / 11;}
|
|
.sheet-span-eight-thru-eleven { grid-column: 8 / 12;}
|
|
.sheet-span-eight-thru-twelve { grid-column: 8 / 13;}
|
|
.sheet-span-eight-thru-fourteen { grid-column: 8 / 15;}
|
|
.sheet-span-nine-ten { grid-column: 9 / 11;}
|
|
.sheet-span-nine-thru-eleven { grid-column: 9 / 12;}
|
|
.sheet-span-nine-thru-thirteen { grid-column: 9 / 14;}
|
|
.sheet-span-nine-thru-fourteen { grid-column: 9 / 15;}
|
|
.sheet-span-ten { grid-column: 10;}
|
|
.sheet-span-ten-eleven { grid-column: 10 / 12;}
|
|
.sheet-span-ten-thru-twelve { grid-column: 10 / 13;}
|
|
.sheet-span-ten-thru-thirteen { grid-column: 10 / 14;}
|
|
.sheet-span-ten-thru-fourteen { grid-column: 10 / 15;}
|
|
.sheet-span-eleven { grid-column: 11;}
|
|
.sheet-span-eleven-thru-thirteen { grid-column: 11 / 14;}
|
|
.sheet-span-eleven-thru-fourteen { grid-column: 11 / 15;}
|
|
.sheet-span-twelve { grid-column: 12;}
|
|
.sheet-span-twelve-thirteen { grid-column: 12 / 14;}
|
|
.sheet-span-twelve-thru-fourteen { grid-column: 12 / 15;}
|
|
.sheet-span-thirteen { grid-column: 13;}
|
|
.sheet-span-thirteen-fourteen { grid-column: 13 / 15;}
|
|
.sheet-span-fourteen { grid-column: 14;}
|
|
.sheet-span-personal-agenda { grid-row: 1 / 3;}
|
|
.sheet-span-talents { grid-row: 1 / 5;}
|
|
.sheet-span-modules { grid-row: 1 / 9;}
|
|
.sheet-span-log { grid-row: 1 / 9;}
|
|
.sheet-span-relationships { grid-row: 3 / 5;}
|
|
.sheet-span-radiation { grid-row: 7 / 9;}
|
|
.sheet-span-critical-injuries { grid-row: 9 / 11;}
|
|
.sheet-span-gear { grid-row: 10 / 16;}
|
|
.sheet-span-conditions { grid-row: 11 / 14;}
|
|
.sheet-span-weapons { grid-row: 13 / 16;}
|
|
.sheet-span-comp-dmg { grid-row: 9;}
|
|
.sheet-span-upg-arm { grid-row: 10;}
|
|
.sheet-span-row1 { grid-row: 1;}
|
|
.sheet-span-row2 { grid-row: 2;}
|
|
.sheet-span-row3 { grid-row: 3;}
|
|
.sheet-span-row4 { grid-row: 4;}
|
|
.sheet-span-row5 { grid-row: 5;}
|
|
.sheet-span-row6 { grid-row: 6;}
|
|
.sheet-span-row7 { grid-row: 7;}
|
|
.sheet-span-row8 { grid-row: 8;}
|
|
.sheet-span-row9 { grid-row: 9;}
|
|
.sheet-span-row10 { grid-row: 10;}
|
|
.sheet-span-row11 { grid-row: 11;}
|
|
.sheet-span-row12 { grid-row: 12;}
|
|
.sheet-span-row13 { grid-row: 13;}
|
|
|
|
.sheet-cover-100-flex { width: 100% !important; display: flex; }
|
|
.sheet-cover-100 { width: 100% !important; }
|
|
.sheet-cover-80 { width: 80% !important; }
|
|
.sheet-cover-75 { width: 75% !important; }
|
|
.sheet-cover-70 { width: 70% !important; }
|
|
.sheet-cover-60 { width: 60% !important; }
|
|
.sheet-cover-40 { width: 40% !important; }
|
|
.sheet-cover-25 { width: 25% !important; }
|
|
.sheet-cover-20 { width: 20% !important; }
|
|
.sheet-cover-15 { width: 15% !important; }
|
|
.sheet-cover-10 { width: 10% !important; }
|
|
|
|
.sheet-pad-left { padding-left: 8px !important; }
|
|
.sheet-pad-right { padding-right: 8px !important; }
|
|
|
|
.sheet-grid-item {
|
|
background-color: rgba(204, 217, 207, 1);
|
|
border: 1px solid rgba(211, 211, 211, 1); /* LightGrey */
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
line-height: 24px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.sheet-clip-edges {
|
|
clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);
|
|
margin-top: 10;
|
|
}
|
|
|
|
.sheet-flex { display: flex; }
|
|
.sheet-flex-column { display: flex; flex-direction: column; }
|
|
.sheet-flex-row { display: flex; flex-direction: row; }
|
|
.sheet-flex-wrap { flex-wrap: wrap; }
|
|
.sheet-flex-break { flex-basis: 100%; height: 0; }
|
|
|
|
.sheet-flex-center { display: flex; align-self: center; justify-self: center; }
|
|
.sheet-flex-items-center { display: flex; justify-items: center; align-self: center; }
|
|
.sheet-flex-items-right { display: flex; justify-items: right; }
|
|
.sheet-flex-items-left { display: flex; justify-items: left; }
|
|
.sheet-flex-items-align-center { display: flex; align-items: center; }
|
|
.sheet-flex-items-justify-center { display: flex; justify-items: center; }
|
|
.sheet-flex-content-center { display: flex; justify-content: center; align-self: center; }
|
|
.sheet-flex-content-right { display: flex; justify-content: right; }
|
|
.sheet-flex-content-end { display: flex; justify-content: flex-end; }
|
|
.sheet-flex-content-left { display: flex; justify-content: left; }
|
|
.sheet-flex-content-align-center { display: flex; align-items: center; }
|
|
.sheet-flex-content-justify-center { display: flex; justify-items: center; }
|
|
.sheet-flex-content-spaceeven { display: flex; justify-content: space-evenly; }
|
|
.sheet-flex-content-spacebetween { display: flex; justify-content:space-between; }
|
|
.sheet-flex-content-spacearound { display: flex; justify-content:space-around; }
|
|
.sheet-flex-self-center { display: flex; justify-self: center; align-self: center; }
|
|
.sheet-flex-self-right { display: flex; justify-self: right; }
|
|
.sheet-flex-self-left { display: flex; justify-self: left; }
|
|
.sheet-flex-self-align-center { display: flex; align-items: center; }
|
|
.sheet-flex-self-justify-center { display: flex; justify-items: center; }
|
|
.sheet-flex-self-align-end { display: flex; align-items: flex-end; }
|
|
.sheet-flex-self-justify-end { display: flex; justify-items: flex-end; }
|
|
.sheet-flex-self-align-start { display: flex; align-items: flex-start; }
|
|
.sheet-flex-self-justify-start { display: flex; justify-items: flex-start; }
|
|
|
|
.sheet-black-item {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.sheet-what-padding { padding: 0px; }
|
|
.sheet-some-padding { padding: 4px; }
|
|
|
|
.sheet-shift-up-5 { margin-top: -5px; }
|
|
.sheet-shift-up-8 { margin-top: -8px; }
|
|
.sheet-shift-up-10 { margin-top: -10px; }
|
|
.sheet-shift-down-5 { margin-top: 5px; }
|
|
.sheet-shift-down-8 { margin-top: 8px; }
|
|
.sheet-shift-down-10 { margin-top: 10px; }
|
|
.sheet-shift-down-15 { margin-top: 15px; }
|
|
.sheet-shift-down-17 { margin-top: 17px; }
|
|
|
|
.sheet-centered {
|
|
text-align: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-w40 { max-width: 40px; min-width: 40px; }
|
|
.sheet-w60 { max-width: 60px; min-width: 60px; }
|
|
.sheet-w80 { max-width: 80px; min-width: 80px; }
|
|
.sheet-w120 { max-width: 120px; min-width: 120px; }
|
|
.sheet-w130 { max-width: 130px; min-width: 130px; }
|
|
.sheet-w140 { max-width: 140px; min-width: 140px; }
|
|
.sheet-w150 { max-width: 150px; min-width: 150px; }
|
|
.sheet-w160 { max-width: 160px; min-width: 160px; }
|
|
.sheet-w170 { max-width: 170px; min-width: 170px; }
|
|
.sheet-w180 { max-width: 180px; min-width: 180px; }
|
|
.sheet-w200 { max-width: 200px; min-width: 200px; }
|
|
.sheet-w220 { max-width: 220px; min-width: 220px; }
|
|
.sheet-w250 { max-width: 250px; min-width: 250px; }
|
|
.sheet-w300 { max-width: 300px; min-width: 300px; }
|
|
.sheet-w-fit { width: fit-content; }
|
|
|
|
.sheet-weapon-item {
|
|
padding: 0px;
|
|
text-align: center;
|
|
border: 1px solid rgba(204, 217, 207, 1);
|
|
width: auto;
|
|
border-radius: 0px;
|
|
border-right: 1px dashed rgb(0, 139, 139); /* Dark Cyan #008b8b */
|
|
}
|
|
|
|
.sheet-weapon-item.sheet-range{
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.sheet-weapon-item.sheet-type{
|
|
border-right-width: 0px;
|
|
}
|
|
|
|
|
|
|
|
/* - - - - - - - - - - AUTO EXPAND TEXTAREAS - - - - - - - - - - */
|
|
.sheet-auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
min-height: 1em;
|
|
border: 1px Dashed #bfbfbf;
|
|
font-family: 'Courier Prime';
|
|
font-family: 'Roboto';
|
|
text-align: left;
|
|
font-size: 0.9em;
|
|
line-height: 1em;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
-font-family: Serif;
|
|
}
|
|
|
|
.sheet-auto-expand textarea {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
resize: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
display: block;
|
|
box-sizing: border-box;
|
|
background: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
color: inherit;
|
|
font: inherit;
|
|
letter-spacing: inherit;
|
|
padding: inherit;
|
|
text-align: inherit;
|
|
text-transform: inherit;
|
|
|
|
}
|
|
|
|
.sheet-textarea-margin-correct {
|
|
margin: 6px 0px 0px 0px;
|
|
}
|
|
|
|
.sheet-dotted-line {
|
|
height: 0px;
|
|
border-bottom: 1px dashed rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
|
|
padding: 0px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.sheet-dotted-underline {
|
|
border-bottom: 1px dashed rgba(0, 139, 139, 1) !important; /* Dark Cyan #008b8b */
|
|
}
|
|
|
|
.sheet-span-relationships .sheet-dotted-line,
|
|
.sheet-span-critical-injuries .sheet-dotted-line{
|
|
margin: 8px;
|
|
}
|
|
|
|
/* --- HEADERS ---- */
|
|
|
|
.sheet-teal-header {
|
|
color: rgba(204, 217, 207, 1); /* Teal Varient */
|
|
font-family: 'Graduate', cursive;
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
letter-spacing: .1em;
|
|
}
|
|
|
|
.sheet-darkest-teal-header {
|
|
color: #354b44; /* Darkest Teal Varient */
|
|
font-family: 'Graduate', cursive;
|
|
text-transform: uppercase;
|
|
font-size: 9px;
|
|
letter-spacing: .1em;
|
|
}
|
|
|
|
.sheet-ship-header {
|
|
background-color: rgba(204, 217, 207, 1); /* Teal Varient */
|
|
-position: relative;
|
|
align-self: start;
|
|
-top: -9px;
|
|
position: relative;
|
|
z-index: 10;
|
|
padding-top: 2px;
|
|
clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 100%, 0% 100%);
|
|
}
|
|
.sheet-ship-header-black {
|
|
background-color: black;
|
|
color: rgba(204, 217, 207, 1); /* Teal Varient */
|
|
top: -8px;
|
|
position: relative;
|
|
z-index: 10;
|
|
clip-path: polygon(0 0%, 100% 0%, calc(100% - 8px) 100%, 8px 100%);
|
|
}
|
|
.sheet-ship-attribute {
|
|
margin-top: 10px;
|
|
}
|
|
.sheet-ship-header-name {
|
|
width: 70px;
|
|
}
|
|
.sheet-ship-header-manufacturer{
|
|
width: 120px;
|
|
}
|
|
.sheet-ship-header-ai {
|
|
width: 50px;
|
|
}
|
|
.sheet-ship-attribute-name {
|
|
width: 80%;
|
|
justify-self: center;
|
|
}
|
|
.sheet-ship-attribute-ai {
|
|
width: 80%;
|
|
justify-self: center;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill, .sheet-medium-teal-header, .sheet-dark-teal-header {
|
|
color: #008b8b; /* Dark Cyan #008b8b */
|
|
font-family: 'Montserrat';
|
|
text-transform: uppercase;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.sheet-medium-teal-header {
|
|
color: rgba(113, 142, 135, 1); /* Medium Teal #718e87 */
|
|
}
|
|
|
|
.sheet-dark-teal-header {
|
|
color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
|
|
font-weight: bold;
|
|
}
|
|
.sheet-vertical-adjust-one {
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-vertical-adjust-one-more {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.sheet-vertical-balance {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.sheet-black-floating-header {
|
|
background-color: rgba(0, 0, 0, 1); /* Black #000000 */
|
|
border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
|
|
border-radius: 0px 20px 20px 0px;
|
|
float: left;
|
|
height: 1em;
|
|
width: 80%;
|
|
line-height: 1em;
|
|
margin: -14px 15% 0px -7px;
|
|
text-align: left;
|
|
padding: 0px 0px 0px 5px;
|
|
|
|
}
|
|
.sheet-black-floating-header-clipped {
|
|
background-color: rgba(0, 0, 0, 1); /* Black #000000 */
|
|
border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
|
|
float: left;
|
|
height: 1.2em;
|
|
-width: 80%;
|
|
line-height: 1em;
|
|
margin: -10px 15% 0px -7px;
|
|
text-align: left;
|
|
padding: 0px 15px 0px 5px;
|
|
border-radius: unset;
|
|
clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
|
|
}
|
|
|
|
.sheet-floating-header {
|
|
-background-color: rgba(0, 0, 0, 1); /* Black #000000 */
|
|
-border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
|
|
-border-radius: 0px 20px 20px 0px;
|
|
float: center;
|
|
height: 1em;
|
|
width: 100%;
|
|
line-height: 1em;
|
|
margin: -20px 0 0 0;
|
|
-text-align: left;
|
|
padding: 0px 0px 7px 0px;
|
|
|
|
}
|
|
|
|
.sheet-more-curves {
|
|
border-radius: 20px 20px 20px 0px;
|
|
}
|
|
|
|
.sheet-black-header {
|
|
background-color: rgba(0, 0, 0, 1); /* Black #000000 */
|
|
border: 1px solid rgba(0, 0, 0, 1); /* Black #000000 */
|
|
border-radius: 20px;
|
|
width: 90%;
|
|
height: 18px;
|
|
margin: -18px 0px 0px -7px;
|
|
padding: 0px 0px 0px 5px;
|
|
}
|
|
|
|
.sheet-mini-header {
|
|
display: block;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
font-family: 'Montserrat';
|
|
font-size: .75em;
|
|
line-height: .75em;
|
|
}
|
|
|
|
.sheet-bold {
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.sheet-align-left {
|
|
text-align: left;
|
|
}
|
|
.sheet-align-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-float-left {
|
|
float: left;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.sheet-float-right {
|
|
float: right;
|
|
margin-right: 0px;
|
|
}
|
|
.sheet-condition-title {
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
.sheet-relationship-title {
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-text-input, .sheet-select-input, input[type="number"].sheet-number-input{
|
|
font-family: 'Courier Prime';
|
|
font-family: 'Roboto';
|
|
background: transparent;
|
|
}
|
|
|
|
.sheet-text-input {
|
|
color: #000000;
|
|
width: 99%;
|
|
border: 1px solid transparent;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-select-input{
|
|
color: #555;
|
|
width: 100%;
|
|
height: 1.95em;
|
|
padding: 3px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.sheet-relationship-input{
|
|
width: 85%;
|
|
}
|
|
|
|
.sheet-seventy-seven-percent {
|
|
width: 77%;
|
|
}
|
|
|
|
.sheet-make-it-shorter {
|
|
width: 89%;
|
|
}
|
|
|
|
/* - - - - - Remove Number Spinner - - - - - */
|
|
input[type="number"].sheet-no-spin-input::-webkit-outer-spin-button, input[type="number"].sheet-number-input::-webkit-outer-spin-button,
|
|
input[type="number"].sheet-no-spin-input::-webkit-inner-spin-button, input[type="number"].sheet-number-input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type="number"].sheet-no-spin-input, input[type="number"].sheet-number-input {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
input[type="number"].sheet-no-spin-input {
|
|
font-family: 'Courier Prime';
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-color: White;
|
|
border: 1px solid White;
|
|
margin: -1px -2px;
|
|
padding: 3px 0px 0px 0px;
|
|
|
|
border-radius: 50%;
|
|
box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
|
|
}
|
|
div.sheet-no-spin-input {
|
|
display: flex;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-color: White;
|
|
border: 1px solid White;
|
|
align-self: center;
|
|
align-content: center;
|
|
justify-self: center;
|
|
justify-content: center;
|
|
border-radius: 50%;
|
|
box-shadow: 1px 1px 7px rgba(0, 139, 139, 1), -1px -1px 7px rgba(0, 139, 139, 1), 1px 1px 10px white, -1px -1px 10px white;
|
|
}
|
|
div.sheet-no-spin-input input[type="number"].sheet-no-spin-input {
|
|
background-color: transparent;
|
|
border: unset;
|
|
border-radius: unset;
|
|
box-shadow: unset;
|
|
width: 2em;
|
|
}
|
|
|
|
input[type="number"].sheet-number-input {
|
|
text-align: center;
|
|
border: 1px solid rgb(204, 204, 204);
|
|
padding: 3px;
|
|
}
|
|
|
|
input[type="number"].sheet-shorter-number {
|
|
width: 22px;
|
|
}
|
|
|
|
input[type="number"].sheet-pool-number {
|
|
font-size: 1.75em;
|
|
font-weight: bold;
|
|
height: 1.75em;
|
|
width: 1.75em;
|
|
background-color: white;
|
|
border: 1px solid transparent;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
margin-left: -3px;
|
|
box-shadow: 1px 1px 10px white, -1px -1px 10px white;
|
|
}
|
|
|
|
input[type="number"].sheet-low-visibility-number {
|
|
color: #bfbfbf;
|
|
font-size: 1.25em;
|
|
font-weight: bold;
|
|
height: 1.5em;
|
|
width: 1.5em;
|
|
background-color: transparent;
|
|
border: 1px solid #bfbfbf;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
margin-top: 1px;
|
|
margin-left: 1px;
|
|
box-shadow: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
input[type="number"].sheet-small {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-skinny-div {
|
|
height: 18px;
|
|
}
|
|
|
|
/* ACTION BUTTONS FOR TABULAR SHEET */
|
|
button[type="action"].sheet-action-tab {
|
|
width: 20%;
|
|
height: 10px;
|
|
background-color: transparent;
|
|
border: 1px solid rgba(105, 105, 105, 0.33);
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
line-height: 12px;
|
|
color: rgba(105, 105, 105, 0.33);
|
|
padding: 0px 0px 2px 0px;
|
|
}
|
|
button[type="action"].sheet-action-tab.sheet-fit-five {
|
|
width: 15%;
|
|
}
|
|
button[type="action"].sheet-action-tab.sheet-fit-two {
|
|
width: 35%;
|
|
}
|
|
|
|
button[type="action"].sheet-action-tab:hover {
|
|
color: #ffffff;
|
|
background-color: #696969;
|
|
border: 1px solid #696969;
|
|
}
|
|
|
|
button[type="action"].sheet-action-tab:active {
|
|
color: #ffffff;
|
|
background-color: #696969;
|
|
border: 1px solid #696969;
|
|
}
|
|
|
|
button[type="action"].sheet-action-tab:focus {
|
|
color: #ffffff;
|
|
background-color: #696969;
|
|
border: 1px solid #696969;
|
|
}
|
|
|
|
button[type="action"].sheet-tab-weapon {
|
|
width: 15% !important;
|
|
}
|
|
|
|
/* TABS */
|
|
div.sheet-tab-content, div.sheet-box-under-the-bed {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab-sheet[value="Character"] ~ div .sheet-ship,
|
|
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-character {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab-sheet[value="Character"] ~ div .sheet-character,
|
|
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-ship {
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-header-tabs button[type=action].sheet-action-tab {
|
|
width: 65px;
|
|
color: rgb(204, 204, 204);
|
|
background-color: #696969;
|
|
-border: 1px solid #696969;
|
|
border: 0;
|
|
border-radius: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
input.sheet-tab-sheet[value="Character"] ~ div .sheet-header-tabs button[name="act_tab_character"],
|
|
input.sheet-tab-sheet[value="Ship"] ~ div .sheet-header-tabs button[name="act_tab_ship"] {
|
|
color: black;
|
|
background-color: #d3d3d3;
|
|
}
|
|
|
|
input.sheet-tab-one:checked ~ div.sheet-tab-one-contents,
|
|
input.sheet-tab-two:checked ~ div.sheet-tab-two-contents,
|
|
input.sheet-tab-three:checked ~ div.sheet-tab-three-contents,
|
|
input.sheet-tab-four:checked ~ div.sheet-tab-four-contents {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab-alpha:checked ~ div.sheet-tab-alpha-contents,
|
|
input.sheet-tab-beta:checked ~ div.sheet-tab-beta-contents,
|
|
input.sheet-tab-gamma:checked ~ div.sheet-tab-gamma-contents,
|
|
input.sheet-tab-delta:checked ~ div.sheet-tab-delta-contents,
|
|
input.sheet-tab-epsilon:checked ~ div.sheet-tab-epsilon-contents,
|
|
input.sheet-tab-zeta:checked ~ div.sheet-tab-zeta-contents{
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab-modules1:checked ~ div.sheet-tab-modules1-contents,
|
|
input.sheet-tab-modules2:checked ~ div.sheet-tab-modules2-contents,
|
|
input.sheet-tab-modules3:checked ~ div.sheet-tab-modules3-contents,
|
|
input.sheet-tab-modules4:checked ~ div.sheet-tab-modules4-contents {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab-log1:checked ~ div.sheet-tab-log1-contents,
|
|
input.sheet-tab-log2:checked ~ div.sheet-tab-log2-contents,
|
|
input.sheet-tab-log3:checked ~ div.sheet-tab-log3-contents,
|
|
input.sheet-tab-log4:checked ~ div.sheet-tab-log4-contents {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab-armament1:checked ~ div.sheet-tab-armament1-contents,
|
|
input.sheet-tab-armament2:checked ~ div.sheet-tab-armament2-contents,
|
|
input.sheet-tab-armament3:checked ~ div.sheet-tab-armament3-contents,
|
|
input.sheet-tab-armament4:checked ~ div.sheet-tab-armament4-contents,
|
|
input.sheet-tab-armament5:checked ~ div.sheet-tab-armament5-contents {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab {
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
/* CUSTOM CHECKBOXES FOR ALIEN RPG */
|
|
|
|
input.sheet-numbered-box {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-numbered-box + span::before {
|
|
content: attr(title);
|
|
color: #dcdcdc;
|
|
border: solid 1px #f5f5f5;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #f5f5f5;
|
|
|
|
width: 16px;
|
|
height: 16px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
margin-left: -14px;
|
|
margin-right: 2px;
|
|
padding: 0px 0px 0px 0px;
|
|
line-height: 16px;
|
|
box-shadow: 0px 0px 5px #008b8b;
|
|
}
|
|
|
|
input.sheet-condition + span::before {
|
|
margin-right: 10px; /* Indent the conditions on the right-hand side */
|
|
}
|
|
|
|
input[type=radio].sheet-red-radio {
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 3px;
|
|
left: 6px;
|
|
}
|
|
|
|
input[type=radio].sheet-clear-radio {
|
|
width: 20px;
|
|
height: 20px;
|
|
top: 3px;
|
|
left: 6px;
|
|
}
|
|
|
|
input.sheet-numbered-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #cc0000;
|
|
border: solid 1px #cc0000;
|
|
box-shadow: 0px 0px 10px #b30000;
|
|
}
|
|
|
|
input.sheet-red-radio:checked + span::before {
|
|
color: #ffffff;
|
|
background: #cc0000;
|
|
border: solid 1px #cc0000;
|
|
box-shadow: 0px 0px 10px #b30000;
|
|
}
|
|
input.sheet-blue-box {
|
|
width: 40px;
|
|
}
|
|
input.sheet-blue-box + span::before {
|
|
width: 40px;
|
|
margin-left: -40px;
|
|
color: #696969;
|
|
background: #a0dfdf;
|
|
border: solid 1px #09c2c2;
|
|
box-shadow: 0px 0px 5px #008b8b;
|
|
}
|
|
input.sheet-blue-box:checked + span::before {
|
|
color: #696969;
|
|
background: transparent;
|
|
border: solid 1px #bfbfbf;
|
|
box-shadow: unset;
|
|
}
|
|
|
|
input.sheet-grey-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #808080;
|
|
border: solid 1px #808080;
|
|
box-shadow: 0px 0px 10px #008b8b;
|
|
}
|
|
|
|
input.sheet-green-box:checked + span::before {
|
|
color: #000000;
|
|
background: #7cfc00;
|
|
border: solid 1px #7cfc00;
|
|
box-shadow: 0px 0px 10px #008000;
|
|
}
|
|
|
|
input.sheet-gold-box:checked + span::before {
|
|
color: #000000;
|
|
background: #ffd700;
|
|
border: solid 1px #ffd700;
|
|
box-shadow: 0px 0px 10px #ffd700;
|
|
}
|
|
|
|
input.sheet-letter-box {
|
|
width: 28px;
|
|
height: 14px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 5;
|
|
opacity: 0;
|
|
}
|
|
|
|
input.sheet-letter-box + span::before {
|
|
content: attr(title);
|
|
color: #dcdcdc;
|
|
border: solid 1px #f5f5f5;
|
|
text-align: center;
|
|
display: inline-block;
|
|
background: #f5f5f5;
|
|
width: 28px;
|
|
height: 14px;
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
margin-left: -28px;
|
|
margin-right: 2px;
|
|
padding: 0px 0px 0px 0px;
|
|
line-height: 14px;
|
|
box-shadow: 0px 0px 5px #008b8b;
|
|
}
|
|
|
|
input.sheet-letter-box:checked + span::before {
|
|
color: #ffffff;
|
|
background: #808080;
|
|
border: solid 1px #808080;
|
|
box-shadow: 0px 0px 10px #008b8b;
|
|
}
|
|
|
|
/* Only show radios up to the max value */
|
|
input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3),
|
|
input[name="attr_shipdamage_max"][value="0"] ~ div .sheet-shipdamage:nth-of-type(1n+3) + span,
|
|
input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4),
|
|
input[name="attr_shipdamage_max"][value="1"] ~ div .sheet-shipdamage:nth-of-type(1n+4) + span,
|
|
input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5),
|
|
input[name="attr_shipdamage_max"][value="2"] ~ div .sheet-shipdamage:nth-of-type(1n+5) + span,
|
|
input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6),
|
|
input[name="attr_shipdamage_max"][value="3"] ~ div .sheet-shipdamage:nth-of-type(1n+6) + span,
|
|
input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7),
|
|
input[name="attr_shipdamage_max"][value="4"] ~ div .sheet-shipdamage:nth-of-type(1n+7) + span,
|
|
input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8),
|
|
input[name="attr_shipdamage_max"][value="5"] ~ div .sheet-shipdamage:nth-of-type(1n+8) + span,
|
|
input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9),
|
|
input[name="attr_shipdamage_max"][value="6"] ~ div .sheet-shipdamage:nth-of-type(1n+9) + span,
|
|
input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10),
|
|
input[name="attr_shipdamage_max"][value="7"] ~ div .sheet-shipdamage:nth-of-type(1n+10) + span,
|
|
input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11),
|
|
input[name="attr_shipdamage_max"][value="8"] ~ div .sheet-shipdamage:nth-of-type(1n+11) + span,
|
|
input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12),
|
|
input[name="attr_shipdamage_max"][value="9"] ~ div .sheet-shipdamage:nth-of-type(1n+12) + span,
|
|
input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13),
|
|
input[name="attr_shipdamage_max"][value="10"] ~ div .sheet-shipdamage:nth-of-type(1n+13) + span,
|
|
input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14),
|
|
input[name="attr_shipdamage_max"][value="11"] ~ div .sheet-shipdamage:nth-of-type(1n+14) + span,
|
|
input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15),
|
|
input[name="attr_shipdamage_max"][value="12"] ~ div .sheet-shipdamage:nth-of-type(1n+15) + span,
|
|
input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+16),
|
|
input[name="attr_shipdamage_max"][value="13"] ~ div .sheet-shipdamage:nth-of-type(1n+6) + span,
|
|
input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17),
|
|
input[name="attr_shipdamage_max"][value="14"] ~ div .sheet-shipdamage:nth-of-type(1n+17) + span,
|
|
input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18),
|
|
input[name="attr_shipdamage_max"][value="15"] ~ div .sheet-shipdamage:nth-of-type(1n+18) + span,
|
|
input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19),
|
|
input[name="attr_shipdamage_max"][value="16"] ~ div .sheet-shipdamage:nth-of-type(1n+19) + span,
|
|
input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20),
|
|
input[name="attr_shipdamage_max"][value="17"] ~ div .sheet-shipdamage:nth-of-type(1n+20) + span,
|
|
input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21),
|
|
input[name="attr_shipdamage_max"][value="18"] ~ div .sheet-shipdamage:nth-of-type(1n+21) + span,
|
|
input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22),
|
|
input[name="attr_shipdamage_max"][value="19"] ~ div .sheet-shipdamage:nth-of-type(1n+22) + span,
|
|
input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23),
|
|
input[name="attr_shipdamage_max"][value="20"] ~ div .sheet-shipdamage:nth-of-type(1n+23) + span {
|
|
display: none;
|
|
}
|
|
|
|
input[name="attr_shipdamage"][value="0"] ~ .sheet-shipdamage + span::before,
|
|
input.sheet-shipdamage1:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage2:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage3:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage4:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage5:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage6:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage7:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage8:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage9:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage10:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage11:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage12:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage13:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage14:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage15:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage16:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage17:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage18:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage19:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before,
|
|
input.sheet-shipdamage20:checked + .sheet-shipdamage ~ span:nth-of-type(1n+2)::before {
|
|
color: #ffffff;
|
|
background: #808080;
|
|
border: solid 1px #808080;
|
|
box-shadow: 0px 0px 10px #008b8b;
|
|
}
|
|
|
|
input.sheet-shipdamage + span:before {
|
|
color: #ffffff;
|
|
background: #cc0000;
|
|
border: solid 1px #cc0000;
|
|
box-shadow: 0px 0px 10px #b30000;
|
|
}
|
|
.sheet-hullpoints-missing {
|
|
display: none;
|
|
}
|
|
input[name="attr_shipdamage_max"][value="0"] ~ .sheet-hullpoints-missing {
|
|
display: inline-flex !important;
|
|
justify-self: center;
|
|
font-style: italic;
|
|
}
|
|
.sheet-ship-damage-row {
|
|
padding-top: 0;
|
|
}
|
|
|
|
|
|
/* WOOHOO BUTTONS */
|
|
button[type="roll"].sheet-button-alpha:before, button[type="roll"].sheet-button-skill:before, button[type="action"].sheet-action-modifier:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border: none;
|
|
background-image: none;
|
|
text-shadow: none;
|
|
}
|
|
|
|
|
|
|
|
button[type="roll"].sheet-button-skill {
|
|
height: 14px;
|
|
line-height: 14px;
|
|
width: 60%;
|
|
margin: 4px 1px;
|
|
background-color: transparent;
|
|
border: 1px solid rgb(204, 217, 207); /* Teal Varient */
|
|
border-radius: 5px;
|
|
background-image: none;
|
|
display: inline;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:hover {
|
|
color: rgb(204, 217, 207); /* Teal Varient */
|
|
background-color: rgba(0, 139, 139, 1); /* Dark Cyan #008b8b */
|
|
border: 1px solid #008b8b;
|
|
text-shadow: none;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:active {
|
|
color: rgb(204, 217, 207); /* Teal Varient */
|
|
background-color: #008b8b; /* Dark Cyan #008b8b */
|
|
border: 1px solid #008b8b; /* Dark Cyan #008b8b */
|
|
box-shadow: 0px 0px 10px #008b8b;
|
|
}
|
|
|
|
button[type="roll"].sheet-bigger-skill {
|
|
width: 75%;
|
|
}
|
|
|
|
/* Attack button in weapon box */
|
|
button[type="roll"].sheet-smaller-skill {
|
|
width: 16%;
|
|
border: 1px solid #008b8b; /* Gave it an outline as players were not realising it was a button */
|
|
}
|
|
|
|
|
|
button[type="roll"].sheet-button-alpha, button[type="roll"].sheet-button-beta, button[type="roll"].sheet-button-gamma{
|
|
margin-top: 0px;
|
|
margin-bottom: 0px;
|
|
border: 1px solid #008b8b;
|
|
width: inherit;
|
|
}
|
|
|
|
button[type="roll"].sheet-button-alpha {
|
|
text-transform: lowercase; /* Exception because common usage of 1d6 is more important than consistency with theme. */
|
|
}
|
|
|
|
button[type="roll"].sheet-button-skill:focus {
|
|
outline:0;
|
|
}
|
|
|
|
/* ROLL TEMPLATE STYLING */
|
|
.sheet-rolltemplate-alien .sheet-template-wrap {
|
|
background-color: hsl(0, 0%, 22%);
|
|
border: 1px solid #404040;
|
|
border-radius: 5px;
|
|
width: 100%;
|
|
margin-left: -10px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-wrap {
|
|
counter-reset: hit stress;
|
|
}
|
|
/* .sheet-rolltemplate-alien .sheet-template-wrap ::after {
|
|
content: "Results hits: " counter(hit) " stress: " counter(stress);
|
|
} */
|
|
.sheet-rolltemplate-alien .sheet-template-success::after {
|
|
content: counter(hit);
|
|
}
|
|
.sheet-rolltemplate-alien .sheet-template-stress::after {
|
|
content: counter(stress);
|
|
}
|
|
.sheet-rolltemplate-alien .sheet-hit {
|
|
counter-increment: hit;
|
|
}
|
|
.sheet-rolltemplate-alien .sheet-stress {
|
|
counter-increment: stress;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-background {
|
|
background: url(https://s3.amazonaws.com/files.d20.io/images/83147486/YCuEWUzaudOcg2mNHbiFCw/max.png?1559667169);
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
background-position: center center;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-grid {
|
|
display: grid;
|
|
grid-gap: 3px;
|
|
background-color: transparent;
|
|
padding: 3px;
|
|
grid-template-columns: 15.75% 15.75% 15.75% 15.75% 15.75% 15.75%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-grid-item {
|
|
background-color: rgba(259, 259, 259, 0.05);
|
|
color: #ffffff;
|
|
border: none;
|
|
border-radius: 5px;
|
|
padding: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-six {
|
|
grid-column: 1 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-half1 {
|
|
grid-column: 1 / 4;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-half2 {
|
|
grid-column: 4 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-left {
|
|
grid-column: 1 / 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-center {
|
|
grid-column: 3 / 5;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-right {
|
|
grid-column: 5 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-one {
|
|
grid-column: 1 / 2;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-two {
|
|
grid-column: 2 / 3;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-three {
|
|
grid-column: 3 / 4;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-four {
|
|
grid-column: 4 / 5;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-five {
|
|
grid-column: 5 / 6;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-span-shix {
|
|
grid-column: 6 / 7;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-to-the-left {
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-to-the-center {
|
|
padding-left: 43%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .inlinerollresult {
|
|
color: #000000;
|
|
font-size: 1.9em;
|
|
line-height: 35px;
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .inlinerollresult.fullcrit {
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .inlinerollresult.fullfail {
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .inlinerollresult.importantroll {
|
|
color: #000000;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-base-between {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Base-Between.png?raw=true");
|
|
background-size: 100% 100%;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-base-success {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Base-Success.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-stress-fail {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Fail.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-stress-between {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Between.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-stress-success {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Alien%20Roleplaying%20Game/Images/Stress-Success.png?raw=true");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-alien .sheet-template-yellow {
|
|
height: 35px;
|
|
width: 35px;
|
|
background-color: #ffe600;
|
|
border: none;
|
|
border-radius: 5px;
|
|
background-position: center;
|
|
} |