mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
2580 lines
52 KiB
CSS
2580 lines
52 KiB
CSS
|
|
select[multiple]:focus option:checked {
|
|
background: red linear-gradient(0deg, red 0%, red 100%);
|
|
}
|
|
|
|
.charsheet {
|
|
background-color: lightgray;
|
|
/*background-image: url("https://s3.amazonaws.com/files.d20.io/images/350870005/di7b7xENUb5XlsOdBNS_QA/max.jpg?1689681759");
|
|
background-color: rgba(255,255,255,0.8);
|
|
background-blend-mode: lighten;*/
|
|
}
|
|
|
|
/* ----- Tabs ----- */
|
|
|
|
.sheet-prime,
|
|
.sheet-skills,
|
|
.sheet-inventory,
|
|
.sheet-combat,
|
|
.sheet-powers,
|
|
.sheet-notes,
|
|
.sheet-topbar,
|
|
.sheet-pc,
|
|
.sheet-npc,
|
|
.sheet-animal,
|
|
.sheet-ship,
|
|
.sheet-shipdetails,
|
|
.sheet-shipnotes,
|
|
.sheet-passengers,
|
|
.sheet-freight,
|
|
.sheet-speculative,
|
|
.sheet-tradelog,
|
|
.sheet-trade,
|
|
.sheet-vehicle,
|
|
.sheet-vehicledetails,
|
|
.sheet-vehiclenotes {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Show the selected tab */
|
|
.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="ship"] ~ .sheet-ship {
|
|
display: block;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
/*
|
|
.sheet-shiptypetoggle[value="ship"] ~ .sheet-ship {
|
|
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;
|
|
}
|
|
|
|
.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="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;
|
|
}
|
|
|
|
.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="tradelog"] ~ .sheet-tradelog {
|
|
display: block;
|
|
margin-left: 3px;
|
|
animation-name: slide-in;
|
|
animation-duration: 1s;
|
|
opacity: 1;
|
|
}
|
|
|
|
div.sheet-tab-content {
|
|
border: 2px solid red;
|
|
margin: 2px 2px 2px -5px;
|
|
padding: 5px;
|
|
}
|
|
|
|
div.sheet-topbar {
|
|
border: 2px solid red;
|
|
margin: 2px 2px 2px -5px;
|
|
padding: 5px;
|
|
padding-bottom: -10px;
|
|
}
|
|
|
|
div.sheet-settings {
|
|
margin: 2px 2px 2px -5px;
|
|
}
|
|
|
|
/* ----- Number boxes ----- */
|
|
input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
width: 3.5em !important;
|
|
}
|
|
|
|
input[type="number"]:hover {
|
|
-moz-appearance: initial;
|
|
}
|
|
|
|
/* ----- General bold and border styles ----- */
|
|
.sheet-redbold {
|
|
color: red;
|
|
font-weight: bold;
|
|
border: red solid 1px;
|
|
}
|
|
|
|
.sheet-redbold-noborder {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-redborder {
|
|
border: red solid 1px !important;
|
|
padding: 2px;
|
|
}
|
|
|
|
.sheet-redborder textarea {
|
|
height: 75px;
|
|
}
|
|
|
|
.sheet-narrowtext textarea {
|
|
height: 40px;
|
|
}
|
|
|
|
.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-med {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.sheet-big {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.sheet-header {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.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: red;
|
|
outline-style: solid;
|
|
}
|
|
|
|
input[type="text"].sheet-input {
|
|
width: 100%;
|
|
}
|
|
|
|
input[type="radio"],
|
|
input[type="option"],
|
|
input[type="select"],
|
|
input[type="checkbox"] {
|
|
accent-color: red;
|
|
margin-right: 3px;
|
|
width: 13px;
|
|
}
|
|
|
|
.radio[disabled] {
|
|
background-color: red;
|
|
}
|
|
|
|
input[type="number"].sheet-input_II {
|
|
display: inline-block;
|
|
border: 1px dotted red;
|
|
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;
|
|
}
|
|
|
|
/* ----- 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;
|
|
}
|
|
|
|
/* ----- 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-th {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-weaponroll,
|
|
.sheet-weaponspacer {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-weaponrollbutton {
|
|
font-family: "Pictos";
|
|
color: red;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-weaponspacer {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-weaponweapon {
|
|
width: 207px;
|
|
}
|
|
|
|
.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 ----- */
|
|
table.sheet-characteristics,
|
|
table.sheet-skilltable {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
width: 98%;
|
|
}
|
|
|
|
table.sheet-characteristics input[type="number"],
|
|
table.sheet-armour input[type="number"],
|
|
table.sheet-skilltable input[type="number"] {
|
|
text-align: center;
|
|
}
|
|
|
|
table.sheet-weapontable {
|
|
text-align: center;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
table.sheet-weapontable tr:nth-child(even) {
|
|
border-bottom: none;
|
|
}
|
|
|
|
table.sheet-weapontable tr:last-child {
|
|
border-bottom: 5px ridge red;
|
|
}
|
|
|
|
table.sheet-weapontable tr:nth-child(1) {
|
|
border: none;
|
|
}
|
|
|
|
/* ----- Headings and elements ----- */
|
|
|
|
h2 {
|
|
margin-left: -10px;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
textarea {
|
|
height: 2em;
|
|
width: 97%;
|
|
display: inline-block;
|
|
border-bottom: 1px dotted red;
|
|
border-top: none;
|
|
border-left: none;
|
|
border-right: none;
|
|
margin: 0px;
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
-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: red;
|
|
}
|
|
|
|
/* ----- Button Reset ----- */
|
|
|
|
button[type="roll"]:before, button[type="action"]:before {
|
|
content: ""!important;
|
|
display: none;
|
|
}
|
|
|
|
button[type="roll"], 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: rgba(255,255,255,0.9);
|
|
border: 1px solid #ccc;
|
|
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: red;
|
|
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;
|
|
padding: 0px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-button_header_rep {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 0.8em;
|
|
font-family: "Pictos";
|
|
color: red;
|
|
}
|
|
|
|
/* ----- 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 red;
|
|
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: red;
|
|
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: red;
|
|
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: red;
|
|
color: black
|
|
}
|
|
|
|
.sheet-mod_toggle button,
|
|
.sheet-roll_toggle button {
|
|
width: 12vw !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 2 colrow ----- */
|
|
|
|
.charsheet .sheet-2colrow .sheet-col {
|
|
width: calc(50% - 3px) !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
.charsheet .sheet-2colrow .sheet-col:last-child {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.sheet-button_header {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
/* ----- Sheet-arrow ----- */
|
|
input.sheet-arrow {
|
|
float: left;
|
|
}
|
|
|
|
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 red solid;
|
|
padding: 2px;
|
|
}
|
|
|
|
input.sheet-arrow:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
border: 1px red solid;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ span.sheet-body,
|
|
input.sheet-hider:checked ~ div.sheet-body {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
border: 1px red solid;
|
|
}
|
|
|
|
input.sheet-hider:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
border: 1px red solid;
|
|
}
|
|
|
|
input.sheet-power:checked ~ div.sheet-laf-gridbody {
|
|
display: grid;
|
|
margin-bottom: 2px;
|
|
border: 1px red solid;
|
|
}
|
|
|
|
.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: 15px;
|
|
background: transparent;
|
|
color: red;
|
|
}
|
|
|
|
input.sheet-reddot[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
font-family: "Pictos";
|
|
content: "D";
|
|
font-size: 15px;
|
|
}
|
|
|
|
/* ----- 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: red;
|
|
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: 12px;
|
|
}
|
|
|
|
input.sheet-arrow[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
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: 10px;
|
|
left: -5px;
|
|
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: green;
|
|
text-shadow: none;
|
|
margin-right: 4px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-family: "Pictos";
|
|
content: "3";
|
|
width: 14px;
|
|
height: 14px;
|
|
font-size: 12px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
input.sheet-untrained[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
content: "D";
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
/* ----- Fake sheet-arrow checkbox ----- */
|
|
input.sheet-carried[type="checkbox"] {
|
|
opacity: 0;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin-right: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
input.sheet-carried[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: 0px;
|
|
color: red;
|
|
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: 12px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.sheet-carried[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
content: "3";
|
|
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: -10px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* ----- Fake sheet-arrow checkbox ----- */
|
|
input.sheet-crate[type="checkbox"] + span::before {
|
|
position: relative;
|
|
top: 0px;
|
|
left: -5px;
|
|
color: red;
|
|
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: 12px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
input.sheet-crate[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
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: red;
|
|
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: 14px;
|
|
}
|
|
|
|
input.sheet-power[type="checkbox"]:checked + span::before {
|
|
color: red;
|
|
content: "-";
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*----------------------------*/
|
|
/* ----- Roll Templates ----- */
|
|
/*----------------------------*/
|
|
|
|
/* ----- General ----- */
|
|
.sheet-rolltemplate-skill-general.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-general table,
|
|
.sheet-rolltemplate-skill-attrib table,
|
|
.sheet-rolltemplate-combat table,
|
|
.sheet-rolltemplate-melee table,
|
|
.sheet-rolltemplate-power table,
|
|
.sheet-rolltemplate-passengers table,
|
|
.sheet-rolltemplate-freight table,
|
|
.sheet-rolltemplate-trade-broker table {
|
|
width: 100%;
|
|
background: white;
|
|
border: 3px ridge #71797E;
|
|
color: black;
|
|
font-size: 1.2em;
|
|
font-family: "Contrail One", sans-serif;
|
|
color: #596a72;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-general th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #666685;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-general td,
|
|
.sheet-rolltemplate-skill-attrib td,
|
|
.sheet-rolltemplate-combat td,
|
|
.sheet-rolltemplate-melee td,
|
|
.sheet-rolltemplate-power td,
|
|
.sheet-rolltemplate-passengers td,
|
|
.sheet-rolltemplate-freight td,
|
|
.sheet-rolltemplate-trade-broker td {
|
|
padding: 0px;
|
|
padding-top: 5px;
|
|
text-shadow: none;
|
|
font-weight: bold;
|
|
//font-style: italic;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-general tr:nth-child(2) td,
|
|
.sheet-rolltemplate-skill-attrib tr:nth-child(2) td,
|
|
.sheet-rolltemplate-combat tr:nth-child(2) td,
|
|
.sheet-rolltemplate-melee tr:nth-child(2) td,
|
|
.sheet-rolltemplate-power tr:nth-child(2) td,
|
|
.sheet-rolltemplate-passengers tr:nth-child(2) td,
|
|
.sheet-rolltemplate-freight tr:nth-child(2) td,
|
|
.sheet-rolltemplate-trade-broker tr:nth-child(2) {
|
|
padding-bottom: 10px;
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-trade-broker tr:nth-child(3) td {
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-general .inlinerollresult,
|
|
.sheet-rolltemplate-skill-attrib .inlinerollresult,
|
|
.sheet-rolltemplate-combat .inlinerollresult,
|
|
.sheet-rolltemplate-melee .inlinerollresult,
|
|
.sheet-rolltemplate-power .inlinerollresult,
|
|
.sheet-rolltemplate-passengers .inlinerollresult,
|
|
.sheet-rolltemplate-freight .inlinerollresult,
|
|
.sheet-rolltemplate-trade-broker .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.2em;
|
|
text-align: center;
|
|
border: 1px solid #596a72;
|
|
background: transparent;
|
|
text-shadow: none;
|
|
padding: 3px;
|
|
margin: 3px;
|
|
}
|
|
|
|
/* ----- Attrib ----- */
|
|
.sheet-rolltemplate-skill-attrib.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill-attrib th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #a90329;
|
|
}
|
|
|
|
/* ----- Weapons ----- */
|
|
|
|
/* ----- Ranged ----- */
|
|
.sheet-rolltemplate-combat.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-combat th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #559955;
|
|
}
|
|
|
|
/* ----- Melee ----- */
|
|
.sheet-rolltemplate-melee.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-melee th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #a90329;
|
|
}
|
|
|
|
/* ----- Power ----- */
|
|
.sheet-rolltemplate-power.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-power th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: rgb(97,153,199);
|
|
}
|
|
|
|
/* ----- Trade ----- */
|
|
.sheet-rolltemplate-passengers.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-freight.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-trade-broker.sheet-rolltemplate-darkmode .inlinerollresult {
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
.sheet-rolltemplate-passengers th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: rgb(97,199,152);
|
|
}
|
|
.sheet-rolltemplate-freight th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #800000;
|
|
}
|
|
.sheet-rolltemplate-trade-broker th {
|
|
color: white;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
background: #34495E;
|
|
}
|
|
|
|
/* ----- Alt Rolltemplates ----- */
|
|
.sheet-rolltemplate-skill-attrib-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-power-alt.sheet-rolltemplate-darkmode .inlinerollresult,
|
|
.sheet-rolltemplate-combat-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 table {
|
|
width: 90%;
|
|
background: Gainsboro;
|
|
border: 3px ridge #71797E;
|
|
color: black;
|
|
font-size: 1.2em;
|
|
font-family: "Contrail One", sans-serif;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt th {
|
|
color: crimson;
|
|
padding: 4px;
|
|
line-height: 1.2em;
|
|
font-size: 1.2em;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-spacing: 0;
|
|
/* background: #DE300B; */
|
|
background-image: linear-gradient(gray, #000000, gray);
|
|
}
|
|
|
|
//.sheet-rolltemplate-alt > table > tbody > tr:last-child td {
|
|
// padding-bottom: 10px;
|
|
//}
|
|
|
|
.sheet-rolltemplate-alt td {
|
|
padding: 0px;
|
|
padding-top: 5px;
|
|
text-shadow: none;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
//font-style: italic;
|
|
text-align: center;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-combat {
|
|
color: red !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-skill {
|
|
color: green !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-skill-general {
|
|
color: purple !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-alt-power {
|
|
color: blue !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: 12vw;
|
|
content: attr(title);
|
|
display: inline;
|
|
height: 35px;
|
|
background: white;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
font-size: 14px;
|
|
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="ship"] ~ .sheet-type-ship,
|
|
input.sheet-shiptypeshow[value="shipdetails"] ~ .sheet-type-shipdetails,
|
|
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="tradelog"] ~ .sheet-type-tradelog,
|
|
input.sheet-typeshow[value="trade"] ~ .sheet-type-trade,
|
|
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 red;
|
|
background: black;
|
|
color: white;
|
|
text-shadow: none;
|
|
}
|
|
|
|
span.sheet-shipcomponent {
|
|
font-size: 14px;
|
|
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-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: 14px;
|
|
font-weight: bold;
|
|
padding-left: 3px;
|
|
padding-right: 2px;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
height: auto;
|
|
}
|
|
|
|
.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: red;
|
|
}
|
|
|
|
button.btn.repcontrol_edit::after {
|
|
font-family: "Pictos";
|
|
content: "(";
|
|
margin-left: -8px;
|
|
margin-right: -5px;
|
|
font-size: 10em;
|
|
color: red;
|
|
}
|
|
|
|
/* ----- Passenger/Freight Calculator ----- */
|
|
|
|
.sheet-trade_content {
|
|
display: flex;
|
|
}
|
|
|
|
.sheet-trade_content div:first-child {
|
|
margin-right: 3px;
|
|
width: 15%;
|
|
}
|
|
|
|
.sheet-trade_content div:nth-child(2) {
|
|
width: 85%;
|
|
}
|
|
|
|
.sheet-speculative,
|
|
.sheet-speculative-subpanel {
|
|
border: red solid 1px;
|
|
padding: 2px;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-speculative-subpanel div {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-speculativebutton {
|
|
font-family: "Pictos";
|
|
color: red;
|
|
font-size: 0.9em;
|
|
width: 5% !important;
|
|
}
|
|
|
|
.sheet-speculativezerobutton {
|
|
width: 14px !important;
|
|
padding-left: 1px;
|
|
margin-right: 3px !important;
|
|
}
|
|
|
|
.sheet-speculativemarker {
|
|
display: inline-block;
|
|
font-family: "Pictos";
|
|
color: red;
|
|
font-size: 0.9em;
|
|
width: 2%;
|
|
}
|
|
|
|
div.sheet-speculativegoods h3 {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
div.sheet-speculativegoods-row-pg {
|
|
display: grid;
|
|
grid-template-columns: 32px 210px 100px 85px 95px 70px 80px;
|
|
column-gap: 5px;
|
|
}
|
|
|
|
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: 22px 190px 100px 75px 80px 70px 75px 75px 40px;
|
|
column-gap: 5px;
|
|
}
|
|
div.sheet-speculativegoods-row input[type="number"] {
|
|
width: 50px !important;
|
|
}
|
|
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;
|
|
}
|
|
|
|
.sheet-hazard-border {
|
|
border: 5px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
red 10px,
|
|
maroon 20px
|
|
) 10;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-hazard-border-purchase {
|
|
border: 3px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
maroon 10px,
|
|
maroon 20px
|
|
) 10;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-hazard-border-sale {
|
|
border: 3px solid pink;
|
|
border-image: repeating-linear-gradient(
|
|
-55deg,
|
|
#000,
|
|
#000 10px,
|
|
red 10px,
|
|
red 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;
|
|
}
|
|
|
|
.sheet-textright-margin {
|
|
text-align: right;
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.sheet-textcentre {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-error {
|
|
background: red;
|
|
}
|
|
|
|
.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-hr {
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
border-top: 1px solid red;
|
|
}
|
|
|
|
.sheet-manifest-button {
|
|
height: 20px;
|
|
width: 95px !important;
|
|
}
|
|
|
|
.sheet-warning {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.sheet-vehiclecomponent {
|
|
font-size: 14px;
|
|
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-uwpbutton {
|
|
height: 23px !important;
|
|
line-height: 0px !important;
|
|
border: red 1px solid !important;
|
|
}
|
|
|
|
.sheet-uwptext {
|
|
height: 23px !important;
|
|
line-height: 0px !important;
|
|
margin-bottom: 4px !important;
|
|
}
|
|
|
|
.sheet-laf-characteristics {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 98%;
|
|
display: grid;
|
|
/* grid-template-columns: 95px 45px 45px 45px 95px 45px 45px 45px 95px 45px 45px 45px; */
|
|
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-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;
|
|
}
|
|
|
|
.sheet-laf-3colrow113 {
|
|
grid-template-columns: 1fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
}
|
|
|
|
.sheet-laf-spangrid-textarea {
|
|
width: 97.5% !important;
|
|
grid-column: 1 / 5;
|
|
}
|
|
|
|
.sheet-laf-borderbox {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-laf-4colrow1111 {
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
}
|
|
|
|
.sheet-laf-4colrow1111 textarea {
|
|
grid-column: span 2;
|
|
}
|
|
|
|
.sheet-laf-4colrow1311 {
|
|
grid-template-columns: 0.25fr 2fr 0.25fr 0.25fr 2fr;
|
|
grid-template-rows: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.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-4colrow1313 {
|
|
grid-template-columns: 1fr 3fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
}
|
|
|
|
.sheet-laf-4colrow1313 textarea {
|
|
width: 99% !important;
|
|
grid-column: span 4;
|
|
}
|
|
|
|
.sheet-subsidizedtrade {
|
|
display: flex;
|
|
margin-top: 0px !important;
|
|
}
|
|
.sheet-groupfunds {
|
|
margin-left: auto;
|
|
margin-right:0;
|
|
display: grid;
|
|
grid-template-columns: 1.5fr 2fr 0.75fr 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-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;
|
|
}
|
|
|
|
.sheet-laf-skillrow {
|
|
grid-template-columns: 2.5fr 1.5fr 0.75fr 0.85fr 1.2fr 1fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-otherskillrow {
|
|
grid-template-columns: 0.5fr 2fr 2fr 2fr 0.75fr 1fr 1.2fr 1fr 1fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-otherskillrow button {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-laf-centre-checkbox {
|
|
width: 16px !important;
|
|
margin-left: 20px !important;
|
|
}
|
|
|
|
.sheet-grid-c6r1 {
|
|
grid-column: 6;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-grid-c6r2 {
|
|
grid-column: 6;
|
|
grid-row: 2;
|
|
}
|
|
|
|
.sheet-grid-c8r1 {
|
|
grid-column: 8;
|
|
grid-row: 1;
|
|
}
|
|
|
|
.sheet-gridspan18 {
|
|
grid-column: 1 / 8;
|
|
}
|
|
|
|
.sheet-gridspan19 {
|
|
grid-column: 1 / 9;
|
|
}
|
|
|
|
.sheet-laf-skillrow button:first-child {
|
|
margin-top: 2px !important;
|
|
}
|
|
|
|
.sheet-laf-wauto {
|
|
width: auto !important;
|
|
}
|
|
|
|
.sheet-laf-wauto input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-laf-wnum {
|
|
width: 3.5em !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;
|
|
}
|
|
|
|
.sheet-laf-finance {
|
|
width: 300px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
.sheet-laf-finance span {
|
|
display: block;
|
|
width: 160px;
|
|
}
|
|
|
|
.sheet-laf-finance input {
|
|
display: block;
|
|
width: 120px !important;
|
|
}
|
|
|
|
.sheet-laf-otherwealth {
|
|
grid-template-columns: 3fr 1fr 3fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 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-laf-psistr {
|
|
grid-template-columns: 3fr 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-power {
|
|
grid-template-columns: 0.15fr 1fr 1fr 0.25fr;
|
|
grid-template-rows: none;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-power button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-power textarea {
|
|
grid-column: 1 / 4;
|
|
height: 30px !important;
|
|
width: 99% !important;
|
|
}
|
|
|
|
.sheet-laf-armourlist {
|
|
grid-template-columns: 1.5fr 1fr 1.2fr 1.75fr 1.2fr 1fr 1.2fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-armourlist input,
|
|
.sheet-laf-armourlist select {
|
|
height: 28px !important;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* Do not know why I've had to do this but header spans just do not line up */
|
|
.sheet-laf-header-offset span:nth-child(n + 3) {
|
|
margin-left: -10px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist {
|
|
grid-template-columns: 0.3fr 2fr 0.75fr 1fr 1fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.7fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist button {
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist textarea {
|
|
grid-column: 1 / 12;
|
|
}
|
|
|
|
.sheet-laf-weaponlist select {
|
|
width: 85px;
|
|
}
|
|
|
|
.sheet-laf-weaponlist input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-laf-ship {
|
|
grid-template-columns: 2fr 5fr 1fr 5fr 1fr 1fr 1fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship span {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-pl-neg {
|
|
color: red;
|
|
}
|
|
|
|
.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-animal {
|
|
width: 75%;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
.sheet-laf-animal-sub {
|
|
width: 75%;
|
|
grid-template-columns: 0.25fr 1fr 0.25fr;
|
|
}
|
|
|
|
.sheet-laf-animal-weapon {
|
|
grid-template-columns: 0.5fr 0.9fr 0.25fr 0.25fr 0.3fr 0.1fr;
|
|
}
|
|
|
|
.sheet-laf-animal-weapon input[type="text"]:first-child {
|
|
width: 90px !important;
|
|
}
|
|
|
|
.sheet-laf-animal-weapon span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-animal-init {
|
|
width: 75%;
|
|
grid-template-columns: 0.25fr 0.25fr 5fr;
|
|
}
|
|
.sheet-laf-animal-init span {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.sheet-laf-animal-init button {
|
|
height: 28px !important;
|
|
padding: 0;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.sheet-laf-animal-detail {
|
|
grid-template-columns: 3fr 1fr 0.25fr;
|
|
}
|
|
|
|
.sheet-laf-animal-cols {
|
|
grid-column: 2 / 4;
|
|
}
|
|
|
|
.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 {
|
|
width: 90% !important;
|
|
grid-template-columns: 9fr 0.75fr 10.5fr 0.75fr;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors {
|
|
width: 90% !important;
|
|
grid-template-columns: 2fr 0.25fr 0.25fr 0.1fr 5fr;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors span,
|
|
.sheet-laf-vehicle-sensors input[type="number"] {
|
|
width: 90px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-sensors button {
|
|
width: 25px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-textarea {
|
|
display: block;
|
|
width: 90% !important;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
height: 60px;
|
|
}
|
|
|
|
.sheet-laf-vehicle-data input {
|
|
width: 120px !important;
|
|
}
|
|
|
|
.sheet-laf-vehicle-armor span,
|
|
.sheet-laf-vehicle-data span {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.sheet-laf-ship-components {
|
|
grid-template-columns: 2fr 3fr 1fr 1fr 0.35fr;
|
|
}
|
|
|
|
.sheet-laf-ship-components-template {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
grid-template-areas: "components components components crew"
|
|
"components components components runningcosts"
|
|
"components components components power"
|
|
"components components components xxx"
|
|
"components components components xxx"
|
|
"components components components xxx";
|
|
}
|
|
|
|
.sheet-laf-ship-components-p {
|
|
margin-right: 3px;
|
|
grid-area: components;
|
|
}
|
|
|
|
.sheet-laf-ship-components input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.sheet-laf-ship-components span {
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-laf-ship-component-hider {
|
|
grid-column: 5;
|
|
}
|
|
|
|
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 / 6;
|
|
}
|
|
|
|
.sheet-laf-ship-component-rep2 {
|
|
grid-column: 1 / 7;
|
|
}
|
|
|
|
.sheet-laf-ship-crew-p {
|
|
grid-area: crew;
|
|
width: 200px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-crew-p textarea {
|
|
height: 80px;
|
|
}
|
|
|
|
.sheet-laf-ship-runningcosts-p {
|
|
grid-area: runningcosts;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p {
|
|
grid-area: power;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p input,
|
|
.sheet-laf-ship-runningcosts-p input {
|
|
width: 100px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-power-p h5,
|
|
.sheet-laf-ship-runningcosts-p h5 {
|
|
margin-top: 10px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.sheet-laf-width-99 {
|
|
width: 99% !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-hulldamage span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-laf-ship-hulldamage-cb {
|
|
margin-top: 3px !important;
|
|
margin-left: -5px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint {
|
|
column-gap: 9px;
|
|
margin-top: 3px !important;
|
|
background-color: lightgrey;
|
|
grid-template-columns: 0.25fr 2.2fr 1fr 1fr 1.5fr 1fr 0.5fr 0.5fr 1.5fr 0.25fr;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint-px {
|
|
column-gap: 9px;
|
|
grid-template-columns: 110px 150px 3.5em 3.5em 70px 70px 3.5em 110px 3.5em 25px;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint input {
|
|
width: 150px
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint-px span,
|
|
.sheet-laf-ship-hardpoint span {
|
|
margin-top: 3px !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-laf-ship-hardpoint div {
|
|
margin-top: 3px !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-laf-ship-costtext {
|
|
width: 70px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-combattext {
|
|
width: 70px !important;
|
|
}
|
|
|
|
.sheet-laf-ship-traitstext {
|
|
width: 110px !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-weight: bold;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.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: block;
|
|
padding: 10px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*
|
|
.sheet-auto-expand {
|
|
position: relative;
|
|
cursor: text;
|
|
word-wrap: break-word;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sheet-auto-expand span {
|
|
visibility: hidden;
|
|
white-space: pre-wrap;
|
|
display: block;
|
|
}
|
|
|
|
.sheet-auto-expand textarea {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
margin: 0;
|
|
resize: none;
|
|
height: 100%;
|
|
min-height: 20px;
|
|
word-wrap: break-word;
|
|
padding: inherit;
|
|
font: inherit;
|
|
color: inherit;
|
|
text-transform: inherit;
|
|
letter-spacing: inherit;
|
|
text-align: inherit;
|
|
box-sizing: border-box;
|
|
}
|
|
*/
|
|
.largedialog textarea {
|
|
height: 40px;
|
|
}
|
|
|
|
.sheet-gearnotes {
|
|
width:97.5% !important;
|
|
height:40px ;
|
|
resize: vertical;
|
|
}
|
|
|
|
.sheet-power-detail {
|
|
}
|
|
|
|
.sheet-power-detail input:first-child {
|
|
width: 45% !important;
|
|
}
|
|
|
|
.sheet-power-detail input:nth-child(3) {
|
|
width: 31% !important;
|
|
}
|
|
|
|
.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: maroon;
|
|
}
|
|
|
|
.sheet-npc-movement {
|
|
display: grid;
|
|
width: 140px;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
.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: 0.5fr 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: 100px !important;
|
|
}
|
|
|
|
.sheet-wounds {
|
|
margin-top: 5px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: flex;
|
|
width: 97%;
|
|
}
|
|
|
|
.sheet-wounds span {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input.sheet-wounding-boolean:not([value='1']) ~ div .sheet-wounds {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-npc-powers-boolean:not([value='1']) ~ div .sheet-npc-powers {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-legacy-freight-boolean:not([value='1']) ~ div .sheet-legacy-freight {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-subsidizedtrade-boolean:not([value='1']) ~ div .sheet-subsidizedtrade {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
* Charmancer stuff
|
|
*/
|
|
button.sheet-tight_button {
|
|
border: 0;
|
|
color: red;
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
height: unset;
|
|
padding: 0;
|
|
width: unset;
|
|
}
|
|
|
|
button.sheet-proceed_button[type="action"] {
|
|
background-color: blue;
|
|
color: white;
|
|
font-weight: bold;
|
|
width: 80px;
|
|
}
|
|
|
|
button.sheet-cancel_button[type="action"] {
|
|
background-color: red;
|
|
color: white;
|
|
font-weight: bold;
|
|
width: 80px;
|
|
}
|
|
|
|
div.sheet-charmancer_stats-wrapper{
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
}
|
|
|
|
div.sheet-charmancer_stats-header {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
span.sheet-charmancer_roll-panel {
|
|
align-items: center;
|
|
display: flex;
|
|
column-gap: 0.5em;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-start;
|
|
|
|
>select {
|
|
width: 10em;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
div.sheet-charmancer_stats-footer {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
div.sheet-charmancer_stats-content {
|
|
border: 2px solid blue;
|
|
display: flex;
|
|
column-gap: 0.5em;
|
|
flex-flow: row wrap;
|
|
justify-content: center;
|
|
margin: 0.5em;
|
|
padding: 2px 0 2px 0;
|
|
row-gap: 0.5em;
|
|
}
|
|
|
|
div.sheet-charmancer_stat-panel {
|
|
align-items: center;
|
|
display: flex;
|
|
column-gap: 0.5em;
|
|
flex-flow: row;
|
|
justify-content: flex-start;
|
|
|
|
> input[type="text"] {
|
|
padding: 0;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
};
|
|
|
|
> span {
|
|
align-items: center;
|
|
display: flex;
|
|
column-gap: 0.5em;
|
|
flex-flow: row;
|
|
justify-content: flex-start;
|
|
|
|
> input[type="radio"] {
|
|
display: none;
|
|
};
|
|
|
|
> label {
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
padding: 0;
|
|
};
|
|
|
|
> input[type="radio"]:checked + label {
|
|
color: white;
|
|
background-color: black;
|
|
font-weight: bold;
|
|
};
|
|
|
|
};
|
|
}
|
|
|
|
span.sheet-charmancer_actions-panel {
|
|
align-items: center;
|
|
display: flex;
|
|
column-gap: 1em;
|
|
flex-flow: row wrap;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/* ---------------------------------------------------------------------
|
|
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: 14vw;
|
|
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;
|
|
font-family: "Trebuchet MS", Helvetica, sans-serif;
|
|
text-shadow: none;
|
|
}
|
|
} |