mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Simon Brooke
e300e51586
- Made robot PC skills panel show/hide via checkbox - Improve armour encumbrance check for battle dress and powered suits where the armour weight is effectively zero rather than 25% when worn - Fixed issues with equipment, weapons and armour weight calculations and triggering events
3486 lines
70 KiB
CSS
3486 lines
70 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Rationale&display=swap');
|
|
|
|
/* Default element overrides */
|
|
h4 {
|
|
font-size: 1.2em !important;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
input, select, textarea {
|
|
font-size: 1.1em !important;
|
|
border: 1px solid #f26723 !important;
|
|
}
|
|
|
|
select {
|
|
padding-top: 1px;
|
|
}
|
|
|
|
button {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
|
|
p {
|
|
font-family: "Rationale", sans-serif;
|
|
font-size: inherit;
|
|
}
|
|
|
|
/* Top level character sheet overrides for our background and font */
|
|
.charsheet {
|
|
background-color: #ededed;
|
|
font-family: "Rationale", sans-serif;
|
|
font-size: 1.2em !important;
|
|
min-width: 825px;
|
|
}
|
|
|
|
/* Tabs */
|
|
.sheet-prime,
|
|
.sheet-skills,
|
|
.sheet-inventory,
|
|
.sheet-combat,
|
|
.sheet-powers,
|
|
.sheet-notes,
|
|
.sheet-topbar,
|
|
.sheet-pc,
|
|
.sheet-npc,
|
|
.sheet-animal,
|
|
.sheet-robot,
|
|
.sheet-ship,
|
|
.sheet-shipdetails,
|
|
.sheet-shipcombat,
|
|
.sheet-shipcrew,
|
|
.sheet-shipslocker,
|
|
.sheet-shipsledger,
|
|
.sheet-shipnotes,
|
|
.sheet-passengers,
|
|
.sheet-freight,
|
|
.sheet-speculative,
|
|
.sheet-salvage,
|
|
.sheet-tradelog,
|
|
.sheet-trade,
|
|
.sheet-help,
|
|
.sheet-vehicle,
|
|
.sheet-vehicledetails,
|
|
.sheet-vehiclenotes {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Show the selected tab for all the different tab and sub-tab groups */
|
|
.sheet-tabstoggle[value="prime"] ~ .sheet-prime,
|
|
.sheet-tabstoggle[value="skills"] ~ .sheet-skills,
|
|
.sheet-tabstoggle[value="inventory"] ~ .sheet-inventory,
|
|
.sheet-tabstoggle[value="combat"] ~ .sheet-combat,
|
|
.sheet-tabstoggle[value="powers"] ~ .sheet-powers,
|
|
.sheet-tabstoggle[value="notes"] ~ .sheet-notes {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="pc"] ~ .sheet-topbar,
|
|
.sheet-typetoggle[value="pc"] ~ .sheet-pc {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="npc"] ~ .sheet-topbar,
|
|
.sheet-typetoggle[value="npc"] ~ .sheet-npc {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="animal"] ~ .sheet-animal {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="robot"] ~ .sheet-robot {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="ship"] ~ .sheet-ship {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-shiptype[value="shipdetails"] ~ .sheet-shipdetails {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
margin-left: 2px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-shiptype[value="shipcombat"] ~ .sheet-shipcombat,
|
|
.sheet-shiptype[value="shipcrew"] ~ .sheet-shipcrew,
|
|
.sheet-shiptype[value="shipslocker"] ~ .sheet-shipslocker,
|
|
.sheet-shiptype[value="shipsledger"] ~ .sheet-shipsledger,
|
|
.sheet-shiptype[value="shipnotes"] ~ .sheet-shipnotes {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="trade"] ~ .sheet-trade {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="help"] ~ .sheet-help {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-typetoggle[value="vehicle"] ~ .sheet-vehicle {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-vehicletype[value="vehicledetails"] ~ .sheet-vehicledetails {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-vehicletype[value="vehiclenotes"] ~ .sheet-vehiclenotes {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-tradetoggle[value="passengers"] ~ .sheet-passengers {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-tradetoggle[value="freight"] ~ .sheet-freight {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-tradetoggle[value="speculative"] ~ .sheet-speculative {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-tradetoggle[value="salvage"] ~ .sheet-salvage {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-tradetoggle[value="tradelog"] ~ .sheet-tradelog {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* MoveToRelated */
|
|
.sheet-pc button[type="action"] {
|
|
font-size: 1.2em !important;
|
|
}
|
|
|
|
/* MoveToRelated */
|
|
.sheet-show-trained {
|
|
margin-left: auto;
|
|
margin-right: 30px;
|
|
float: right;
|
|
}
|
|
|
|
/* Container styles */
|
|
div.sheet-tab-content {
|
|
border: 2px solid #f26723;
|
|
border-radius: 3px;
|
|
margin: 2px 2px 5px -5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
div.sheet-topbar {
|
|
border: 1px solid #f26723;
|
|
margin: 2px 2px 2px -5px;
|
|
padding: 5px;
|
|
padding-bottom: -10px;
|
|
}
|
|
|
|
div.sheet-settings {
|
|
margin: 2px 2px 2px -5px;
|
|
}
|
|
|
|
.sheet-roll_toggle span,
|
|
.sheet-mod_toggle span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
input[type="text"] {
|
|
height: 28px !important;
|
|
}
|
|
|
|
/* Number boxes */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
width: 2.7em !important;
|
|
margin-bottom: 2px;
|
|
height: 28px !important;
|
|
}
|
|
|
|
input[type="number"]:hover {
|
|
-moz-appearance: initial;
|
|
}
|
|
|
|
/* General bold, border, margin & textarea styles */
|
|
.sheet-redbold {
|
|
/* color: #f26723;*/
|
|
font-weight: bold;
|
|
border: #f26723 solid 1px;
|
|
}
|
|
|
|
.sheet-redbold-noborder {
|
|
color: #f26723;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-white {
|
|
background-color: white;
|
|
}
|
|
|
|
.sheet-noborder {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.sheet-redborder {
|
|
border: #f26723 solid 1px !important;
|
|
padding: 4px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.sheet-redborder + .sheet-redborder {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-redborder > h4 {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-redborder:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.sheet-redborder textarea {
|
|
height: 75px;
|
|
}
|
|
|
|
.sheet-narrowtext textarea {
|
|
height: 40px;
|
|
}
|
|
|
|
.sheet-margin-left {
|
|
margin-left: 10px;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-row-panel {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-bold span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-bold span:first-child {
|
|
/* margin-left: 3px;*/
|
|
}
|
|
|
|
.sheet-bordered-width {
|
|
width: 100% !important;
|
|
margin-top: 3px !important;
|
|
margin-bottom: 3px !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.sheet-large-text {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.sheet-medium-text {
|
|
font-size: 1.5em !important;
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.sheet-header {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-mod {
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Text boxes and inputs */
|
|
.sheet-input {
|
|
display: inline-block;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
margin: 0px;
|
|
background-color: rgba(255,255,255,0.9);
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input:focus,
|
|
textarea:focus,
|
|
select:focus {
|
|
outline-color: #f26723;
|
|
outline-style: solid;
|
|
}
|
|
|
|
input[type="text"].sheet-input {
|
|
width: 100%;
|
|
height: 28px !important;
|
|
}
|
|
|
|
input[type="radio"],
|
|
input[type="option"],
|
|
input[type="select"],
|
|
input[type="checkbox"] {
|
|
accent-color: #f26723;
|
|
margin-right: 3px;
|
|
width: 13px;
|
|
}
|
|
|
|
.radio[disabled] {
|
|
background-color: #f26723;
|
|
}
|
|
|
|
input[type="number"].sheet-input_II {
|
|
display: inline-block;
|
|
border: 1px dotted #f26723;
|
|
margin: 0px;
|
|
width: 50px;
|
|
background-color: rgba(255,255,255,0.9);
|
|
-moz-appearance: textfield;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input[type="number"].sheet-input_II::-webkit-outer-spin-button,
|
|
input[type="number"].sheet-input_II::-webkit-inner-spin-button,
|
|
input[type="number"].sheet-armourweight::-webkit-outer-spin-button,
|
|
input[type="number"].sheet-armourweight::-webkit-inner-spin-button,
|
|
input[type="number"].sheet-weaponweight::-webkit-outer-spin-button,
|
|
input[type="number"].sheet-weaponweight::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.sheet-roll_boon span,
|
|
.sheet-roll_normal span,
|
|
.sheet-roll_bane span,
|
|
.sheet-mod_yes span ,
|
|
.sheet-mod_no span {
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* Armour */
|
|
.sheet-armourlist {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 800px;
|
|
}
|
|
|
|
.sheet-armouritem {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
margin: 0px 0px 5px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-armourtype {
|
|
width: 164px;
|
|
}
|
|
|
|
.sheet-armourtl {
|
|
width: 69px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armourprotection {
|
|
width: 97px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armourlaser {
|
|
width: 166px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armourrad {
|
|
width: 69px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armourweight {
|
|
width: 69px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armourskill {
|
|
width: 160px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-armournote {
|
|
width: 98% !important;
|
|
height: 50px !important;
|
|
}
|
|
|
|
/* Weapons */
|
|
.sheet-weaponlist {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-weaponitem {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
margin: 0px 0px 10px 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.sheet-weaponitem select,
|
|
.sheet-weaponitem input {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.sheet-weaponroll,
|
|
.sheet-weaponspacer {
|
|
width: 25px !important;
|
|
margin-bottom: 2px !important;
|
|
}
|
|
|
|
.sheet-weaponrollbutton {
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
font-size: 0.8em;
|
|
margin-left: -1px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-weaponspacer {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-wideinput {
|
|
width: 220px !important;
|
|
}
|
|
|
|
.sheet-weaponskill {
|
|
width: 62px;
|
|
}
|
|
|
|
.sheet-weapondm {
|
|
width: 88px;
|
|
}
|
|
|
|
.sheet-weapondmg {
|
|
width: 62px;
|
|
}
|
|
|
|
.sheet-weapontl {
|
|
width: 47px;
|
|
}
|
|
|
|
.sheet-weaponrange {
|
|
width: 73px;
|
|
}
|
|
|
|
input.sheet-weaponweight {
|
|
width: 58px;
|
|
}
|
|
|
|
.sheet-weaponmag {
|
|
width: 209px;
|
|
}
|
|
|
|
.sheet-weaponnote {
|
|
width: 94%;
|
|
margin-left: 4px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
/* Tables */
|
|
.sheet-ship-funds {
|
|
margin-right: auto !important;
|
|
margin-left: auto !important;
|
|
width: 98%;
|
|
}
|
|
|
|
.sheet-ship-funds h4 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/* -Headings and elements */
|
|
|
|
h2 {
|
|
margin-left: -10px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.2em !important;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1em !important;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
textarea {
|
|
height: 2em;
|
|
width: 97%;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted #f26723;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
margin: 0px;
|
|
background-color: rgba(255, 255, 255);
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
|
|
-webkit-transition: border linear .2s,box-shadow linear .2s;
|
|
-moz-transition: border linear .2s,box-shadow linear .2s;
|
|
-ms-transition: border linear .2s,box-shadow linear .2s;
|
|
-o-transition: border linear .2s,box-shadow linear .2s;
|
|
transition: border linear .2s,box-shadow linear .2s;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
resize: vertical;
|
|
}
|
|
|
|
/* Sheet Skillbox */
|
|
|
|
/* Hide actual sheet-skillbox checkbox */
|
|
|
|
input.sheet-skillbox[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 100px;
|
|
/* position: relative; */
|
|
top: 0px;
|
|
left: 20px;
|
|
/* margin: -30px; */
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-gear skillbox */
|
|
|
|
input.sheet-skillbox[type="checkbox"]::before + span::before {
|
|
margin-right: 4px;
|
|
margin-left: 0px;
|
|
line-height: 14px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
content: "";
|
|
width: 100px;
|
|
height: 14px;
|
|
color: silver;
|
|
position: relative;
|
|
}
|
|
|
|
span.sheet-skillbox {
|
|
position: relative;
|
|
/* left: -40px; */
|
|
/* width: 100px; */
|
|
text-shadow: none;
|
|
font-weight: bold;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
input.sheet-skillbox[type="checkbox"]:checked + span {
|
|
color: #f26723;
|
|
}
|
|
|
|
/* Button Reset */
|
|
|
|
button[type="roll"]:before, button[type="action"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
button[type="roll"], button[type="action"] {
|
|
width: 95%;
|
|
height: 27px;
|
|
padding-bottom: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
margin-top: 2px !important;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background-color: rgba(255,255,255,0.9);
|
|
border: 1px solid #f26723;
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
button[type="roll"]:hover {
|
|
background-color: black;
|
|
border-color: #f26723;
|
|
color: white
|
|
}
|
|
|
|
button[type="roll"] label, button[type="roll"] input, button[type="action"] label, button[type="action"] input {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border: none;
|
|
font-weight: 700;
|
|
}
|
|
|
|
button[type="roll"]:hover label, button[type="roll"]:hover input {
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-button_header {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
margin-top: 1px;
|
|
padding: 0px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
span.button.sheet-button_header {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 1.0em;
|
|
}
|
|
|
|
.sheet-button_header_rep {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 0.8em;
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
}
|
|
|
|
/* Sheet-button Reset */
|
|
span.sheet-button {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
button.sheet-button[type="roll"], button.sheet-button[type="action"] {
|
|
width: 95%;
|
|
height: 24px;
|
|
padding-bottom: 0;
|
|
display: inline-block;
|
|
margin: 0;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
background-image: none;
|
|
background-color: white;
|
|
border: 1px solid #f26723;
|
|
white-space: nowrap;
|
|
border-radius: 4px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
button.sheet-button[type="roll"]:hover {
|
|
background-color: black;
|
|
border-color: #f26723;
|
|
color: white
|
|
}
|
|
|
|
button.sheet-button[type="roll"] label, button[type="roll"] input, button.sheet-button[type="action"] label, button[type="action"] input {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-align: center;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
background: none;
|
|
box-shadow: none;
|
|
transition: none;
|
|
border-radius: none;
|
|
border: none;
|
|
font-weight: 700;
|
|
}
|
|
|
|
button.sheet-button[type="roll"]:hover label, button[type="roll"]:hover input {
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
input.sheet-modselect[value="yes"] ~ .sheet-mod_yes,
|
|
input.sheet-modselect[value="no"] ~ .sheet-mod_no,
|
|
input.sheet-rollselect[value="normal"] ~ .sheet-roll_normal,
|
|
input.sheet-rollselect[value="boon"] ~ .sheet-roll_boon,
|
|
input.sheet-rollselect[value="bane"] ~ .sheet-roll_bane {
|
|
background-color: black;
|
|
border-color: #f26723;
|
|
color: white
|
|
}
|
|
|
|
input.sheet-modselect[value="yes"] ~ .sheet-button:not(.sheet-mod_yes),
|
|
input.sheet-modselect[value="no"] ~ .sheet-button:not(.sheet-mod_no),
|
|
input.sheet-rollselect[value="normal"] ~ .sheet-button:not(.sheet-roll_normal),
|
|
input.sheet-rollselect[value="boon"] ~ .sheet-button:not(.sheet-roll_boon),
|
|
input.sheet-rollselect[value="bane"] ~ .sheet-button:not(.sheet-roll_bane) {
|
|
background-color: white;
|
|
border-color: #f26723;
|
|
color: black
|
|
}
|
|
|
|
.sheet-roll_toggle {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-mod_toggle button,
|
|
.sheet-roll_toggle button {
|
|
width: 8vw !important;
|
|
}
|
|
|
|
.sheet-mod-switch[value="1"] ~ .sheet-mod_toggle,
|
|
.sheet-mod-switch[value="2"] ~ .sheet-mod_toggle,
|
|
.sheet-roll-switch[value="1"] ~ .sheet-roll_toggle,
|
|
.sheet-roll-switch[value="2"] ~ .sheet-roll_toggle {
|
|
display: none
|
|
}
|
|
|
|
.sheet-mod-switch[value="3"] ~ .sheet-mod_toggle,
|
|
.sheet-roll-switch[value="3"] ~ .sheet-roll_toggle {
|
|
display: inline
|
|
}
|
|
|
|
.sheet-dicerollbutton {
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
font-size: 0.8em !important;
|
|
}
|
|
|
|
/* Sheet 2 colrow */
|
|
|
|
.sheet-gear {
|
|
/* border: 1px solid #f26723 !important;*/
|
|
display: grid;
|
|
width: 100% !important;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 10px;
|
|
margin-bottom: 3px;
|
|
|
|
}
|
|
|
|
.sheet-gear_grid {
|
|
display: grid;
|
|
grid-template-columns: 0.8fr 0.8fr 0.8fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-gear_col {
|
|
border: 1px solid #f26723 !important;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-gear_col span {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/* Sheet-arrow */
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
|
|
div.sheet-body {
|
|
font-size: 1em;
|
|
}
|
|
|
|
div.sheet-body,
|
|
span.sheet-body,
|
|
div.sheet-laf-gridbody {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ span.sheet-body,
|
|
input.sheet-arrow:checked ~ div.sheet-body {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
border: 1px #f26723 solid;
|
|
border-radius: 3px;
|
|
padding: 2px;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ span.sheet-body,
|
|
input.sheet-hider:checked ~ div.sheet-body {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
border: 1px #f26723 solid;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
input.sheet-power:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
border: 1px #f26723 solid;
|
|
border-radius: 3px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sheet-hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Hide actual sheet reset */
|
|
input.sheet-reddot[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 8px;
|
|
top: 0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-reset checkbox */
|
|
input.sheet-reddot[type="checkbox"] + span::before {
|
|
position: relative;
|
|
left: -7px;
|
|
margin-right: 0px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "2";
|
|
width: 20px;
|
|
height: 20px;
|
|
font-size: 1em;
|
|
background: transparent;
|
|
color: #f26723;
|
|
}
|
|
|
|
input.sheet-reddot[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
font-family: "Pictos";
|
|
content: "D";
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* Hide actual sheet-arrow checkbox */
|
|
input.sheet-arrow[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 5px;
|
|
left: 6px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-arrow checkbox */
|
|
input.sheet-arrow[type="checkbox"] + span::before {
|
|
color: #f26723;
|
|
text-shadow: 3px 0 black;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
float: left;
|
|
content: "►";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
text-shadow: 3px 0 black;
|
|
content: "▼";
|
|
}
|
|
|
|
/* Hide actual sheet-arrow checkbox */
|
|
|
|
input.sheet-untrained[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 20px;
|
|
left: 2px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-arrow checkbox */
|
|
|
|
input.sheet-untrained[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -5px;
|
|
/* color: #f26723;*/
|
|
color: forestgreen;
|
|
text-shadow: none;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
/* font-family: "Pictos";*/
|
|
content: "☑";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 2em;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.sheet-untrained[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
content: "☐";
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
/* Fake sheet-arrow checkbox */
|
|
input.sheet-carried[type="checkbox"],
|
|
input.sheet-delete[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px !important;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin-right: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-carried[type="checkbox"] + span::before,
|
|
input.sheet-delete[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -10px;
|
|
color: #f26723;
|
|
text-shadow: none;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "D";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1em;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.sheet-delete[type="checkbox"] + span::before {
|
|
content: "#";
|
|
}
|
|
|
|
input.sheet-carried[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
content: "2";
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ------------------*/
|
|
/* Sheet crate */
|
|
/* ------------------*/
|
|
|
|
/* Hide actual sheet-arrow checkbox */
|
|
input.sheet-crate[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: -8px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-arrow checkbox */
|
|
input.sheet-crate[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -5px;
|
|
color: #f26723;
|
|
text-shadow: none;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "+";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1em;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.sheet-crate[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
content: "-";
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ------------------------*/
|
|
/* Sheet Power */
|
|
/* ------------------*/
|
|
|
|
/* Hide actual sheet-power checkbox */
|
|
input.sheet-power[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: 10px;
|
|
left: 10px;
|
|
margin: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Fake sheet-power checkbox */
|
|
input.sheet-power[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 10px;
|
|
margin-right: 5px;
|
|
color: #f26723;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "+";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
input.sheet-power[type="checkbox"]:checked + span::before {
|
|
color: #f26723;
|
|
content: "-";
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sheet-shiptotalpower-field {
|
|
border: 1px solid #f26723;
|
|
border-radius: 3px;
|
|
width: 2.7em;
|
|
margin-bottom: 3px;
|
|
padding-left: 5px;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
/*----------------------------*/
|
|
/* Roll Templates */
|
|
/*----------------------------*/
|
|
|
|
/* Alt Rolltemplates */
|
|
.sheet-rolltemplate-skill-attrib-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-power-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-talent-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-combat-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-combat-animal-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-skill-general-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-trade-broker-alt.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt div {
|
|
display: grid;
|
|
position: relative;
|
|
background-color: #d6e4f3;
|
|
border: 2px solid #f26723;
|
|
/*display: inline-block;*/
|
|
width: 90%;
|
|
background: #e8d4c8;
|
|
font-size: 1.5em;
|
|
font-family: "Rationale", sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode>.sheet-rolltemplate-alt div {
|
|
background-color: darkgray;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt div:before {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
content: '';
|
|
border-top: 20px solid #f26723;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt div:after {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
content: '';
|
|
border-top: 20px solid #d6e4f3;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-darkmode>.sheet-rolltemplate-alt div:after {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
content: '';
|
|
border-top: 20px solid #353535;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt .inlinerollresult {
|
|
display: inline-block;
|
|
height: 1em;
|
|
background-color: #e8d4c8;
|
|
align-content: center;
|
|
font-size: 26px;
|
|
border: 2px solid #f26723 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt .inlinerollresult.importantroll,
|
|
.sheet-rolltemplate-alt .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-alt .inlinerollresult.fullfail {
|
|
border: 2px solid #f26723;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt .sheet-noborder .inlinerollresult {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt span {
|
|
padding: 0px;
|
|
padding-top: 2px;
|
|
text-shadow: none;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
text-align: center;
|
|
padding-bottom: 2px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt span:empty {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt .sheet-rolltemplate-message > span.inlinerollresult {
|
|
border: 0 !important;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-combat {
|
|
color: FireBrick !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-combat-animal {
|
|
color: #641e16 !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-skill {
|
|
color: Green !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-skill-general {
|
|
color: Teal !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-power {
|
|
color: Blue !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-trade-broker {
|
|
color: #34495e !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-trade-broker-alt
|
|
.sheet-rolltemplate-alt .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.2em;
|
|
text-align: center;
|
|
border: 1px solid #596a72;
|
|
background: transparent;
|
|
text-shadow: none;
|
|
padding: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
|
|
/* Tabs */
|
|
|
|
button.sheet-type,
|
|
button.sheet-tab {
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
line-height: 20px;
|
|
outline: none !important;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 10.5vw;
|
|
content: attr(title);
|
|
display: inline;
|
|
height: 35px;
|
|
background: white;
|
|
/* padding-left: 10px;*/
|
|
/* padding-right: 10px;*/
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: black;
|
|
/*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
|
|
text-shadow: none;
|
|
}
|
|
|
|
button.sheet-but-prime {
|
|
margin-left: 1px;
|
|
}
|
|
|
|
input.sheet-typeshow[value="pc"] ~ .sheet-type-pc,
|
|
input.sheet-typeshow[value="npc"] ~ .sheet-type-npc,
|
|
input.sheet-typeshow[value="animal"] ~ .sheet-type-animal,
|
|
input.sheet-typeshow[value="robot"] ~ .sheet-type-robot,
|
|
input.sheet-typeshow[value="ship"] ~ .sheet-type-ship,
|
|
input.sheet-shiptypeshow[value="shipdetails"] ~ .sheet-type-shipdetails,
|
|
input.sheet-shiptypeshow[value="shipcombat"] ~ .sheet-type-shipcombat,
|
|
input.sheet-shiptypeshow[value="shipcrew"] ~ .sheet-type-shipcrew,
|
|
input.sheet-shiptypeshow[value="shipslocker"] ~ .sheet-type-shipslocker,
|
|
input.sheet-shiptypeshow[value="shipsledger"] ~ .sheet-type-shipsledger,
|
|
input.sheet-shiptypeshow[value="shipnotes"] ~ .sheet-type-shipnotes,
|
|
input.sheet-typeshow[value="vehicle"] ~ .sheet-type-vehicle,
|
|
input.sheet-vehicletypeshow[value="vehicledetails"] ~ .sheet-type-vehicledetails,
|
|
input.sheet-vehicletypeshow[value="vehiclenotes"] ~ .sheet-type-vehiclenotes,
|
|
input.sheet-tradetypeshow[value="passengers"] ~ .sheet-type-passengers,
|
|
input.sheet-tradetypeshow[value="freight"] ~ .sheet-type-freight,
|
|
input.sheet-tradetypeshow[value="speculative"] ~ .sheet-type-speculative,
|
|
input.sheet-tradetypeshow[value="salvage"] ~ .sheet-type-salvage,
|
|
input.sheet-tradetypeshow[value="tradelog"] ~ .sheet-type-tradelog,
|
|
input.sheet-typeshow[value="trade"] ~ .sheet-type-trade,
|
|
input.sheet-typeshow[value="help"] ~ .sheet-type-help,
|
|
input.sheet-tabstoggle[value="prime"] ~ .sheet-but-prime,
|
|
input.sheet-tabstoggle[value="skills"] ~ .sheet-but-skills,
|
|
input.sheet-tabstoggle[value="inventory"] ~ .sheet-but-inventory,
|
|
input.sheet-tabstoggle[value="combat"] ~ .sheet-but-combat,
|
|
input.sheet-tabstoggle[value="powers"] ~ .sheet-but-powers,
|
|
input.sheet-tabstoggle[value="notes"] ~ .sheet-but-notes {
|
|
border: solid 2px #f26723;
|
|
background: black;
|
|
color: white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
/*.sheet-inventory {*/
|
|
/* font-size: 1.1em;*/
|
|
/*}*/
|
|
|
|
.sheet-vehicledetails {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-09-font {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-11-font {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-11-font span {
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-vehicle-font2 {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-vehicle-font span {
|
|
font-size: 1.2em !important;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint.sheet-vehicle-font {
|
|
font-size: 0.8em;
|
|
background-color: inherit;
|
|
}
|
|
|
|
.sheet-vehiclenotes,
|
|
.sheet-shipnotes,
|
|
.sheet-shipslocker,
|
|
.sheet-shipsledger,
|
|
.sheet-shipcrew {
|
|
border: 0px !important;
|
|
}
|
|
|
|
span.sheet-shipcomponent,
|
|
span.sheet-shipcomponent2 {
|
|
font-size: 1.2em;
|
|
height: 24px;
|
|
padding-left: 5px;
|
|
font-weight: bold;
|
|
width: 160px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
span.sheet-shipcomponent2 {
|
|
width: 100px;
|
|
}
|
|
|
|
span.sheet-shipdetail,
|
|
input.sheet-shipdetail[type="text"] {
|
|
width: 300px;
|
|
display: inline-block;
|
|
background: white;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-shiptons,
|
|
.ui-dialog .charsheet input.sheet-shiptons[type=number] {
|
|
width: 80px;
|
|
display: inline-block;
|
|
background: white;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-shipcost,
|
|
.ui-dialog .charsheet input.sheet-shipcost[type=number] {
|
|
width: 80px;
|
|
display: inline-block;
|
|
background: white;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
span.sheet-shiphead,
|
|
input.sheet-shiphead {
|
|
border: solid 1px black;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
padding-left: 3px;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
height: auto;
|
|
}
|
|
|
|
.sheet-shipsledger_record {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 3fr 0.6fr;
|
|
}
|
|
|
|
.sheet-shipsledger_record > input[type="text"],
|
|
.sheet-shipsledger_record input[type="number"] {
|
|
width: 100px !important;
|
|
}
|
|
|
|
.sheet-shipsledger_record > input[type="text"]:nth-of-type(2) {
|
|
width: 45vw !important;
|
|
}
|
|
|
|
.sheet-critseverity {
|
|
width: 80px;
|
|
display: inline-block;
|
|
background: white;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.repcontrol {
|
|
height: 2em;
|
|
}
|
|
|
|
.repcontrol_move {
|
|
display: none;
|
|
}
|
|
|
|
.btn.repcontrol_add,
|
|
.btn.repcontrol_edit {
|
|
color: #f5f5f5;
|
|
font-size: 0.1em;
|
|
height: 15px;
|
|
}
|
|
|
|
button.btn.repcontrol_add::after {
|
|
font-family: "Pictos";
|
|
content: "&";
|
|
margin-left: -8px;
|
|
margin-right: -5px;
|
|
font-size: 10em;
|
|
color: #f26723;
|
|
}
|
|
|
|
button.btn.repcontrol_edit::after {
|
|
font-family: "Pictos";
|
|
content: "(";
|
|
margin-left: -8px;
|
|
margin-right: -5px;
|
|
font-size: 10em;
|
|
color: #f26723;
|
|
}
|
|
|
|
/* Passenger/Freight Calculator */
|
|
|
|
.sheet-passengers,
|
|
.sheet-freight,
|
|
.sheet-speculative,
|
|
.sheet-salvage,
|
|
.sheet-tradelog{
|
|
font-size: 1.1em !important;
|
|
}
|
|
|
|
.sheet-flex_content {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-flex_content div:first-child {
|
|
margin-right: 3px;
|
|
width: 15%;
|
|
align-self: flex-start;
|
|
}
|
|
|
|
|
|
.sheet-flex_content div:nth-child(2) {
|
|
width: 85%;
|
|
}
|
|
|
|
.sheet-speculative,
|
|
.sheet-speculative-subpanel {
|
|
border: #f26723 solid 1px;
|
|
padding: 2px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-speculative-subpanel h4 {
|
|
margin-left: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-speculative-tradecodes {
|
|
width: 100% !important;
|
|
display: grid;
|
|
grid-template-columns: 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr 0.2fr 1fr;
|
|
}
|
|
|
|
.sheet-speculative-tradecodes input,
|
|
.sheet-speculative-tradecodes span {
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-speculative-subpanel.sheet-speculative-font {
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-speculative-subpanel div {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-speculativebutton {
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
font-size: 0.9em;
|
|
width: 5% !important;
|
|
}
|
|
|
|
.sheet-speculativezerobutton {
|
|
width: 18px !important;
|
|
padding-left: 1px;
|
|
margin-right: 3px !important;
|
|
}
|
|
|
|
.sheet-speculativemarker {
|
|
display: inline-block;
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
font-size: 0.9em;
|
|
width: 2%;
|
|
}
|
|
|
|
div.sheet-speculativegoods h3 {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
div.sheet-speculativegoods-row-pg {
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 2fr 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 5px;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
div.sheet-speculativegoods-row-pg span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.sheet-speculativegoods-row-pg h5:first-child,
|
|
div.sheet-speculativegoods-row-pg span:first-child {
|
|
margin-left: 5px;
|
|
}
|
|
div.sheet-speculativegoods-row {
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 2.2fr 1fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.5fr;
|
|
column-gap: 5px;
|
|
}
|
|
div.sheet-speculativegoods-row input[type="number"] {
|
|
width: 50px !important;
|
|
}
|
|
div.sheet-speculativegoods-row h5 {
|
|
margin-left: 0px;
|
|
}
|
|
div.sheet-speculativegoodstotal-row {
|
|
display: grid;
|
|
grid-template-columns: 120px 120px 120px 120px 120px 120px 120px;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
div[data-groupname=repeating_speculative-purchase-goods].repcontrol,
|
|
div[data-groupname=repeating_speculative-sale-goods].repcontrol,
|
|
div[data-groupname=repeating_speculative-freight-goods].repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
/* Hide the buttons for repeating group as salvage list is preset */
|
|
.sheet-salvage > .repcontrol {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-salvage-control {
|
|
width: 50%;
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr;
|
|
}
|
|
|
|
.sheet-salvage-control > button {
|
|
height: 28px;
|
|
}
|
|
|
|
.sheet-salvage-control > input {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
div.sheet-salvage-row {
|
|
/* width: 50%;*/
|
|
display: grid;
|
|
grid-template-columns: 0.25fr 2fr 1fr 0.1fr 0.25fr 2fr 1fr;
|
|
column-gap: 5px;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt:has(.sheet-template-hazard-border) div:before,
|
|
.sheet-rolltemplate-alt:has(.sheet-template-hazard-border) div:after {
|
|
border-top: 0;
|
|
border-left: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt > .sheet-template-hazard-border,
|
|
.sheet-hazard-border {
|
|
border: 5px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
#f26723 10px,
|
|
#f26723 20px
|
|
) 10;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-hazard-border-purchase {
|
|
border: 3px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
#f26723 10px,
|
|
#f26723 20px
|
|
) 10;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-hazard-border-sale {
|
|
border: 3px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
#f26723 10px,
|
|
#f26723 20px
|
|
) 10;
|
|
padding: 5px;
|
|
}
|
|
|
|
div.sheet-speculativestarport-row {
|
|
display: grid;
|
|
grid-template-columns: 70px 15px 70px 15px 70px 15px 50px 15px;
|
|
column-gap: 15px;
|
|
}
|
|
|
|
.sheet-textright {
|
|
text-align: right;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.sheet-textright-margin {
|
|
text-align: right;
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.sheet-textcentre {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-error {
|
|
background: #f26723;
|
|
}
|
|
|
|
.sheet-errortext {
|
|
font-weight: bold;
|
|
color: #f26723;
|
|
}
|
|
|
|
.sheet-freight-info-row {
|
|
display: grid;
|
|
grid-template-columns: 120px 100px 100px 100px 100px 100px;
|
|
column-gap: 15px;
|
|
}
|
|
|
|
.sheet-freight-info-row input {
|
|
height: 22px !important;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-passenger-info-row {
|
|
display: grid;
|
|
grid-template-columns: 70px 20px 70px 20px 70px 20px 70px 20px;
|
|
column-gap: 15px;
|
|
}
|
|
|
|
.sheet-passenger-info-row input {
|
|
height: 22px !important;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-passenger-info-row span {
|
|
font-size: 1.2em !important;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
color: #333;
|
|
text-rendering: optimizelegibility;
|
|
}
|
|
|
|
.sheet-hr {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
border-top: 1px solid #f26723;
|
|
}
|
|
|
|
.sheet-manifest-button {
|
|
height: 20px;
|
|
width: 95px !important;
|
|
}
|
|
|
|
.sheet-warning {
|
|
color: #f26723;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.sheet-vehiclecomponent {
|
|
font-size: 1.5em;
|
|
height: 24px;
|
|
padding-left: 5px;
|
|
font-weight: bold;
|
|
width: 250px;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-vehicle h3 {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sheet-uwp-panel {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
.sheet-uwpbutton {
|
|
height: 23px !important;
|
|
line-height: 0px !important;
|
|
border: #f26723 1px solid !important;
|
|
}
|
|
|
|
.sheet-uwptext {
|
|
height: 23px !important;
|
|
line-height: 0px !important;
|
|
margin-bottom: 4px !important;
|
|
}
|
|
|
|
.sheet-subsidizedtrade {
|
|
display: flex;
|
|
margin-top: 0px !important;
|
|
}
|
|
.sheet-groupfunds {
|
|
display: grid;
|
|
grid-template-columns: 2fr 1.5fr 1.5fr 0.25fr 3fr;
|
|
}
|
|
|
|
.sheet-groupfunds input[type="text"] {
|
|
width: 50% !important;
|
|
height: 25px !important;
|
|
}
|
|
|
|
.sheet-groupfunds input[type="text"] {
|
|
width: 50% !important;
|
|
height: 25px !important;
|
|
}
|
|
|
|
.sheet-cargospace {
|
|
display: grid;
|
|
grid-template-columns: 1.25fr 1fr 1.5fr 1.5fr;
|
|
}
|
|
|
|
|
|
/* New styles designated 'laf', a lot of grid stuff used to replace tables */
|
|
|
|
.sheet-laf-characteristics {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 98%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr 1fr 0.5fr 0.5fr 0.5fr 1fr 0.5fr 0.5fr 0.5fr;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-morale {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 98%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-centredgrid {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: grid;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-2colrow {
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: none;
|
|
}
|
|
|
|
.sheet-laf-2colrow12 {
|
|
grid-template-columns: 1fr 2fr;
|
|
grid-template-rows: none;
|
|
grid-row-gap: 2px;
|
|
}
|
|
|
|
.sheet-laf-3colrow113 {
|
|
grid-template-columns: 1fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-laf-spangrid-textarea {
|
|
width: 97.5% !important;
|
|
grid-column: 1 / 5;
|
|
}
|
|
|
|
.sheet-laf-borderbox {
|
|
box-sizing: border-box;
|
|
height: 60px !important
|
|
}
|
|
|
|
.sheet-laf-4colrow1111 {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-4colrow1111 textarea {
|
|
grid-column: span 2;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-laf-4colrow1311 {
|
|
grid-template-columns: 0.25fr 2fr 0.25fr 0.25fr 2fr;
|
|
grid-template-rows: none;
|
|
width: 100%;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.sheet-laf-4colrow1311 button {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-laf-5colrow13111 {
|
|
grid-template-columns: 0.25fr 2fr 0.5fr 0.5fr 2fr;
|
|
grid-template-rows: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-5colrow13111 button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-5colrow13111 span:first-child {
|
|
margin-left: 3px !important;
|
|
}
|
|
|
|
.sheet-laf-4colrow1313 {
|
|
grid-template-columns: 1fr 3fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
}
|
|
|
|
.sheet-laf-4colrow1313 textarea {
|
|
width: 99% !important;
|
|
grid-column: span 4;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-laf-4colrow1313 span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-skillsummaryrow {
|
|
grid-template-columns: 1px 1.5fr 1px 1.5fr 1px 1.5fr 1px 1.5fr 1px 1.9fr 1px 1.5fr 1px 2fr;
|
|
grid-template-rows: none;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-laf-skillrow {
|
|
grid-template-columns: 150px 130px 50px 70px 80px 1fr 1fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-skillrow-robot {
|
|
grid-template-columns: 150px 80px 80px 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-pcrobotskills {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-robotshowskills {
|
|
margin-bottom: 3px !important;
|
|
}
|
|
|
|
span:has(.sheet-robotshowskills:checked) ~ .sheet-pcrobotskills {
|
|
display: block;
|
|
}
|
|
|
|
.sheet-laf-skillrow button[type="compendium"] {
|
|
width: 18px;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.sheet-laf-skillrow span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-skillrow .sheet-gridspan19 {
|
|
margin-top: 3px;;
|
|
}
|
|
|
|
.sheet-laf-otherskillrow {
|
|
grid-template-columns: 0.5fr 2fr 2fr 2fr 0.75fr 1.2fr 1.2fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-otherskillrow span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-otherskillrow button {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-laf-centre-checkbox {
|
|
width: 16px !important;
|
|
margin-left: 20px !important;
|
|
}
|
|
|
|
.sheet-grid-c4r1 {
|
|
grid-column: 4;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-grid-c6r1 {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-grid-c6r2 {
|
|
grid-column: 6;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sheet-grid-c6r5 {
|
|
grid-column: 6;
|
|
grid-row: 5;
|
|
}
|
|
|
|
.sheet-grid-c8r1 {
|
|
grid-column: 8;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-gridspan18 {
|
|
grid-column: 1 / 8;
|
|
}
|
|
|
|
.sheet-gridspan19 {
|
|
grid-column: 1 / 9;
|
|
}
|
|
|
|
.sheet-gridspan10 {
|
|
grid-column: 1 / 10;
|
|
}
|
|
|
|
.sheet-laf-skillrow button:first-child {
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
.sheet-laf-wauto {
|
|
width: auto !important;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.sheet-laf-wauto input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-laf-wnum {
|
|
width: 3.5em !important;
|
|
height: 30px !important;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.sheet-laf-wnum2 {
|
|
width: 4em !important;
|
|
}
|
|
|
|
.sheet-laf-gearrow {
|
|
grid-template-columns: 1fr 5fr 1fr 0.5fr 0.5fr 0.5fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-gearrow span {
|
|
margin-top: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
.sheet-laf-gearrow input:nth-of-type(3) {
|
|
width: 3em !important;
|
|
}
|
|
|
|
.sheet-laf-finance {
|
|
width: 300px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-finance span {
|
|
display: block;
|
|
width: 160px;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-finance input {
|
|
display: block;
|
|
width: 120px !important;
|
|
}
|
|
|
|
.sheet-laf-otherwealth {
|
|
grid-template-columns: 3fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-otherwealth input[type="number"] {
|
|
width: 100px !important;
|
|
}
|
|
|
|
.sheet-laf-otherwealth textarea {
|
|
grid-column: 1 / 4;
|
|
width: 99%;
|
|
}
|
|
|
|
.sheet-laf-initbutton {
|
|
height: 28px !important;
|
|
}
|
|
|
|
.sheet-powers {
|
|
font-size: 1.0em;
|
|
}
|
|
|
|
.sheet-laf-psistr {
|
|
grid-template-columns: 3fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-power {
|
|
grid-template-columns: 0.15fr 120px 150px 100px 200px 1fr;
|
|
grid-template-rows: none;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sheet-laf-power select {
|
|
width: inherit;
|
|
}
|
|
|
|
.sheet-laf-power button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-power textarea {
|
|
grid-column: 1 / 4;
|
|
height: 30px !important;
|
|
width: 99% !important;
|
|
}
|
|
|
|
.sheet-laf-custompower {
|
|
grid-template-columns: 0.25fr 170px 130px 0.3fr 0.3fr 0.7fr 0.65fr 0.9fr 0.5fr;
|
|
grid-template-rows: none;
|
|
column-gap: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-specialability {
|
|
grid-template-columns: 0.05fr 1fr 0.05fr;
|
|
grid-template-rows: none;
|
|
column-gap: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-specialability textarea {
|
|
grid-column: 1 / 4;
|
|
width: 98.5%;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-custompower span,
|
|
.sheet-laf-specialability span {
|
|
width: inherit;
|
|
}
|
|
|
|
.sheet-laf-custompower button,
|
|
.sheet-laf-specialability button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-custompower select {
|
|
width: inherit;
|
|
}
|
|
|
|
.sheet-laf-5colrow13111 {
|
|
grid-template-columns: 0.25fr 2fr 0.5fr 0.5fr 2fr;
|
|
grid-template-rows: none;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.sheet-laf-armourlist {
|
|
grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr 1.2fr 1fr 0.1fr 1.5fr 0.4fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-armourlist-px {
|
|
grid-template-columns: 220px 1fr 1.2fr 1.2fr 1.2fr 1fr 0.1fr 1.5fr 0.4fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-armourlist input,
|
|
.sheet-laf-armourlist select {
|
|
height: 28px !important;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-armourlist input[type="checkbox"] {
|
|
outline: none;
|
|
}
|
|
|
|
.sheet-laf-armourlist select {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-armourlist > div {
|
|
width: max-content;
|
|
}
|
|
|
|
/* Do not know why I've had to do this but header spans just do not line up */
|
|
.sheet-laf-header-offset span: {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist {
|
|
grid-template-columns: 0.2fr 2fr 0.5fr 0.5fr 0.6fr 0.6fr 0.5fr 0.7fr 0.5fr 0.5fr 0.5fr 0.7fr 0.4fr;
|
|
margin-bottom: 4px;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist button {
|
|
width: 25px;
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.sheet-laf-weaponlist textarea {
|
|
grid-column: 1 / 14;
|
|
}
|
|
|
|
.sheet-laf-weaponlist select:first-of-type {
|
|
width: 55px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist select:nth-of-type(2) {
|
|
width: 70px;
|
|
}
|
|
|
|
|
|
.sheet-laf-weaponlist input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-laf-weaponlist div {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-laf-ship {
|
|
grid-template-columns: 1fr 5fr 1fr 5fr 1fr 5fr 1fr 1fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship span {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.sheet-laf-ship input {
|
|
font-size: 1.5em !important;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-pl-neg {
|
|
color: #f26723;
|
|
}
|
|
|
|
.sheet-laf-ship-power {
|
|
grid-template-columns: 0.1fr 1.2fr 0.25fr 0.3fr 1.2fr 0.25fr 0.3fr 1.2fr 0.25fr 0.1fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-power input {
|
|
width: 80px !important;
|
|
}
|
|
|
|
.sheet-laf-shipcrew {
|
|
grid-template-columns: 0.1fr 0.75fr 0.1fr 0.75fr 0.15fr 0.2fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-shipcrew span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-shipcrew-skill {
|
|
grid-template-columns: 0.1fr 2fr 0.1fr 0.2fr 0.1fr 0.2fr 0.1fr 2fr 0.1fr 0.2fr 0.1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-shipcrew-skill span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-animal {
|
|
font-size: 1.1em;
|
|
}
|
|
.sheet-shipdetails {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.sheet-laf-diagnostics {
|
|
grid-template-columns: 1fr 1fr 3fr;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-laf-animal {
|
|
grid-template-columns: 1fr 0.2fr 0.2fr;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-laf-animal-sub {
|
|
/* width: 75%;*/
|
|
grid-template-columns: 0.1fr 1fr 0.1fr;
|
|
}
|
|
|
|
.sheet-laf-animal-weapon {
|
|
grid-template-columns: 2fr 0.9fr 0.25fr 0.25fr 0.3fr 0.1fr;
|
|
}
|
|
|
|
.sheet-laf-animal-weapon input[type="text"]:first-child {
|
|
width: 300px !important;
|
|
}
|
|
|
|
.sheet-laf-animal-init {
|
|
/* width: 75%;*/
|
|
grid-template-columns: 0.25fr 0.25fr 5fr;
|
|
}
|
|
|
|
.sheet-laf-animal-init button {
|
|
height: 28px !important;
|
|
padding: 0;
|
|
margin: 0px !important;
|
|
font-size: 1.1em !important;
|
|
}
|
|
|
|
.sheet-laf-animal-detail {
|
|
grid-template-columns: 3fr 0.2fr 0.25fr;
|
|
}
|
|
|
|
.sheet-laf-animal-detail input {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-animal-desc {
|
|
grid-column: span 2;
|
|
width: 98% !important;
|
|
}
|
|
|
|
.sheet-laf-animal-cols {
|
|
grid-column: 2 / 4;
|
|
}
|
|
|
|
.sheet-laf-robot {
|
|
grid-template-columns: 1fr 0.3fr 0.3fr 1fr 0.3fr 0.2fr 0.5fr;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-laf-robot-sub {
|
|
grid-template-columns: 0.1fr 1fr 0.1fr 0.75fr;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint.sheet-speculative-font {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-laf-vehicle-armor {
|
|
width: 80%;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-vehicle-div {
|
|
width: 90% !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-data {
|
|
grid-template-columns: 11fr 0.5fr 0fr 13fr 0.5fr;
|
|
font-size: 1.05em;
|
|
}
|
|
|
|
.sheet-laf-vehicle-data input {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors {
|
|
/* width: 90% !important;*/
|
|
grid-template-columns: 260px 0.25fr 0.25fr 0.1fr 5fr;
|
|
margin-bottom: 3px;
|
|
font-size: 1.05em;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors span,
|
|
.sheet-laf-vehicle-sensors input[type="number"] {
|
|
width: 90px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors input[type="text"] {
|
|
width: 260px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors button div {
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
.sheet-laf-vehicle-textarea {
|
|
display: block;
|
|
width: 98% !important;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 60px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-data input {
|
|
width: 120px !important;
|
|
margin-bottom: 2px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-data input[type="text"] {
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-armor span,
|
|
.sheet-laf-vehicle-data span {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-weaponsrow {
|
|
width: 100%;
|
|
grid-template-columns: 1.25fr 2fr 1fr 1fr 1fr 1fr 1.5fr 1.5fr 0.25fr;
|
|
grid-auto-flow: column;
|
|
align-items: center;
|
|
}
|
|
|
|
/*.sheet-laf-vehicle-weaponsrow span {*/
|
|
/* font-size: 1.2em;*/
|
|
/*}*/
|
|
|
|
.sheet-laf-ship-components {
|
|
grid-template-columns: 1.5fr 3.5fr 0.5fr 1fr 1.5fr 0.2fr;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/*.sheet-laf-ship-components-rep {*/
|
|
/* grid-template-columns: 1.2fr 2.4fr 0.45fr 0.8fr 1fr;*/
|
|
/* margin-top: 5px;*/
|
|
/* margin-right: 2px;*/
|
|
/*}*/
|
|
|
|
/*.sheet-laf-ship-components-rep > input:last-of-type {*/
|
|
/* margin-right: 5px;*/
|
|
/* margin-bottom: 2px;*/
|
|
/*}*/
|
|
|
|
.sheet-laf-ship-components > span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-components-template {
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr;
|
|
grid-template-areas: "components crew"
|
|
"components runningcosts"
|
|
"components power"
|
|
"components xxx"
|
|
"components xxx";
|
|
}
|
|
|
|
.sheet-laf-ship-components-p {
|
|
margin-right: 3px;
|
|
grid-area: components;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-laf-ship-components-p > div:first-of-type > span {
|
|
border-bottom: 2px solid #f26723;
|
|
}
|
|
|
|
.sheet-laf-ship-components input {
|
|
width: 100% !important;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-laf-ship-components span {
|
|
width: 100%;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-laf-ship-component-hider {
|
|
grid-column: 6;
|
|
}
|
|
|
|
span.sheet-laf-ship-component-hider {
|
|
margin-top: -25px;
|
|
/* margin-bottom: 10px;*/
|
|
}
|
|
|
|
input.sheet-laf-ship-component-hider {
|
|
margin-top: 7px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-component-rep {
|
|
grid-column: 1 / 7;
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-ship-component-rep .repcontrol {
|
|
height: 1.5em;
|
|
}
|
|
|
|
.sheet-laf-ship-component-rep .repitem .sheet-laf-ship-components span {
|
|
/* width: 132px;*/
|
|
}
|
|
|
|
/*.sheet-laf-ship-component-rep .repitem .sheet-laf-ship-components input[type="text"]:first-of-type {*/
|
|
/* width: 195px !important;*/
|
|
/* margin-left: 6px;*/
|
|
/*}*/
|
|
|
|
.sheet-laf-ship-component-rep .repitem .sheet-laf-ship-components input[type="text"]:not(:first-of-type) {
|
|
/* width: 32px;*/
|
|
}
|
|
|
|
.sheet-laf-ship-component-rep2 {
|
|
grid-column: 1 / 8;
|
|
}
|
|
|
|
.sheet-laf-ship-crew-p {
|
|
grid-area: crew;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-crew-p > textarea {
|
|
width: 94%;
|
|
height: 100px !important;
|
|
}
|
|
|
|
/*.sheet-laf-ship-crew-p textarea {*/
|
|
/* height: 80px;*/
|
|
/*}*/
|
|
|
|
.sheet-laf-ship-power-p,
|
|
.sheet-laf-ship-runningcosts-p {
|
|
display: grid;
|
|
grid-area: runningcosts;
|
|
margin-bottom: 3px;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p h4,
|
|
.sheet-laf-ship-runningcosts-p h4 {
|
|
margin-bottom: 15px;
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p {
|
|
display: grid;
|
|
grid-area: power;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p input,
|
|
.sheet-laf-ship-runningcosts-p input {
|
|
width: 100px !important;
|
|
margin-bottom: 10px;
|
|
font-size: 1em !important;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p input[type="number"] {
|
|
font-size: 1.2em !important;
|
|
width: 50% !important;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p h5,
|
|
.sheet-laf-ship-runningcosts-p h5 {
|
|
margin-top: 10px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p > span:nth-of-type(even),
|
|
.sheet-laf-ship-power-p .repitem > span {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-laf-ship-power-combat {
|
|
display: grid;
|
|
grid-template-columns: 2fr 0.5fr 1fr 0.75fr 0.75fr 0.1fr 0.5fr 2fr 0.5fr 1fr 0.75fr 0.75fr 0.2fr;
|
|
}
|
|
|
|
.sheet-laf-ship-power-combat > input[type="number"] {
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.sheet-laf-ship-power-combat > input[type="text"] {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-laf-ship-power-combat-wrapper > .sheet-laf-ship-power-combat > span {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-power-offline-bg {
|
|
background: green;
|
|
}
|
|
|
|
.sheet-power-offline {
|
|
display: none !important;
|
|
}
|
|
|
|
label:has(.sheet-power-offline), .sheet-power-offline + label {
|
|
text-align: center;
|
|
border: 1px solid #f26723;
|
|
border-radius: 3px;
|
|
width: 15px;
|
|
color: white;
|
|
background-color: red;
|
|
font-size: 12px;
|
|
padding-top: 3px;
|
|
height: 22px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
label:has(.sheet-power-offline:checked), .sheet-power-offline:checked + label {
|
|
background-color: green;
|
|
height: 22px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
label:has(.sheet-power-offline):after, .sheet-power-offline + label:after {
|
|
font-family: "Pictos";
|
|
content: 'd';
|
|
background-color: red;
|
|
padding-left: 7px;
|
|
height: 22px;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
label:has(.sheet-power-offline:checked):after,
|
|
.sheet-power-offline:checked + label:after {
|
|
font-family: "Pictos";
|
|
content: 'f';
|
|
background-color: green;
|
|
height: 22px;
|
|
}
|
|
|
|
.sheet-laf-width-99 {
|
|
width: 99% !important;
|
|
}
|
|
|
|
.sheet-laf-height-150 {
|
|
height: 150px !important;
|
|
}
|
|
|
|
.sheet-laf-height-750 {
|
|
height: 750px !important;
|
|
}
|
|
|
|
.sheet-laf-centre {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-ship-hulldamage {
|
|
grid-template-columns: 1fr 1fr 3fr 1fr 2fr 0.25fr;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-bandwidth {
|
|
padding-top: 5px;
|
|
display: grid;
|
|
grid-template-columns: 2fr 0.5fr 0.5fr 0.1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-bandwidth > span {
|
|
text-align: right;
|
|
margin-right: 3px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-bandwidth > span:nth-of-type(5) {
|
|
border: #f26723 solid 1px !important;
|
|
border-radius: 3px;
|
|
margin-bottom: 3px;
|
|
margin-top: 0;
|
|
text-align: left;
|
|
padding-left: 3px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-laf-ship-software {
|
|
display: grid;
|
|
column-gap: 10px;
|
|
grid-template-columns: 1fr 2fr 1fr 1fr 0.5fr 5fr;
|
|
}
|
|
|
|
.sheet-laf-ship-software > input[type="text"] {
|
|
width: auto;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-status {
|
|
grid-template-columns: 1fr 0.5fr 1fr 0.75fr 0.75fr 2fr 1fr 0.5fr 1fr 0.5fr 1fr 0.75fr 0.75fr 0.1fr;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-status span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-hulldamage-cb {
|
|
margin-top: 3px !important;
|
|
margin-left: -5px !important;
|
|
}
|
|
|
|
.sheet-shipcombat-pilot-panel,
|
|
.sheet-shipcombat-engineer-panel,
|
|
.sheet-shipcombat-computer-panel,
|
|
.sheet-shipcombat-sensor-panel,
|
|
.sheet-shipcombat-gunners-panel {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
input.sheet-shipcombat-pilot-toggle,
|
|
input.sheet-shipcombat-engineer-toggle,
|
|
input.sheet-shipcombat-computer-toggle,
|
|
input.sheet-shipcombat-sensor-toggle,
|
|
input.sheet-shipcombat-gunners-toggle {
|
|
height: 20px !important;
|
|
width: 20px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
h3:has(input.sheet-shipcombat-pilot-toggle:not(:checked)) ~ .sheet-shipcombat-pilot-panel,
|
|
h3:has(input.sheet-shipcombat-engineer-toggle:not(:checked)) ~ .sheet-shipcombat-engineer-panel,
|
|
h3:has(input.sheet-shipcombat-computer-toggle:not(:checked)) ~ .sheet-shipcombat-computer-panel,
|
|
h3:has(input.sheet-shipcombat-sensor-toggle:not(:checked)) ~ .sheet-shipcombat-sensor-panel,
|
|
h3:has(input.sheet-shipcombat-gunners-toggle:not(:checked)) ~ .sheet-shipcombat-gunners-panel {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
/*.sheet-resetbutton {*/
|
|
/* font-family: "Pictos";*/
|
|
/* color: #f26723;*/
|
|
/* font-size: 0.8em;*/
|
|
/* margin-left: -1px;*/
|
|
/* margin-top: 3px;*/
|
|
/*}*/
|
|
|
|
.sheet-laf-ship-thrust-panel {
|
|
margin-bottom: 3px;
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel > span {
|
|
width: 80px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel > select {
|
|
width: fit-content;
|
|
margin-right: 10px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel > table {
|
|
width: 100%;
|
|
grid-column: 1/5;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel > div > table td {
|
|
width: 20px;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox {
|
|
/* cursor: pointer; */
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0;
|
|
margin: 0;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox.label-checkbox-disabled {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox.label-checkbox-disabled span {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
visibility: hidden;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox span {
|
|
padding: 5px 6px;
|
|
border: 1px solid #f26723;
|
|
display: inline-block;
|
|
color: #202020;
|
|
border-radius: 3px;
|
|
background: #f5f5f5;
|
|
user-select: none;
|
|
width: 15px;
|
|
text-align: center;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-thrust-panel td .label-checkbox input:checked + span {
|
|
box-shadow: inset 1px 2px 5px #777;
|
|
transform: translateY(1px);
|
|
background: #f26723;
|
|
}
|
|
|
|
.sheet-laf-ship-criticaldamage {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 10fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-ship-criticaldamage > span {
|
|
text-align: right;
|
|
margin-top: 5px;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.sheet-laf-ship-criticaldamage > span > span {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-laf-ship-criticaldamage > input,
|
|
.sheet-laf-ship-criticaldamage > button {
|
|
margin-top: 3px !important;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.sheet-laf-ship-criticaldamage > span:nth-of-type(3),
|
|
.sheet-laf-ship-criticaldamage > span:nth-of-type(5) {
|
|
text-align: left;
|
|
margin-left: 5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit-cb {
|
|
grid-column: 8;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit {
|
|
grid-template-columns: 1fr 0.5fr 0.2fr 0.1fr 4fr 0.05fr 0.15fr;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit > input[type="text"] {
|
|
grid-column: 2/10;
|
|
width: 99.2%;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit > span {
|
|
font-size: 1.1em;
|
|
display:inline-table;
|
|
height: 28px;
|
|
max-height: 100px;
|
|
padding: 0;
|
|
padding-left: 3px;
|
|
margin-bottom: 3px;
|
|
white-space: break-spaces;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit > span:nth-of-type(4) {
|
|
width: 400px;
|
|
font-size: 15px;
|
|
height: 26px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit > span:not(.sheet-redborder) {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit > select {
|
|
width: fit-content;
|
|
}
|
|
|
|
.sheet-laf-ship-criticalhit.sheet-redborder {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills-px {
|
|
grid-template-columns: 391px 60px 57px 63px 61px;
|
|
margin-bottom: 3px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills {
|
|
grid-template-columns: 400px 1.5fr 1.75fr 1.8fr 24px 1fr;
|
|
margin-bottom: 3px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills > input[type="text"] {
|
|
width: 400px;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills > button > .sheet-weaponrollbutton {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills > div {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-laf-ship-combat-skills > div > input[type="text"] {
|
|
width: 250px;
|
|
margin-right: 3px;
|
|
}
|
|
.sheet-laf-ship-combat-skills > div > input[type="text"]:nth-of-type(2) {
|
|
width: 45px;
|
|
}
|
|
|
|
.sheet-hardpoints-ref {
|
|
background-color: cyan;
|
|
}
|
|
|
|
.repitem:not(:first-child) > .sheet-laf-ship-hardpoint > span {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint {
|
|
column-gap: 3px;
|
|
margin-top: 3px !important;
|
|
background-color: lightgray;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.1fr 0.1fr;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint-abs {
|
|
grid-template-columns: 85px 120px 4em 4em 89px 60px 4em 85px 3em 2.1em
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint > label {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint input,
|
|
.sheet-laf-ship-hardpoint-px input {
|
|
width: 120px;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint span {
|
|
margin-top: 3px !important;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint-px h4,
|
|
.sheet-laf-ship-hardpoint h4 {
|
|
font-size: 1.5em !important;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint div {
|
|
margin-top: 3px !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint>.sheet-weaponroll {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-costtext {
|
|
width: 90px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-rangetext {
|
|
width: 80px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-combattext {
|
|
width: 50px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-traitstext {
|
|
width: 85px !important;
|
|
}
|
|
|
|
.sheet-laf-custom-characteristics {
|
|
grid-template-columns: 2fr 1fr 1fr 1fr 0.125fr 5fr;
|
|
}
|
|
|
|
.sheet-laf-custom-characteristics button {
|
|
margin-top: 3px !important;
|
|
width: 25px !important;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-laf-custom-characteristics span:first-child {
|
|
width: 210px;
|
|
}
|
|
|
|
.sheet-boldspan {
|
|
|
|
}
|
|
|
|
.sheet-boldspan span {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-checkbox-option {
|
|
margin-left: 3px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-freight-cargotype {
|
|
display: grid;
|
|
grid-template-columns: 0.5fr 0.1fr 0.5fr 0.1fr 0.5fr 0.1fr 0.5fr 0.1fr 0.5fr 0.1fr 0.5fr 0.1fr 0.5fr;
|
|
}
|
|
|
|
.sheet-freight-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.sheet-freight-content div {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-freight-content div:first-child {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.sheet-trade-block {
|
|
display: grid;
|
|
padding: 10px;
|
|
margin: 3px;
|
|
grid-template-columns: 0.2fr 1fr !important;
|
|
grid-auto-rows: 25px;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
.sheet-trade-block input {
|
|
height: 25px !important;
|
|
}
|
|
|
|
.sheet-trade-block span {
|
|
height: 25px !important;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-trade-block-header {
|
|
grid-column: 1 / 3;
|
|
}
|
|
|
|
.sheet-passenger-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.sheet-passenger-content div {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-passenger-content div:first-child {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.largedialog textarea {
|
|
height: 60px;
|
|
}
|
|
|
|
.sheet-gearnotes {
|
|
width:97.5% !important;
|
|
height:40px ;
|
|
resize: vertical;
|
|
}
|
|
|
|
.sheet-power-detail {
|
|
display: grid;
|
|
width: 100%;
|
|
grid-template-columns: 2fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-power-detail span:nth-child(2) {
|
|
text-align: right;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-power-rating {
|
|
background-color: yellow;
|
|
}
|
|
|
|
.sheet-power-rating-variable {
|
|
background-color: lightgoldenrodyellow;
|
|
}
|
|
|
|
.sheet-power-rating-error {
|
|
background-color: #ff6666;
|
|
}
|
|
|
|
.sheet-wide-button {
|
|
width: 100% !important;
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
.sheet-wide-button span {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-trade-broker-section {
|
|
margin-top: 3px !important;
|
|
height: 25px !important;
|
|
}
|
|
|
|
.sheet-acknowledgement {
|
|
text-align: center;
|
|
color: darkgray;
|
|
}
|
|
|
|
.sheet-notes-textarea {
|
|
width: 99% !important;
|
|
height:500px !important;
|
|
}
|
|
|
|
.sheet-mail-attrs {
|
|
color: #f26723;
|
|
}
|
|
|
|
.sheet-npc-movement {
|
|
display: grid;
|
|
grid-template-columns: 0.5fr 1.5fr 0.2fr 0.4fr 1fr;
|
|
}
|
|
|
|
.sheet-npc-movement span {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-laf-vehicle-mount {
|
|
width: 90% !important;
|
|
}
|
|
|
|
.sheet-slidein,
|
|
.repitem {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-skill-toggles {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr 6fr;
|
|
}
|
|
|
|
.sheet-trade-passagetype {
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.1fr 0.35fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr 0.1fr 1fr;
|
|
}
|
|
|
|
.sheet-trade-parsecs {
|
|
display: grid;
|
|
grid-template-columns: 0.97fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 0.1fr 0.35fr 2fr;
|
|
}
|
|
|
|
.sheet-rollmod {
|
|
width: 80px !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.sheet-wounds {
|
|
margin-top: 5px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
width: 97%;
|
|
}
|
|
|
|
.sheet-wounds span {
|
|
margin-top: 3px;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
input.sheet-wounding-boolean:not([value='1']) ~ div .sheet-wounds {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-currentdamage-boolean:not([value='1']) ~ div .sheet-currentdamage {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-currentdamage-boolean[value='1'] ~ div .sheet-offsetdamage {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-npc-powers-boolean:not([value='1']) ~ div .sheet-npc-powers {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrade {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-dismiss-dropbar-help:not([value='0']) ~ div .sheet-laf-compendium-drop-help {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-laf-logo {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 98%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-orangeflash {
|
|
width: 100%;
|
|
height: 20px;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Mongoose%20Traveller%202e%20Official/OrangeDivider.png");
|
|
}
|
|
|
|
.tab-pane .sheet-laf-orangeflash {
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.sheet-compendium-btn-rel {
|
|
position: relative;
|
|
top: -3px;
|
|
right: 0;
|
|
height: 16px !important;
|
|
width: 16px;
|
|
font-size: 15px !important;
|
|
padding: 2px 2px 4px 2px !important;
|
|
align-self: baseline;
|
|
}
|
|
|
|
.charsheet:before {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
content: '';
|
|
border-top: 20px solid #f26723;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.charsheet:after {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
content: '';
|
|
border-top: 20px solid #ffffff;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
body.sheet-darkmode .charsheet:after {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
content: '';
|
|
border-top: 20px solid #000000;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.charsheet,
|
|
.sheet-laf-border-corner {
|
|
position: relative;
|
|
background-color: #ededed;
|
|
border: 2px solid #f26723 !important;
|
|
}
|
|
|
|
.sheet-laf-border-corner:before {
|
|
position: absolute;
|
|
right: -1px;
|
|
top: -1px;
|
|
content: '';
|
|
border-top: 20px solid #f26723;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.sheet-laf-border-corner:after {
|
|
position: absolute;
|
|
right: -2px;
|
|
top: -2px;
|
|
content: '';
|
|
border-top: 20px solid #ededed;
|
|
border-left: 30px solid transparent;
|
|
}
|
|
|
|
.sheet-laf-sheet-buttons {
|
|
margin-left: -5px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
|
|
padding-top: 3px;
|
|
padding-left: 3px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
background-color: #f2672322;
|
|
}
|
|
|
|
.sheet-traveller-logo {
|
|
height: 90px;margin-left: -10px;
|
|
}
|
|
|
|
.sheet-mongoose-logo {
|
|
height: 90px;margin: 0 0 0 auto;
|
|
}
|
|
|
|
/* Compendium Styling */
|
|
.ui-dialog .charsheet button[type=compendium] {
|
|
font-size: 1em;
|
|
height: 20px;
|
|
color: #f26723;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
margin-top: 2px;
|
|
padding-top: 3px;
|
|
/* margin-left: -3px;*/
|
|
background: white;
|
|
}
|
|
|
|
.sheet-floating_compendium {
|
|
margin-top: -3px !important;
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
.sheet-floating_compendium_info {
|
|
margin-top: -6px !important;
|
|
}
|
|
|
|
.sheet-floating_compendium_button {
|
|
margin-top: 3px !important;
|
|
float: right;
|
|
}
|
|
|
|
.sheet-laf-dismiss {
|
|
font-family: "Pictos";
|
|
color: #f26723;
|
|
font-size: 0.8em;
|
|
float: right;
|
|
margin-right: 3px;
|
|
cursor: grab;
|
|
}
|
|
|
|
.sheet-laf-compendium-drop-target {
|
|
background: repeating-linear-gradient(45deg, #f2672333, #f2672333 10px, transparent 10px, transparent 20px);
|
|
margin-bottom: 10px;
|
|
width: auto;
|
|
height: 30px;
|
|
}
|
|
|
|
.sheet-laf-compendium-drop-target.dropping {
|
|
background: repeating-linear-gradient(45deg, #f26723, #f26723 10px, transparent 10px, transparent 20px);
|
|
}
|
|
|
|
.sheet-laf-compendium-drop-target h4 {
|
|
margin-top: 7px;
|
|
}
|
|
|
|
.sheet-laf-compendium-button,
|
|
.sheet-laf-compendium-drop-target>button[type="compendium"] {
|
|
position: relative;
|
|
float: right;
|
|
margin-top: -26px !important;
|
|
margin-right: 15px !important;
|
|
height: 18px !important;
|
|
}
|
|
|
|
.sheet-laf-compendium-drop-symbol {
|
|
display: block;
|
|
width: 50px;
|
|
height: 50px;
|
|
font-size: 80px;
|
|
padding: 0px;
|
|
padding-top: 4px;
|
|
margin-top: -30px;
|
|
float: right;
|
|
text-align: center;
|
|
text-anchor: middle;
|
|
line-height: 50px;
|
|
margin-right: 1px;
|
|
color: #f26723;
|
|
rotate: -45deg;
|
|
}
|
|
|
|
.sheet-laf-compendium-accept-input {
|
|
display: none;
|
|
}
|
|
|
|
/* ---------------------------------------------------------------------
|
|
M O B I L E C S S
|
|
----------------------------------------------------------------*/
|
|
@media only screen and (pointer: coarse) {
|
|
/* css that only affects sheet on mobile. Play around with "max-width" vaule, might differ between phones */
|
|
.sheet-laf-characteristics {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 98%;
|
|
display: grid;
|
|
grid-template-columns: 1fr 0.5fr 0.5fr 0.5fr;
|
|
grid-template-rows: auto;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-mobilehide {
|
|
display: none;
|
|
}
|
|
|
|
button.sheet-type,
|
|
button.sheet-tab {
|
|
margin-top: 1px;
|
|
margin-bottom: 1px;
|
|
line-height: 20px;
|
|
outline: none !important;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 11vw;
|
|
content: attr(title);
|
|
display: inline;
|
|
height: 35px;
|
|
background: white;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
font-size: 2.7vw;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: black;
|
|
text-shadow: none;
|
|
}
|
|
} |