mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 19:52:29 +00:00
Christoph
a6a8da421c
When OtherTool was selected in Crewmember Salvo mode, the Advantage box was set to display: block rather then grid. Fixed CSS to set it to display: grid properly
9491 lines
205 KiB
CSS
9491 lines
205 KiB
CSS
/*Free Spacer Roll20 Sheet CSS*/
|
|
/******************************/
|
|
/* CSS Reset and Basics */
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
b, u, i, center,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
article, aside, canvas, details, embed,
|
|
figure, figcaption, footer, header, hgroup,
|
|
menu, nav, output, ruby, section, summary,
|
|
time, mark, audio, video, select,
|
|
input[type="text"],
|
|
input[type="number"],
|
|
input[type="radio"]
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 10px;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
|
}
|
|
|
|
/* Multiple Sheet Functionality */
|
|
div.sheet-sheetType
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-crewmemberSelector:checked ~ div.sheet-crewmemberSheet,
|
|
input.sheet-shipSelector:checked ~ div.sheet-shipSheet,
|
|
input.sheet-sophontSelector:checked ~ div.sheet-sophontSheet,
|
|
input.sheet-compositeSophontSelector:checked ~ div.sheet-compositeSophontSheet,
|
|
input.sheet-swarmSelector:checked ~ div.sheet-swarmSheet,
|
|
input.sheet-creatureSelector:checked ~ div.sheet-creatureSheet,
|
|
input.sheet-behemothSelector:checked ~ div.sheet-behemothSheet,
|
|
input.sheet-droneSelector:checked ~ div.sheet-droneSheet,
|
|
input.sheet-shuttleSelector:checked ~ div.sheet-shuttleSheet,
|
|
input.sheet-smallCraftSelector:checked ~ div.sheet-smallCraftSheet,
|
|
input.sheet-shipLogSelector:checked ~ div.sheet-shipLogSheet,
|
|
input.sheet-capitalShipSelector:checked ~ div.sheet-capitalShipSheet
|
|
{
|
|
display: initial;
|
|
}
|
|
|
|
|
|
/*General Sheet Style*/
|
|
body
|
|
{
|
|
font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
|
font-size: 1em;
|
|
color: #000;
|
|
background-color: #FFF;
|
|
line-height: 150%;
|
|
max-width: 900px;
|
|
min-width: 900px;
|
|
}
|
|
|
|
h1, h2, h3, h4, th
|
|
{
|
|
text-align: left;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
}
|
|
|
|
h1
|
|
{
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2
|
|
{
|
|
font-size: 1.75em;
|
|
}
|
|
|
|
h3
|
|
{
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
h4, th
|
|
{
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
td, p
|
|
{
|
|
font-size: 1em;
|
|
}
|
|
|
|
br
|
|
{
|
|
font-size: 0.5em;
|
|
height: 50%;
|
|
}
|
|
|
|
hr
|
|
{
|
|
border-top: 1px solid #D3D3D3;
|
|
}
|
|
|
|
/*All Hidden styles*/
|
|
.sheet-hidden
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*select & text boxes*/
|
|
select, textarea, input[type="text"], input[type="number"]
|
|
{
|
|
border: none;
|
|
border-bottom: thin solid #D3D3D3;
|
|
font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
|
color: #000;
|
|
height: 100%;
|
|
width: 100%;
|
|
line-height: 100%;
|
|
font-variant: normal;
|
|
background: transparent;
|
|
}
|
|
|
|
input[type="number"]
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
select.sheet-start
|
|
{
|
|
border-style: hidden;
|
|
border: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
select.sheet-full,
|
|
input[type="text"].sheet-full,
|
|
input[type="number"].sheet-full
|
|
{
|
|
width: 98%;
|
|
}
|
|
|
|
input[type="text"].sheet-aspect,
|
|
select.sheet-aspect
|
|
{
|
|
font-weight: 500;
|
|
}
|
|
|
|
select.sheet-most,
|
|
input[type="text"].sheet-most,
|
|
input[type="number"].sheet-most
|
|
{
|
|
width: 80%;
|
|
}
|
|
|
|
select.sheet-fourFifths,
|
|
input[type="text"].sheet-fourFifths,
|
|
input[type="number"].sheet-fourFifths
|
|
{
|
|
width: 70%;
|
|
}
|
|
|
|
select.sheet-threeQuarters,
|
|
input[type="text"].sheet-threeQuarters,
|
|
input[type="number"].sheet-threeQuarters
|
|
{
|
|
width: 60%;
|
|
}
|
|
|
|
select.sheet-half,
|
|
input[type="text"].sheet-half,
|
|
input[type="number"].sheet-half,
|
|
p.sheet-half
|
|
{
|
|
width: 47%;
|
|
}
|
|
|
|
select.sheet-third,
|
|
input[type="text"].sheet-third,
|
|
input[type="number"].sheet-third
|
|
{
|
|
width: 32%;
|
|
}
|
|
|
|
select.sheet-quarter,
|
|
input[type="text"].sheet-quarter,
|
|
input[type="number"].sheet-quarter
|
|
{
|
|
width: 28%;
|
|
}
|
|
|
|
select.sheet-fifth,
|
|
input[type="text"].sheet-fifth,
|
|
input[type="number"].sheet-fifth
|
|
{
|
|
width: 21%;
|
|
}
|
|
|
|
select.sheet-sixth,
|
|
input[type="text"].sheet-sixth,
|
|
input[type="number"].sheet-sixth
|
|
{
|
|
width: 12%;
|
|
}
|
|
|
|
textarea
|
|
{
|
|
border: none;
|
|
font-variant: normal;
|
|
width: 92%;
|
|
overflow: hidden;
|
|
resize: none;
|
|
}
|
|
|
|
textarea.sheet-description
|
|
{
|
|
height: 2.5em;
|
|
}
|
|
|
|
textarea.sheet-data
|
|
{
|
|
height: 100px;
|
|
}
|
|
|
|
textarea.sheet-letter
|
|
{
|
|
height: 95%;
|
|
width: 95%;
|
|
}
|
|
|
|
/* Master Grids */
|
|
.sheet-masterGrid
|
|
{
|
|
width: 900px;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 100px auto;
|
|
grid-template-areas: "header" "sheet";
|
|
}
|
|
|
|
.sheet-crewmemberSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-row-gap: 6px;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 165px 420px 620px 105px 215px 390px 440px;
|
|
grid-template-areas: "crewTop" "skills" "crewKit" "description" "language" "contactNotes" "retirement";
|
|
justify-items: start;
|
|
align-items: start;
|
|
}
|
|
|
|
.sheet-shipSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-row-gap: 6px;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 50px 360px 375px 375px 1200px;
|
|
grid-template-areas: "aspects" "systemsAmenities" "modules" "shipConfig" "pg2";
|
|
justify-items: start;
|
|
align-items: start;
|
|
}
|
|
|
|
.sheet-sophontSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/SophontLog.png);
|
|
background-size: 900px 290px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 285px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 40px 80px 5fr 80px 3fr 3fr 14px;
|
|
grid-template-rows: 24px repeat(14,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-compositeSophontSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/compositeSophontLog.png);
|
|
background-size: 900px 290px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 285px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 40px 78px 4fr 80px 3fr 150px 25px 25px 25px 25px 5px;
|
|
grid-template-rows: 24px repeat(14,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-swarmSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/swarmLog.png);
|
|
background-size: 900px 340px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 335px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 60px 70px 1fr 150px 25px 24px 25px 24px 25px 25px 25px 24px 24px 5px;
|
|
grid-template-rows: 24px repeat(18,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-droneSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/swarmLog.png);
|
|
background-size: 900px 340px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 335px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 85px 70px 1fr 150px 25px 24px 25px 24px 25px 25px 25px 24px 24px 5px;
|
|
grid-template-rows: 24px repeat(18,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-creatureSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/creatureLog.png);
|
|
background-size: 900px 285px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 280px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 60px 78px 1fr 80px 1fr 150px 25px 25px 25px 25px 5px;
|
|
grid-template-rows: 24px repeat(14,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-smallCraftSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/creatureLog.png);
|
|
background-size: 900px 285px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 280px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 85px 70px 1fr 55px 1fr 150px 25px 25px 25px 25px 5px;
|
|
grid-template-rows: 24px repeat(14,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-shuttleLogSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/shuttleSquadron.png);
|
|
background-size: 900px 590px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 585px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 100px 70px 1fr 80px 1fr 150px 25px 25px 25px 25px 5px;
|
|
grid-template-rows: 24px repeat(15,18px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-behemothSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/behemoth.png);
|
|
background-size: 900px 590px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 585px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 70px 60px 1fr 60px 1fr;
|
|
grid-template-rows: 24px repeat(7,18px) 14px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-shipLogSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/shipLog.png);
|
|
background-size: 900px 590px;
|
|
background-repeat: no-repeat;
|
|
width: 900px;
|
|
height: 585px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 100px 80px 1fr 70px 1fr;
|
|
grid-template-rows: 24px repeat(14,18px) 14px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 6px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-capitalShipSheetGrid
|
|
{
|
|
grid-area: sheet;
|
|
width: 900px;
|
|
height: 585px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 100px 2fr 70px 1fr;
|
|
grid-template-rows: repeat(7,18px) 14px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
padding: 0px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
/* Sheet header layout */
|
|
div.sheet-header
|
|
{
|
|
grid-area: header;
|
|
display: grid;
|
|
grid-template-columns: 1fr 375px;
|
|
grid-template-rows: 1fr 32px 1fr;
|
|
grid-template-areas: "title . " "title selector" "title version";
|
|
width: 900px;
|
|
height: 100px;
|
|
}
|
|
|
|
div.sheet-title
|
|
{
|
|
grid-area: title;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/title.png);
|
|
background-size: 400px 100px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 400px;
|
|
height: 100px;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-selectorBar
|
|
{
|
|
grid-area: selector;
|
|
justify-self: stretch;
|
|
}
|
|
|
|
select.sheet-typeSelector
|
|
{
|
|
width: 235px;
|
|
font-variant: small-caps;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-version
|
|
{
|
|
grid-area: version;
|
|
justify-self: end;
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* ************* */
|
|
/* Roll Template */
|
|
/* ************* */
|
|
.sheet-rolltemplate-FS,
|
|
.sheet-rolltemplate-FSShip
|
|
{
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer
|
|
{
|
|
display: grid;
|
|
grid-template-columns: repeat(12, 20px);
|
|
grid-template-rows: repeat(10,21px);
|
|
background-color: #353635;
|
|
border: none;
|
|
font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
|
color: white;
|
|
margin-left: -5px;
|
|
font-weight: 400;
|
|
font-size: 12px;
|
|
}
|
|
/*Template Header*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateHeader,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateHeader
|
|
{
|
|
grid-row: 1/2;
|
|
grid-column: 1/-1;
|
|
background-color: #d87d29;
|
|
font-variant-caps: small-caps;
|
|
font-weight: 700;
|
|
font-size: 17px;
|
|
color: black;
|
|
margin-left: -5px;
|
|
padding-left: 2px;
|
|
padding-top: 3px;
|
|
}
|
|
/*Rows & Columns*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateTextRows,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateTextRows
|
|
{
|
|
padding-left: 2px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol1,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateCol1
|
|
{
|
|
grid-column: 1/7;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateCol2,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateCol2
|
|
{
|
|
grid-column: 7/-1;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow1,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateRow1
|
|
{
|
|
grid-row: 2/3;
|
|
background-color: #414241;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-rolltemplateRow2,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-rolltemplateRow2
|
|
{
|
|
grid-row: 3/4;
|
|
background-color: #353635;
|
|
}
|
|
/*Subheaders*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateSubheader,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateSubheader
|
|
{
|
|
grid-column: 1/-1;
|
|
color: #d87d29;
|
|
font-variant-caps: small-caps;
|
|
font-weight: 600;
|
|
font-size: 14px;
|
|
padding-left: 2px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDiceSubheader,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDiceSubheader
|
|
{
|
|
grid-row: 4/6;
|
|
background-color: #414241;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDiceSubheader,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-threatDiceSubheader
|
|
{
|
|
grid-row: 6/8;
|
|
background-color: #353635;
|
|
}
|
|
|
|
/*Dice*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-dice,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-dice
|
|
{
|
|
justify-content: stretch;
|
|
align-content: stretch;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .inlinerollresult
|
|
{
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
font-size: 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDice
|
|
{
|
|
grid-row: 5/6;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/taskDieHit.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 20px 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullfail
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/taskDieNull.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 20px 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullcrit,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDice .inlinerollresult.fullcrit
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/taskDieDouble.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 20px 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-threatDice
|
|
{
|
|
grid-row: 7/8;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/ThreatDieNull.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 20px 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult.fullfail,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-threatDice .inlinerollresult.fullfail
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/ThreatDieMiss.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 20px 20px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die0,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die0
|
|
{
|
|
grid-column: 2/3;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die1,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die1
|
|
{
|
|
grid-column: 3/4;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die2,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die2
|
|
{
|
|
grid-column: 4/5;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die3,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die3
|
|
{
|
|
grid-column: 5/6;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die4,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die4
|
|
{
|
|
grid-column: 6/7;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die5,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die5
|
|
{
|
|
grid-column: 7/8;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die6,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die6
|
|
{
|
|
grid-column: 8/9;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die7,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die7
|
|
{
|
|
grid-column: 9/10;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die8,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die8
|
|
{
|
|
grid-column: 10/11;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-die9,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-die9
|
|
{
|
|
grid-column: 11/12;
|
|
}
|
|
|
|
/*Dice Count*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateDiceCount .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateDiceCount .inlinerollresult
|
|
{
|
|
border: none;
|
|
font-weight: 400;
|
|
padding: 0;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-threatDiceCount,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-threatDiceCount
|
|
{
|
|
grid-row: 6/7;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-taskDiceCount,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-taskDiceCount
|
|
{
|
|
grid-row: 4/5;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateExcessDice,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateExcessDice
|
|
{
|
|
grid-column: 5/-1;
|
|
padding-top: 2px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/*Charge*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateCharge,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateCharge
|
|
{
|
|
grid-row: 8/9;
|
|
background-color: #414241;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateChargeTotal,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateChargeTotal
|
|
{
|
|
grid-column: 4/5;
|
|
padding: 2px 0 0 5px;
|
|
font-weight: 400;
|
|
text-align: end;
|
|
}
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateSupplyHeader,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateSupplyHeader
|
|
{
|
|
grid-column: 7/-1;
|
|
}
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateSupplyTotal,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateSupplyTotal
|
|
{
|
|
grid-column: 10/11;
|
|
}
|
|
|
|
/*Results*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResults,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateResults
|
|
{
|
|
grid-row: 9/10;
|
|
background-color: #353635;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResultTotal,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateResultTotal
|
|
{
|
|
grid-column: 4/5;
|
|
padding: 2px 0 0 5px;
|
|
text-align: end;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateResultTotal > .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateResultTotal > .inlinerollresult
|
|
{
|
|
border: none;
|
|
font-weight: 400;
|
|
padding: 0;
|
|
}
|
|
|
|
/*Outcome*/
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcome,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateOutcome
|
|
{
|
|
grid-row: 10/11;
|
|
background-color: #414241;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay
|
|
{
|
|
grid-column: 4/-1;
|
|
padding-left: 5px;
|
|
padding-top: 3px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.sheet-rolltemplate-FS .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay .inlinerollresult,
|
|
.sheet-rolltemplate-FSShip .sheet-rolltemplateContainer .sheet-templateOutcomeDisplay .inlinerollresult
|
|
{
|
|
border: none;
|
|
font-weight: 400;
|
|
padding: 0;
|
|
}
|
|
|
|
/* ************ */
|
|
/* Salvo Mode */
|
|
/* *********** */
|
|
|
|
/*Salvo Mode Button*/
|
|
.sheet-salvoRollButton
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-hideSalvoModeCheckbox
|
|
{
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 19;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: central;
|
|
}
|
|
|
|
span.sheet-salvoMode
|
|
{
|
|
z-index: 18;
|
|
vertical-align: central;
|
|
}
|
|
|
|
|
|
|
|
/* Open Salvo Mode Button*/
|
|
input.sheet-salvoRollButton + span.sheet-salvoRollButton
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/salvo.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 60px 44px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet input.sheet-salvoRollButton + span.sheet-salvoRollButton,
|
|
.sheet-crewmemberSheet input.sheet-salvoRollButton
|
|
{
|
|
width: 60px;
|
|
height: 44px;
|
|
top: 336px;
|
|
left: 640px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet input.sheet-salvoRollButton ~ div.sheet-salvoRollTag
|
|
{
|
|
position: absolute;
|
|
top: 345px;
|
|
left: 600px;
|
|
display: grid;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
height: 32px;
|
|
width: 40px;
|
|
overflow-wrap: break-word;
|
|
z-index: 18;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.sheet-shipSheet input.sheet-salvoRollButton + span.sheet-salvoRollButton,
|
|
.sheet-shipSheet input.sheet-salvoRollButton
|
|
{
|
|
width: 60px;
|
|
height: 44px;
|
|
top: 222px;
|
|
left: 505px;
|
|
}
|
|
|
|
.sheet-shipSheet input.sheet-salvoRollButton ~ div.sheet-salvoRollTag
|
|
{
|
|
position: absolute;
|
|
top: 231px;
|
|
left: 465px;
|
|
display: grid;
|
|
font-weight: bold;
|
|
font-variant: small-caps;
|
|
height: 32px;
|
|
width: 40px;
|
|
overflow-wrap: break-word;
|
|
z-index: 18;
|
|
line-height: 1em;
|
|
}
|
|
|
|
|
|
/* Close Salvo Mode Button*/
|
|
input.sheet-salvoRollButton:checked + span.sheet-salvoRollButton
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/salvoDeactivate.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 24px 20px;
|
|
}
|
|
|
|
input.sheet-salvoRollButton:checked + span.sheet-salvoRollButton, input.sheet-salvoRollButton:checked
|
|
{
|
|
width: 24px;
|
|
height: 20px;
|
|
top: 172px;
|
|
left: 900px;
|
|
}
|
|
|
|
input.sheet-salvoRollButton:checked ~ div.sheet-salvoRollTag
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* ************* */
|
|
/* Salvo Widget */
|
|
/***************/
|
|
.sheet-salvo
|
|
{
|
|
position: absolute;
|
|
z-index: 10;
|
|
display: grid;
|
|
left: 0;
|
|
grid-template-columns: repeat(93, 10px) 70px;
|
|
grid-template-rows: repeat(120, 10px) 1200px;
|
|
background-color: transparent;
|
|
background-size: 1000px 2400px;
|
|
width: 950px;
|
|
height: 2400px;
|
|
}
|
|
/*Blinds stop hade parts color-profile thead sheet*/
|
|
.sheet-salvo .sheet-blinds
|
|
{
|
|
position: absolute;
|
|
z-index: 11;
|
|
display: grid;
|
|
background: rgba(255,255,255,0.8) no-repeat fixed top;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvo .sheet-blinds.sheet-topBlind
|
|
{
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
width: 950px;
|
|
height: 170px;
|
|
}
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-topBlind
|
|
{
|
|
grid-row: 1;
|
|
grid-column: 1;
|
|
width: 950px;
|
|
height: 90px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvo .sheet-blinds.sheet-pg2Blind
|
|
{
|
|
grid-row: -2;
|
|
grid-column: 1;
|
|
top: 6px;
|
|
width: 950px;
|
|
height: 1200px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-pg2Blind
|
|
{
|
|
grid-row: -42;
|
|
grid-column: 1;
|
|
width: 950px;
|
|
height: 1600px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvo .sheet-blinds.sheet-rightSideBlind
|
|
{
|
|
grid-row: 17;
|
|
grid-column: -24;
|
|
width: 250px;
|
|
height: 430px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-rightSideBlind
|
|
{
|
|
grid-row: 10;
|
|
left: 6px;
|
|
grid-column: -39;
|
|
width: 390px;
|
|
height: 325px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-reactorBlind
|
|
{
|
|
grid-row: 10;
|
|
grid-column: 1;
|
|
width: 210px;
|
|
height: 160px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-leftSideBlind
|
|
{
|
|
grid-row: 26;
|
|
grid-column: 1;
|
|
width: 210px;
|
|
height: 165px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvo .sheet-blinds.sheet-skillsBlind
|
|
{
|
|
grid-row: 17;
|
|
grid-column: 1;
|
|
width: 710px;
|
|
height: 430px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvo .sheet-blinds.sheet-crewKitBlind
|
|
{
|
|
grid-row: 60;
|
|
grid-column: 1;
|
|
width: 950px;
|
|
height: 616px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-systemsBlind
|
|
{
|
|
grid-row: 10;
|
|
grid-column: 22;
|
|
width: 355px;
|
|
height: 325px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-moduleBlind
|
|
{
|
|
grid-row: 63;
|
|
margin-top: 6px;
|
|
grid-column: 42;
|
|
width: 130px;
|
|
height: 170px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-moduleTopBlind
|
|
{
|
|
grid-row: 42;
|
|
grid-column: 1;
|
|
width: 540px;
|
|
height: 215px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-moduleBottomBlind
|
|
{
|
|
grid-row: 63;
|
|
margin-top: 6px;
|
|
grid-column: 1;
|
|
width: 410px;
|
|
height: 170px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-rightSideBottomBlind
|
|
{
|
|
grid-row: 42;
|
|
grid-column: -41;
|
|
width: 410px;
|
|
height: 45px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvo .sheet-blinds.sheet-launchbayBlind
|
|
{
|
|
grid-row: 46;
|
|
margin-top: 5px;
|
|
grid-column: -41;
|
|
width: 410px;
|
|
height: 350px;
|
|
}
|
|
|
|
/* Crewmember Blinds functionality*/
|
|
.sheet-crewmemberSheet .sheet-colorChanger[value="Choose a Specialty"] + .sheet-skillsBlind,
|
|
.sheet-crewmemberSheet .sheet-colorChanger:not([value="Choose a Specialty"]) + .sheet-skillsBlind + .sheet-crewKitBlind
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* Ship Blinds functionality - Tool Not Selected*/
|
|
.sheet-shipSheet input.sheet-colorChanger:not([value="Select Specialty"]) + input.sheet-colorChanger[value="Choose a Tool"] + div.sheet-systemsBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Choose a Tool"] + .sheet-systemsBlind + .sheet-reactorBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Choose a Tool"] + .sheet-systemsBlind + .sheet-reactorBlind + .sheet-moduleBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Choose a Tool"] + .sheet-systemsBlind + .sheet-reactorBlind + .sheet-moduleBlind + .sheet-launchbayBlind
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/* Ship Blinds functionality and flow - Launcher Selected*/
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Launcher"] + .sheet-systemsBlind + .sheet-reactorBlind + .sheet-moduleBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Launcher"] ~ .sheet-chargeSystemDirection
|
|
{
|
|
display: none;
|
|
}
|
|
/* Ship Blinds functionality, flow, and trailer - Launch Bay Selected*/
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Launch Bay"] + .sheet-systemsBlind + .sheet-reactorBlind + .sheet-moduleBlind + .sheet-launchbayBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value="Launch Bay"] ~ .sheet-chargeSystemDirection
|
|
{
|
|
display: none;
|
|
}
|
|
/* Ship Blinds functionality - A Ship System Selected*/
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value^="Launch"] + .sheet-systemsBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger[value^="Launch"] + .sheet-systemsBlind + .sheet-reactorBlind
|
|
{
|
|
display: grid;
|
|
}
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger:not([value^="Launch"]) + .sheet-systemsBlind,
|
|
.sheet-shipSheet .sheet-colorChanger:not([value="Select Specialty"]) + .sheet-colorChanger:not([value^="Launch"]) + .sheet-systemsBlind + .sheet-reactorBlind
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Salvo Mode title Box*/
|
|
.sheet-salvoTitle
|
|
{
|
|
grid-row: 1;
|
|
grid-column: 42;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/terminal.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 32px;
|
|
padding-top: 2px;
|
|
justify-self: center;
|
|
text-align: center;
|
|
vertical-align: central;
|
|
font-size: 20px;
|
|
color: white;
|
|
font-variant: small-caps;
|
|
font-weight: 600;
|
|
width: 200px;
|
|
height: 32px;
|
|
z-index: 16;
|
|
line-height: 32px;
|
|
}
|
|
|
|
/*Overlay Box Grids*/
|
|
.sheet-salvoOverlayBox
|
|
{
|
|
position: absolute;
|
|
display: grid;
|
|
grid-template-columns: 1fr 8fr 1fr;
|
|
grid-template-rows: 1fr 4fr 2fr 5fr;
|
|
}
|
|
|
|
.sheet-shuttleSystemBox
|
|
{
|
|
position: absolute;
|
|
display: none;
|
|
grid-row: 50;
|
|
grid-column: 37;
|
|
grid-template-columns: 10px 20px 1fr 10px;
|
|
grid-template-rows: 10px 20px 26px 20px 20px 20px 1fr 1fr;
|
|
}
|
|
|
|
span.sheet-shuttleModText
|
|
{
|
|
font-size: 10px;
|
|
color: black;
|
|
grid-column: 3;
|
|
}
|
|
|
|
span.sheet-shuttleSystemDetails
|
|
{
|
|
font-size: 10px;
|
|
color: black;
|
|
grid-row: 3;
|
|
grid-column: 2 / span 2;
|
|
line-height: 14px;
|
|
margin: 0 0 2px 10px;
|
|
}
|
|
|
|
|
|
span.sheet-shuttleMods,
|
|
input.sheet-shuttleMods
|
|
{
|
|
grid-column: 2;
|
|
}
|
|
|
|
span.sheet-shuttleMod1,
|
|
input.sheet-shuttleMod1
|
|
{
|
|
grid-row: 4;
|
|
}
|
|
|
|
span.sheet-shuttleMod2,
|
|
input.sheet-shuttleMod2
|
|
{
|
|
grid-row: 5;
|
|
}
|
|
|
|
span.sheet-shuttleMod3,
|
|
input.sheet-shuttleMod3
|
|
{
|
|
grid-row: 6;
|
|
}
|
|
|
|
/*Crewmember Overlay Box Locations*/
|
|
.sheet-crewmemberSheet .sheet-salvoSkillBox
|
|
{
|
|
grid-row: 5;
|
|
grid-column: 4;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvoSpecialtyBox
|
|
{
|
|
grid-row: 5;
|
|
grid-column: 62;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvoToolBox
|
|
{
|
|
grid-row: 26;
|
|
grid-column: 31;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvoChargeBox
|
|
{
|
|
grid-row: 45;
|
|
grid-column: 4;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvoAdvantageBox
|
|
{
|
|
grid-row: 26;
|
|
grid-column: 62;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-salvoThreatBox
|
|
{
|
|
grid-row: 45;
|
|
grid-column: 83;
|
|
}
|
|
|
|
/*Ship Overlay Box Locations*/
|
|
.sheet-shipSheet .sheet-salvoOperatorBox
|
|
{
|
|
grid-row: 6;
|
|
margin-top: 4px;
|
|
grid-column: 4;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoSkillBox
|
|
{
|
|
grid-row: 6;
|
|
grid-column: 57;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoSpecialtyBox
|
|
{
|
|
grid-row: 20;
|
|
grid-column: 74;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoToolBox
|
|
{
|
|
grid-row: 35;
|
|
grid-column: 55;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoTrailer
|
|
{
|
|
grid-row: 35;
|
|
grid-column: 37;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoChargeBox
|
|
{
|
|
grid-row: 30;
|
|
grid-column: 3;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoSupplyBox
|
|
{
|
|
grid-row: 70;
|
|
grid-column: 20;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoAdvantageBox
|
|
{
|
|
grid-row: 70;
|
|
grid-column: 1;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-salvoThreatBox
|
|
{
|
|
grid-row: 50;
|
|
grid-column: 22;
|
|
}
|
|
|
|
input[type=number].sheet-salvoRating
|
|
{
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
align-self: start;
|
|
justify-self: center;
|
|
height: 80px;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
color: black;
|
|
font-weight: 500;
|
|
border: none;
|
|
}
|
|
|
|
input[type=text].sheet-salvoRating
|
|
{
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
align-self: start;
|
|
justify-self: end;
|
|
height: 80px;
|
|
width: 45%;
|
|
font-size: 28px;
|
|
color: red;
|
|
font-weight: 400;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-salvoTrailerCheckboxGrid
|
|
{
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
height: 80px;
|
|
width: 100%;
|
|
display: grid;
|
|
grid-template-columns: 50px 1fr;
|
|
grid-template-areas: "checkbox text";
|
|
}
|
|
|
|
input.sheet-salvoTrailerCheckbox,
|
|
span.sheet-salvoTrailerCheckbox
|
|
{
|
|
grid-area: checkbox;
|
|
justify-self: center;
|
|
align-self: start;
|
|
margin: 7px 0 0 10px;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
input.sheet-salvoTrailerCheckbox
|
|
{
|
|
opacity: 0;
|
|
z-index: 19;
|
|
}
|
|
|
|
input.sheet-salvoTrailerCheckbox + span.sheet-salvoTrailerCheckbox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/HexPip.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left bottom;
|
|
background-size: 16px 16px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-salvoTrailerCheckbox:checked + span.sheet-salvoTrailerCheckbox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/HexPipFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left bottom;
|
|
background-size: 16px 16px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
.sheet-salvoTrailerCheckboxText
|
|
{
|
|
grid-area: text;
|
|
justify-self: start;
|
|
align-self: start;
|
|
margin-top: 10px;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #404040;
|
|
line-height: 20px;
|
|
}
|
|
|
|
select.sheet-salvoTrailerChoice
|
|
{
|
|
grid-row: 2;
|
|
grid-column: 2 / span 2;
|
|
align-self: center;
|
|
justify-self: start;
|
|
height: 18px;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: start;
|
|
border: none;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
color: black;
|
|
margin: 6px 0 0 5px;
|
|
}
|
|
|
|
|
|
|
|
input[type=text].sheet-salvoAttr,
|
|
div.sheet-salvoAttr,
|
|
select.sheet-salvoAttr
|
|
{
|
|
grid-row: 3;
|
|
grid-column: 2;
|
|
align-self: center;
|
|
justify-self: center;
|
|
height: 18px;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
border: none;
|
|
}
|
|
input[type=text].sheet-salvoAttr.sheet-salvoOperator,
|
|
div.sheet-salvoAttr.sheet-salvoOperator,
|
|
select.sheet-salvoAttr.sheet-salvoOperator
|
|
{
|
|
margin-top: 8px;
|
|
}
|
|
/*Change the colour of the Charge text*/
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Uncharged"] + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Uncharged"] + input + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Expended"] + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Expended"] + input + input,
|
|
.sheet-salvoSupplyBox .sheet-colorChanger[value="Expended"] + input,
|
|
.sheet-salvoSupplyBox .sheet-colorChanger[value="Expended"] + input + input
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Overcharged"] + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Overcharged"] + input + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="NF 2 Charge"] + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="NF 2 Charge"] + input + input
|
|
{
|
|
color: #a8611f;
|
|
}
|
|
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Insufficient Charge"] + input,
|
|
.sheet-salvoChargeBox .sheet-colorChanger[value="Insufficient Charge"] + input + input,
|
|
.sheet-salvoSupplyBox .sheet-colorChanger[value="Insufficient Supply"] + input,
|
|
.sheet-salvoSupplyBox .sheet-colorChanger[value="Insufficient Supply"] + input + input
|
|
{
|
|
color: #8a0a00;
|
|
}
|
|
|
|
input[type=number].sheet-salvoThreatRating
|
|
{
|
|
grid-row: 2;
|
|
grid-column: 2;
|
|
align-self: start;
|
|
justify-self: center;
|
|
height: 60px;
|
|
width: 100%;
|
|
font-size: 28px;
|
|
color: black;
|
|
font-weight: 500;
|
|
border: none;
|
|
}
|
|
|
|
div.sheet-salvoThreatAttr
|
|
{
|
|
grid-row: 3;
|
|
grid-column: 2;
|
|
align-self: end;
|
|
justify-self: center;
|
|
height: 18px;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
border: none;
|
|
}
|
|
|
|
.sheet-inputBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Input_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 110px;
|
|
width: 200px;
|
|
height: 110px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-colorChanger[value="Choose a Skill"] + .sheet-inputBox,
|
|
.sheet-colorChanger[value="Choose a Specialty"] + .sheet-inputBox,
|
|
.sheet-colorChanger[value="Choose a Tool"] + .sheet-inputBox,
|
|
.sheet-colorChanger[value="Select Operator"] + .sheet-inputBox,
|
|
.sheet-colorChanger[value="Choose a Trailer"] + .sheet-inputBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Input_orange.png);
|
|
}
|
|
|
|
.sheet-processBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Process_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 110px;
|
|
width: 200px;
|
|
height: 110px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-offPage
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/offPage_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 110px 110px;
|
|
width: 110px;
|
|
height: 110px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-offPageBig
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/offPageBig_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 165px 165px;
|
|
width: 165px;
|
|
height: 165px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-colorChanger[value="Select Skill"] + .sheet-offPageBig,
|
|
.sheet-colorChanger[value="Select Specialty"] + .sheet-offPageBig
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/offPageBig_orange.png);
|
|
}
|
|
|
|
|
|
.sheet-preparationBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/preperation_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 34px;
|
|
width: 200px;
|
|
height: 34px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-colorChanger[value="Choose Operator"] + .sheet-preparationBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/preperation_orange.png);
|
|
}
|
|
|
|
.sheet-selectionBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Selection_blue.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 238px;
|
|
width: 200px;
|
|
height: 238px;
|
|
z-index: 16;
|
|
}
|
|
|
|
.sheet-colorChanger[value="Select System"] + .sheet-selectionBox
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Selection_orange.png);
|
|
}
|
|
|
|
/*Roll Button*/
|
|
.sheet-crewmemberSheet .sheet-rollSalvoButton
|
|
{
|
|
position: absolute;
|
|
grid-row: 45;
|
|
grid-column: 67;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-rollSalvoButton
|
|
{
|
|
position: absolute;
|
|
grid-row: 50;
|
|
grid-column: 6;
|
|
}
|
|
|
|
button.sheet-rollSalvoButton
|
|
{
|
|
margin-top: 5px;
|
|
border: none;
|
|
border-radius: 60%;
|
|
padding: 0px;
|
|
z-index: 19;
|
|
opacity: 0;
|
|
width: 80px;
|
|
height: 85px;
|
|
}
|
|
|
|
button.sheet-rollSalvoButton + span.sheet-rollSalvoButton
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/rollHex.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 80px 92px;
|
|
z-index: 17;
|
|
width: 80px;
|
|
height: 92px;
|
|
}
|
|
|
|
button.sheet-rollSalvoButton + span.sheet-rollSalvoButton + span.sheet-rollSalvoButton
|
|
{
|
|
z-index: 18;
|
|
width: 40px;
|
|
height: 20px;
|
|
padding: 69px 0 0 31px;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
font-size: 20px;
|
|
color: white;
|
|
font-weight: 800;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
button.sheet-rollSalvoButton:hover + span.sheet-rollSalvoButton
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/rollHexHover.png);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* Spend Charge and Close Salvo Mode Button*/
|
|
.sheet-crewmemberSheet .sheet-spendChargeCloseSalvoMode
|
|
{
|
|
position: absolute;
|
|
grid-row: 55;
|
|
grid-column: 62;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-spendChargeCloseSalvoMode
|
|
{
|
|
position: absolute;
|
|
grid-row: 60;
|
|
grid-column: 1;
|
|
}
|
|
|
|
input.sheet-spendChargeCloseSalvoMode
|
|
{
|
|
z-index: 19;
|
|
opacity: 0;
|
|
width: 200px;
|
|
height: 32px;
|
|
}
|
|
|
|
span.sheet-spendChargeCloseSalvoMode
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/terminal_orange.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 200px 32px;
|
|
z-index: 18;
|
|
width: 200px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
color: black;
|
|
}
|
|
|
|
|
|
/* Salvo Mode Hiding Functionality */
|
|
div.sheet-salvo
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-salvoRollButton:checked ~ div.sheet-salvo
|
|
{
|
|
display: grid;
|
|
}
|
|
|
|
/*Deselect buttons*/
|
|
.sheet-skillDeselect,
|
|
.sheet-specialtyDeselect,
|
|
.sheet-toolDeselect,
|
|
.sheet-operatorDeselect,
|
|
.sheet-trailerDeselect
|
|
{
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 10px;
|
|
}
|
|
|
|
input.sheet-skillDeselect,
|
|
input.sheet-specialtyDeselect,
|
|
input.sheet-toolDeselect,
|
|
input.sheet-operatorDeselect,
|
|
input.sheet-trailerDeselect
|
|
{
|
|
opacity: 0;
|
|
z-index: 19;
|
|
}
|
|
|
|
input.sheet-skillDeselect:not(:checked) + span.sheet-skillDeselect,
|
|
input.sheet-specialtyDeselect:not(:checked) + span.sheet-specialtyDeselect,
|
|
input.sheet-toolDeselect:not(:checked) + span.sheet-toolDeselect,
|
|
input.sheet-operatorDeselect:not(:checked) + span.sheet-operatorDeselect,
|
|
input.sheet-trailerDeselect:not(:checked) + span.sheet-trailerDeselect
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/salvoDeactivate.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
background-size: 12px 10px;
|
|
z-index: 18;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-skillDeselect
|
|
{
|
|
grid-row: 5;
|
|
grid-column: 23;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-skillDeselect
|
|
{
|
|
grid-row: 5;
|
|
margin-top: 8px;
|
|
grid-column: 74;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-specialtyDeselect
|
|
{
|
|
grid-row: 5;
|
|
grid-column: 81;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-specialtyDeselect
|
|
{
|
|
grid-row: 19;
|
|
margin-top: 8px;
|
|
grid-column: -5;
|
|
}
|
|
.sheet-crewmemberSheet .sheet-toolDeselect
|
|
{
|
|
grid-row: 26;
|
|
grid-column: 50;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-toolDeselect
|
|
{
|
|
grid-row: 35;
|
|
grid-column: 74;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-trailerDeselect
|
|
{
|
|
grid-row: 35;
|
|
grid-column: 56;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-operatorDeselect
|
|
{
|
|
grid-row: 6;
|
|
margin-top: 2px;
|
|
grid-column: 24;
|
|
}
|
|
|
|
/*Skill on/off functionality - Skill not Selected*/
|
|
input.sheet-skillDeselect:checked + span.sheet-skillDeselect,
|
|
input.sheet-skillDeselect:checked,
|
|
input.sheet-skillDeselect:checked ~ .sheet-specialtyFlow,
|
|
input.sheet-skillDeselect:checked ~ .sheet-salvoSpecialtyBox,
|
|
input.sheet-skillDeselect:checked ~ .sheet-specialtySelector,
|
|
input.sheet-skillDeselect:checked ~ .sheet-specialtyDeselect,
|
|
input.sheet-skillDeselect:checked ~ .sheet-salvoToolBox,
|
|
input.sheet-skillDeselect:checked ~ .sheet-salvoChargeBox,
|
|
input.sheet-skillDeselect:checked ~ .sheet-salvoSupplyBox,
|
|
input.sheet-skillDeselect:checked ~ .sheet-chargeCrewKitDirection,
|
|
input.sheet-skillDeselect:checked ~ .sheet-chargeSystemDirection,
|
|
input.sheet-skillDeselect:checked ~ .sheet-toolDeselect,
|
|
input.sheet-skillDeselect:checked ~ .sheet-toolSelector,
|
|
input.sheet-skillDeselect:checked ~ .sheet-crewKitMods
|
|
{
|
|
display: none;
|
|
}
|
|
/*Skill on/off functionality - Skill Selected*/
|
|
input.sheet-skillDeselect:not(:checked) ~ div.sheet-skillDirection,
|
|
input.sheet-skillDeselect:not(:checked) ~ .sheet-skillSelector
|
|
{
|
|
display: none;
|
|
}
|
|
/*Operator on/off functionality - Operator NOT Selected*/
|
|
input.sheet-operatorDeselect:checked + span.sheet-operatorDeselect,
|
|
input.sheet-operatorDeselect:checked,
|
|
input.sheet-operatorDeselect:checked ~ div.sheet-skillDirection,
|
|
input.sheet-operatorDeselect:checked ~ div.sheet-salvoSkillBox,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-specialtyFlow,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-salvoSpecialtyBox,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-specialtySelector,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-specialtyDeselect,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-salvoToolBox,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-salvoChargeBox,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-salvoSupplyBox,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-chargeSystemDirection,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-toolDeselect,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-toolSelector,
|
|
input.sheet-operatorDeselect:checked ~ .sheet-crewKitMods
|
|
{
|
|
display: none;
|
|
}
|
|
/*Operator on/off functionality - Operator Selected*/
|
|
input.sheet-operatorDeselect:not(:checked) ~ div.sheet-operatorDirection,
|
|
input.sheet-operatorDeselect:not(:checked) ~ div.sheet-salvoOperatorBG,
|
|
input.sheet-operatorDeselect:not(:checked) ~ .sheet-operatorSelector
|
|
{
|
|
display: none;
|
|
}
|
|
/*Operator on/off functionality - No Operator Found*/
|
|
input.sheet-colorChanger[value="No Operator Found"] ~ .sheet-operatorSelector
|
|
{
|
|
display: none;
|
|
}
|
|
/*Specialty on/off functionalty*/
|
|
input.sheet-specialtyDeselect:checked + span.sheet-specialtyDeselect,
|
|
input.sheet-specialtyDeselect:checked,
|
|
input.sheet-specialtyDeselect:not(:checked) ~ div.sheet-specialtyFlow,
|
|
input.sheet-specialtyDeselect:not(:checked) ~ .sheet-specialtySelector,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-salvoSpecialtyBox,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-salvoToolBox,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-salvoChargeBox,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-salvoSupplyBox,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-chargeCrewKitDirection,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-chargeSystemDirection,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-toolDeselect,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-toolSelector,
|
|
input.sheet-specialtyDeselect:checked ~ .sheet-crewKitMods,
|
|
.sheet-crewmemberSheet input.sheet-specialtyDeselect:checked ~ .sheet-toolCrewKitDirection,
|
|
.sheet-shipSheet input.sheet-specialtyDeselect:checked ~ .sheet-toolShipDirection
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*A Tool Selected*/
|
|
.sheet-crewmemberSheet input.sheet-toolDeselect:not(:checked) ~ .sheet-toolCrewKitDirection,
|
|
.sheet-shipSheet input.sheet-toolDeselect:not(:checked) ~ .sheet-toolShipDirection,
|
|
input.sheet-toolDeselect:not(:checked) ~ .sheet-toolSelector
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*No tool selected*/
|
|
input.sheet-toolDeselect:checked + span.sheet-toolDeselect,
|
|
input.sheet-toolDeselect:checked,
|
|
input.sheet-toolDeselect:checked ~ .sheet-salvoAdvantageBox,
|
|
input.sheet-toolDeselect:checked ~ .sheet-advantageDirection,
|
|
input.sheet-toolDeselect:checked ~ .sheet-rollSalvoButton,
|
|
input.sheet-toolDeselect:checked ~ .sheet-spendChargeCloseSalvoMode,
|
|
input.sheet-toolDeselect:checked ~ .sheet-salvoChargeBox,
|
|
input.sheet-toolDeselect:checked ~ .sheet-salvoSupplyBox,
|
|
input.sheet-toolDeselect:checked ~ .sheet-chargeCrewKitDirection,
|
|
input.sheet-toolDeselect:checked ~ .sheet-chargeSystemDirection,
|
|
input.sheet-toolDeselect:checked ~ .sheet-salvoTrailer,
|
|
input.sheet-toolDeselect:checked ~ .sheet-salvoThreatBox,
|
|
input.sheet-toolDeselect:checked ~ .sheet-threatDirection
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Hide Charge or Supply box by tool*/
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Launcher"] + div.sheet-salvoChargeBox,
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Sensors"] + div.sheet-salvoSupplyBox,
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Grav Drive"] + div.sheet-salvoSupplyBox,
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Pulse Array"] + div.sheet-salvoSupplyBox,
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Shields"] + div.sheet-salvoSupplyBox
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Reveal Trailer*/
|
|
.sheet-shipSheet input.sheet-colorChanger[value="Launch Bay"] ~ .sheet-salvoTrailer
|
|
{
|
|
display: grid;
|
|
}
|
|
|
|
/*Hide Trailers once selected*/
|
|
input.sheet-trailerDeselect:checked + span.sheet-trailerDeselect,
|
|
input.sheet-trailerDeselect:checked,
|
|
input.sheet-trailerDeselect:not(:checked) ~ .sheet-shuttleTrailers,
|
|
input.sheet-trailerDeselect:not(:checked) ~ .sheet-trailerDirection
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Skill Selectors*/
|
|
.sheet-skillSelector
|
|
{
|
|
position: absolute;
|
|
width: 162px;
|
|
height: 13px;
|
|
}
|
|
|
|
input.sheet-skillSelector
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
line-height: 13px;
|
|
}
|
|
|
|
span.sheet-skillSelector
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/skillSelector.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 162px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
/* Specialty Hiding Functionality */
|
|
input.sheet-cultureSkill:not(:checked) ~ .sheet-cultureSpecialties,
|
|
input.sheet-economySkill:not(:checked) ~ .sheet-economySpecialties,
|
|
input.sheet-interfaceSkill:not(:checked) ~ .sheet-interfaceSpecialties,
|
|
input.sheet-politicSkill:not(:checked) ~ .sheet-politicSpecialties,
|
|
input.sheet-sophontologySkill:not(:checked) ~ .sheet-sophontologySpecialties,
|
|
input.sheet-athleticsSkill:not(:checked) ~ .sheet-athleticsSpecialties,
|
|
input.sheet-fitnessSkill:not(:checked) ~ .sheet-fitnessSpecialties,
|
|
input.sheet-geosciencesSkill:not(:checked) ~ .sheet-geosciencesSpecialties,
|
|
input.sheet-perceptionSkill:not(:checked) ~ .sheet-perceptionSpecialties,
|
|
input.sheet-pilotSkill:not(:checked) ~ .sheet-pilotSpecialties,
|
|
input.sheet-biosciencesSkill:not(:checked) ~ .sheet-biosciencesSpecialties,
|
|
input.sheet-fieldDynamicsSkill:not(:checked) ~ .sheet-fieldDynamicsSpecialties,
|
|
input.sheet-pulseProjectionSkill:not(:checked) ~ .sheet-pulseProjectionSpecialties,
|
|
input.sheet-inscriptionSkill:not(:checked) ~ .sheet-inscriptionSpecialties,
|
|
input.sheet-mechatronicsSkill:not(:checked) ~ .sheet-mechatronicsSpecialties
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Specialty Selectors*/
|
|
.sheet-specialtySelector
|
|
{
|
|
position: absolute;
|
|
width: 204px;
|
|
height: 13px;
|
|
}
|
|
|
|
input.sheet-specialtySelector
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
}
|
|
|
|
span.sheet-specialtySelector
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/specialtySelector.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 204px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
/*Department Button Coloumns*/
|
|
input[type=radio].sheet-communicationsSelect,
|
|
span.sheet-communicationsSelect
|
|
{
|
|
grid-column: 3;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
input[type=radio].sheet-communicationsSelect.sheet-specialtySelector,
|
|
span.sheet-communicationsSelect.sheet-specialtySelector
|
|
{
|
|
grid-column: 4;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
input[type=radio].sheet-operationsSelect,
|
|
span.sheet-operationsSelect
|
|
{
|
|
grid-column: 26;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-operationsSelect.sheet-specialtySelector,
|
|
span.sheet-operationsSelect.sheet-specialtySelector
|
|
{
|
|
grid-column: 27;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-engineeringSelect,
|
|
span.sheet-engineeringSelect
|
|
{
|
|
grid-column: 48;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-engineeringSelect.sheet-specialtySelector,
|
|
span.sheet-engineeringSelect.sheet-specialtySelector
|
|
{
|
|
grid-column: 49;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
/*Skill button Row Locations*/
|
|
input[type=radio].sheet-skill1Select,
|
|
span.sheet-skill1Select
|
|
{
|
|
grid-row: 24;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=radio].sheet-skill2Select,
|
|
span.sheet-skill2Select
|
|
{
|
|
grid-row: 31;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input[type=radio].sheet-skill3Select,
|
|
span.sheet-skill3Select
|
|
{
|
|
grid-row: 38;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-skill4Select,
|
|
span.sheet-skill4Select
|
|
{
|
|
grid-row: 44;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
input[type=radio].sheet-skill5Select,
|
|
span.sheet-skill5Select
|
|
{
|
|
grid-row: 51;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
/*Specialty button Row Location*/
|
|
input[type=radio].sheet-specialty1Select,
|
|
span.sheet-specialty1Select
|
|
{
|
|
grid-row: 26;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty2Select,
|
|
span.sheet-specialty2Select
|
|
{
|
|
grid-row: 28;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty3Select,
|
|
span.sheet-specialty3Select
|
|
{
|
|
grid-row: 29;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty4Select,
|
|
span.sheet-specialty4Select
|
|
{
|
|
grid-row: 33;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty5Select,
|
|
span.sheet-specialty5Select
|
|
{
|
|
grid-row: 34;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty6Select,
|
|
span.sheet-specialty6Select
|
|
{
|
|
grid-row: 36;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty7Select,
|
|
span.sheet-specialty7Select
|
|
{
|
|
grid-row: 40;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty8Select,
|
|
span.sheet-specialty8Select
|
|
{
|
|
grid-row: 41;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty9Select,
|
|
span.sheet-specialty9Select
|
|
{
|
|
grid-row: 43;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty10Select,
|
|
span.sheet-specialty10Select
|
|
{
|
|
grid-row: 46;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty11Select,
|
|
span.sheet-specialty11Select
|
|
{
|
|
grid-row: 48;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty12Select,
|
|
span.sheet-specialty12Select
|
|
{
|
|
grid-row: 49;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty13Select,
|
|
span.sheet-specialty13Select
|
|
{
|
|
grid-row: 53;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty14Select,
|
|
span.sheet-specialty14Select
|
|
{
|
|
grid-row: 55;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-specialty15Select,
|
|
span.sheet-specialty15Select
|
|
{
|
|
grid-row: 56;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/*Operator Selector*/
|
|
div.sheet-salvoOperatorBG
|
|
{
|
|
position: absolute;
|
|
width: 250px;
|
|
height: 40px;
|
|
z-index: 16;
|
|
margin-left: 16px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 20px 20px;
|
|
grid-template-areas: "name name" "stationA stationZ";
|
|
}
|
|
|
|
input.sheet-salvoOperatorName
|
|
{
|
|
grid-area: name;
|
|
align-self: end;
|
|
justify-self: start;
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 16px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
border: none;
|
|
}
|
|
|
|
input.sheet-salvoOperatorStationA
|
|
{
|
|
grid-area: stationA;
|
|
align-self: start;
|
|
justify-self: start;
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
border: none;
|
|
}
|
|
|
|
input.sheet-salvoOperatorStationZ
|
|
{
|
|
grid-area: stationZ;
|
|
align-self: start;
|
|
justify-self: start;
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 14px;
|
|
color: black;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
border: none;
|
|
}
|
|
|
|
div.sheet-salvoOperatorCol1,
|
|
input[type=radio].sheet-salvoOperatorCol1,
|
|
span.sheet-salvoOperatorCol1
|
|
{
|
|
grid-column: 3;
|
|
}
|
|
|
|
div.sheet-salvoOperatorCol2,
|
|
input[type=radio].sheet-salvoOperatorCol2,
|
|
span.sheet-salvoOperatorCol2
|
|
{
|
|
grid-column: 35;
|
|
}
|
|
|
|
div.sheet-salvoOperatorCol3,
|
|
input[type=radio].sheet-salvoOperatorCol3,
|
|
span.sheet-salvoOperatorCol3
|
|
{
|
|
grid-column: 65;
|
|
}
|
|
|
|
div.sheet-salvoOperatorRow1,
|
|
input[type=radio].sheet-salvoOperatorRow1,
|
|
span.sheet-salvoOperatorRow1
|
|
{
|
|
grid-row: 12;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
div.sheet-salvoOperatorRow2,
|
|
input[type=radio].sheet-salvoOperatorRow2,
|
|
span.sheet-salvoOperatorRow2
|
|
{
|
|
grid-row: 22;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
div.sheet-salvoOperatorRow3,
|
|
input[type=radio].sheet-salvoOperatorRow3,
|
|
span.sheet-salvoOperatorRow3
|
|
{
|
|
grid-row: 32;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/*Operator Selector On/Off Functionality*/
|
|
input.sheet-colorChanger[value=""] + div.sheet-salvoOperatorBG,
|
|
input.sheet-colorChanger[value=""] + div.sheet-salvoOperatorBG + input,
|
|
input.sheet-colorChanger[value=""] + div.sheet-salvoOperatorBG + input + span
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Tool Selectors*/
|
|
.sheet-toolSelector,
|
|
.sheet-operatorSelector,
|
|
.sheet-shuttleTrailers
|
|
{
|
|
position: absolute;
|
|
width: 170px;
|
|
height: 15px;
|
|
}
|
|
|
|
input.sheet-toolSelector,
|
|
input.sheet-shuttleTrailers
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
line-height: 15px;
|
|
width: 170px;
|
|
height: 15px;
|
|
}
|
|
|
|
input.sheet-operatorSelector
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
line-height: 15px;
|
|
width: 267px;
|
|
height: 40px;
|
|
}
|
|
|
|
span.sheet-toolSelector,
|
|
span.sheet-operatorSelector,
|
|
span.sheet-shuttleTrailers
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitToolSelector.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 13px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
justify-self: start;
|
|
}
|
|
|
|
span.sheet-otherToolLocation
|
|
{
|
|
grid-row: 64;
|
|
grid-column: 76;
|
|
}
|
|
|
|
span.sheet-otherToolBackground,
|
|
div.sheet-otherToolBackground
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/otherTool.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 169px 149px;
|
|
opacity: 1;
|
|
z-index: 12;
|
|
width: 169px;
|
|
height: 149px;
|
|
margin: 2px 0 0 3px;
|
|
}
|
|
|
|
span.sheet-otherToolBlind
|
|
{
|
|
position: absolute;
|
|
z-index: 11;
|
|
display: grid;
|
|
background: rgba(255,255,255,1) no-repeat fixed top;
|
|
background-size: 185px 315px;
|
|
opacity: 1;
|
|
width: 185px;
|
|
height: 315px;
|
|
margin: 2px 0 0 3px;
|
|
}
|
|
|
|
span.sheet-otherToolTitle
|
|
{
|
|
background-image: none;
|
|
opacity: 1;
|
|
z-index: 13;
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
color: black;
|
|
grid-row: 64;
|
|
grid-column: 77;
|
|
margin: 6px 0 0 5px;
|
|
}
|
|
|
|
span.sheet-otherToolDetails
|
|
{
|
|
background-image: none;
|
|
opacity: 1;
|
|
z-index: 13;
|
|
font-size: 10px;
|
|
color: black;
|
|
grid-row: 66;
|
|
grid-column: 78;
|
|
margin: 2px 0 0 0px;
|
|
}
|
|
|
|
/*Other Tool Selected*/
|
|
input.sheet-otherTool:checked ~ .sheet-salvoToolBox,
|
|
input.sheet-otherTool:checked ~ .sheet-salvoChargeBox,
|
|
input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
|
|
input.sheet-otherTool:checked ~ .sheet-chargeCrewKitDirection
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-otherTool:checked ~ .sheet-advantageDirection,
|
|
input.sheet-otherTool:checked ~ .sheet-threatDirection
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
input.sheet-otherTool:checked ~ .sheet-salvoAdvantageBox,
|
|
input.sheet-otherTool:checked ~ .sheet-spendChargeCloseSalvoMode,
|
|
input.sheet-otherTool:checked ~ .sheet-rollSalvoButton,
|
|
input.sheet-otherTool:checked ~ .sheet-salvoThreatBox
|
|
{
|
|
display: grid;
|
|
}
|
|
|
|
/*Crew Kit Tool Locations*/
|
|
input[type=radio].sheet-crewKitTop,
|
|
span.sheet-crewKitTop
|
|
{
|
|
grid-row: 64;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKitMiddle,
|
|
span.sheet-crewKitMiddle
|
|
{
|
|
grid-row: 80;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKitBottom,
|
|
span.sheet-crewKitBottom
|
|
{
|
|
grid-row: 96;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKit0,
|
|
span.sheet-crewKit0
|
|
{
|
|
grid-column: 3;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKit1,
|
|
span.sheet-crewKit1
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKit2,
|
|
span.sheet-crewKit2
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKit3,
|
|
span.sheet-crewKit3
|
|
{
|
|
grid-column: 57;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
input[type=radio].sheet-crewKit4,
|
|
span.sheet-crewKit4
|
|
{
|
|
grid-column: 75;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/*Ship System Tool Locations*/
|
|
input[type=radio].sheet-systemTop,
|
|
span.sheet-systemTop
|
|
{
|
|
grid-row: 11;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-systemBottom,
|
|
span.sheet-systemBottom
|
|
{
|
|
grid-row: 27;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input[type=radio].sheet-system1,
|
|
span.sheet-system1
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
input[type=radio].sheet-system2,
|
|
span.sheet-system2
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/*Ship Module Launcher Location*/
|
|
input[type=radio].sheet-shipLauncher,
|
|
span.sheet-shipLauncher
|
|
{
|
|
grid-row: 64;
|
|
grid-column: 42;
|
|
margin: 2px 0 0 3px;
|
|
}
|
|
|
|
/*Shuttle Launch Bay Locations*/
|
|
input[type=radio].sheet-shipLaunchBay,
|
|
span.sheet-shipLaunchBay
|
|
{
|
|
grid-row: 47;
|
|
grid-column: 55;
|
|
margin: 2px 0 0 1px;
|
|
}
|
|
|
|
/*Trailers*/
|
|
input[type=radio].sheet-shuttleTrailers,
|
|
span.sheet-shuttleTrailers
|
|
{
|
|
grid-column: 54;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerNone,
|
|
span.sheet-trailerNone
|
|
{
|
|
grid-row: 51;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerCargo,
|
|
span.sheet-trailerCargo
|
|
{
|
|
grid-row: 64;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerTransport,
|
|
span.sheet-trailerTransport
|
|
{
|
|
grid-row: 65;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerFlight,
|
|
span.sheet-trailerFlight
|
|
{
|
|
grid-row: 67;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerDrop,
|
|
span.sheet-trailerDrop
|
|
{
|
|
grid-row: 68;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerBoarding,
|
|
span.sheet-trailerBoarding
|
|
{
|
|
grid-row: 70;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerTractor,
|
|
span.sheet-trailerTractor
|
|
{
|
|
grid-row: 71;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerSurvey,
|
|
span.sheet-trailerSurvey
|
|
{
|
|
grid-row: 73;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
input[type=radio].sheet-trailerFighter,
|
|
span.sheet-trailerFighter
|
|
{
|
|
grid-row: 74;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/*Shuttle Systems Selection On/Off Functionality*/
|
|
input.sheet-shuttleSystemChanger[value="None"] + div.sheet-tugTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Cargo"] + div.sheet-tugTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Transport"] + div.sheet-tugTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Drop"] + div.sheet-tugTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Flight"] + div.sheet-flightTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Boarding"] + div.sheet-boardingTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Tractor"] + div.sheet-tractorTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Survey"] + div.sheet-surveyTrailer,
|
|
input.sheet-shuttleSystemChanger[value="Fighter"] + div.sheet-fighterTrailer
|
|
{
|
|
display: grid;
|
|
}
|
|
|
|
/*Shuttle System Mods Select On/Off Functionality*/
|
|
div.sheet-shuttleSystemBox > input.sheet-shuttleModChanger:not([value="Pulse Drive"]) ~ .sheet-salvoShuttlePulseDrive,
|
|
div.sheet-shuttleSystemBox > input.sheet-shuttleModChanger:not([value="Shields"]) ~ .sheet-salvoShuttleShields,
|
|
div.sheet-shuttleSystemBox > input.sheet-shuttleModChanger:not([value="Pulse Array"]) ~ .sheet-salvoShuttlePulseArray,
|
|
div.sheet-shuttleSystemBox > input.sheet-shuttleModChanger:not([value="Sensors"]) ~ .sheet-salvoShuttleSensors
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Crew Kit Tool Selected*/
|
|
input.sheet-crewKitScanner:not(:checked) ~ .sheet-crewKitScannerMods,
|
|
input.sheet-crewKitBioChemKit:not(:checked) ~ .sheet-crewKitBioChemKitMods,
|
|
input.sheet-crewKitAugmentation:not(:checked) ~ .sheet-crewKitAugmentationMods,
|
|
input.sheet-crewKitLink:not(:checked) ~ .sheet-crewKitLinkMods,
|
|
input.sheet-crewKitMultitool:not(:checked) ~ .sheet-crewKitMultitoolMods,
|
|
input.sheet-crewKitShield:not(:checked) ~ .sheet-crewKitShieldMods,
|
|
input.sheet-crewKitAssociations:not(:checked) ~ .sheet-crewKitAssociationMods
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Ship Tool Selected*/
|
|
input.sheet-shipSensors:not(:checked) ~ .sheet-shipSensorsMods,
|
|
input.sheet-shipGravDrive:not(:checked) ~ .sheet-shipGravDriveMods,
|
|
input.sheet-shipPulseArray:not(:checked) ~ .sheet-shipPulseArrayMods,
|
|
input.sheet-shipShields:not(:checked) ~ .sheet-shipShieldsMods,
|
|
input.sheet-shipLauncher:not(:checked) ~ .sheet-shipLauncherMods,
|
|
input.sheet-shipLaunchBay:not(:checked) ~ .sheet-shuttleTrailers,
|
|
input.sheet-shipLaunchBay:not(:checked) ~ .sheet-trailerDirection
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
/*Crew Kit Mods Selectors*/
|
|
.sheet-crewKitMods
|
|
{
|
|
position: absolute;
|
|
width: 180px;
|
|
height: 13px;
|
|
}
|
|
|
|
.sheet-crewKitAssociationMods
|
|
{
|
|
width: 430px;
|
|
}
|
|
|
|
.sheet-crewKitAugmentationMods
|
|
{
|
|
width: 190px;
|
|
}
|
|
|
|
input.sheet-crewKitMods
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
}
|
|
|
|
input.sheet-crewKitMods + span.sheet-crewKitMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitMod.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 180px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-crewKitMods:checked + span.sheet-crewKitMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitModChecked.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 180px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-crewKitMods + span.sheet-crewKitAugmentationMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitAugmentationMod.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 190px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-crewKitMods:checked + span.sheet-crewKitAugmentationMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitAugmentationModChecked.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 190px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-crewKitMods + span.sheet-crewKitAssociationMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitAssociationMod.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 430px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-crewKitMods:checked + span.sheet-crewKitAssociationMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitAssociationModChecked.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 430px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
|
|
/*Crew Kit Mod Locations*/
|
|
/*Scanner*/
|
|
input[type=checkbox].sheet-crewKitScannerMods,
|
|
span.sheet-crewKitScannerMods
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitScannerSurveySensor,
|
|
span.sheet-crewKitScannerSurveySensor
|
|
{
|
|
grid-row: 72;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitScannerDepthAnalyser,
|
|
span.sheet-crewKitScannerDepthAnalyser
|
|
{
|
|
grid-row: 73;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitScannerAreaEffect,
|
|
span.sheet-crewKitScannerAreaEffect
|
|
{
|
|
grid-row: 75;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitScannerRangeCompensator,
|
|
span.sheet-crewKitScannerRangeCompensator
|
|
{
|
|
grid-row: 76;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/*BioChemKit*/
|
|
input[type=checkbox].sheet-crewKitBioChemKitMods,
|
|
span.sheet-crewKitBioChemKitMods
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitBioChemKitMedtool,
|
|
span.sheet-crewKitBioChemKitMedtool
|
|
{
|
|
grid-row: 72;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitBioChemKitSampler,
|
|
span.sheet-crewKitBioChemKitSampler
|
|
{
|
|
grid-row: 73;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitBioChemKitIncubator,
|
|
span.sheet-crewKitBioChemKitIncubator
|
|
{
|
|
grid-row: 75;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/*Augmentation*/
|
|
input[type=checkbox].sheet-crewKitAugmentationMods,
|
|
span.sheet-crewKitAugmentationMods
|
|
{
|
|
grid-column: 57;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAugmentation1,
|
|
span.sheet-crewKitAugmentation1
|
|
{
|
|
grid-row: 72;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAugmentation2,
|
|
span.sheet-crewKitAugmentation2
|
|
{
|
|
grid-row: 74;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAugmentation3,
|
|
span.sheet-crewKitAugmentation3
|
|
{
|
|
grid-row: 77;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAugmentation4,
|
|
span.sheet-crewKitAugmentation4
|
|
{
|
|
grid-row: 79;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAugmentation5,
|
|
span.sheet-crewKitAugmentation5
|
|
{
|
|
grid-row: 81;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
/*Link*/
|
|
input[type=checkbox].sheet-crewKitLinkMods,
|
|
span.sheet-crewKitLinkMods
|
|
{
|
|
grid-column: 3;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitLinkCommBrowser,
|
|
span.sheet-crewKitLinkCommBrowser
|
|
{
|
|
grid-row: 88;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitLinkDevelopmentKit,
|
|
span.sheet-crewKitLinkDevelopmentKit
|
|
{
|
|
grid-row: 89;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitFireWall,
|
|
span.sheet-crewKitFireWall
|
|
{
|
|
grid-row: 92;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
/*Multitool*/
|
|
input[type=checkbox].sheet-crewKitMultitoolMods,
|
|
span.sheet-crewKitMultitoolMods
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitMultitoolDisrupterTargeter,
|
|
span.sheet-crewKitMultitoolDisrupterTargeter
|
|
{
|
|
grid-row: 88;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitMultitoolTractorLifter,
|
|
span.sheet-crewKitMultitoolTractorLifter
|
|
{
|
|
grid-row: 91;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitMultitoolUtilityManipulator,
|
|
span.sheet-crewKitMultitoolUtilityManipulator
|
|
{
|
|
grid-row: 92;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
/*Shield*/
|
|
input[type=checkbox].sheet-crewKitShieldMods,
|
|
span.sheet-crewKitShieldMods
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitShieldKineticDeflector,
|
|
span.sheet-crewKitShieldKineticDeflector
|
|
{
|
|
grid-row: 88;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitShieldEnergyDissipater,
|
|
span.sheet-crewKitShieldEnergyDissipater
|
|
{
|
|
grid-row: 89;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitShieldHoloprojector,
|
|
span.sheet-crewKitShieldHoloprojector
|
|
{
|
|
grid-row: 91;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitShieldMultifield,
|
|
span.sheet-crewKitShieldMultifield
|
|
{
|
|
grid-row: 92;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
/*Associations*/
|
|
input[type=checkbox].sheet-crewKitAssociationCol1,
|
|
span.sheet-crewKitAssociationCol1
|
|
{
|
|
grid-column: 3;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociationCol2,
|
|
span.sheet-crewKitAssociationCol2
|
|
{
|
|
grid-column: 48;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation1,
|
|
span.sheet-crewKitAssociation1,
|
|
input[type=checkbox].sheet-crewKitAssociation11,
|
|
span.sheet-crewKitAssociation11
|
|
{
|
|
grid-row: 102;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation2,
|
|
span.sheet-crewKitAssociation2,
|
|
input[type=checkbox].sheet-crewKitAssociation12,
|
|
span.sheet-crewKitAssociation12
|
|
{
|
|
grid-row: 104;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation3,
|
|
span.sheet-crewKitAssociation3,
|
|
input[type=checkbox].sheet-crewKitAssociation13,
|
|
span.sheet-crewKitAssociation13
|
|
{
|
|
grid-row: 106;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation4,
|
|
span.sheet-crewKitAssociation4,
|
|
input[type=checkbox].sheet-crewKitAssociation14,
|
|
span.sheet-crewKitAssociation14
|
|
{
|
|
grid-row: 107;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation5,
|
|
span.sheet-crewKitAssociation5,
|
|
input[type=checkbox].sheet-crewKitAssociation15,
|
|
span.sheet-crewKitAssociation15
|
|
{
|
|
grid-row: 109;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation6,
|
|
span.sheet-crewKitAssociation6,
|
|
input[type=checkbox].sheet-crewKitAssociation16,
|
|
span.sheet-crewKitAssociation16
|
|
{
|
|
grid-row: 111;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation7,
|
|
span.sheet-crewKitAssociation7,
|
|
input[type=checkbox].sheet-crewKitAssociation17,
|
|
span.sheet-crewKitAssociation17
|
|
{
|
|
grid-row: 113;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation8,
|
|
span.sheet-crewKitAssociation8,
|
|
input[type=checkbox].sheet-crewKitAssociation18,
|
|
span.sheet-crewKitAssociation18
|
|
{
|
|
grid-row: 115;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation9,
|
|
span.sheet-crewKitAssociation9,
|
|
input[type=checkbox].sheet-crewKitAssociation19,
|
|
span.sheet-crewKitAssociation19
|
|
{
|
|
grid-row: 117;
|
|
}
|
|
|
|
input[type=checkbox].sheet-crewKitAssociation10,
|
|
span.sheet-crewKitAssociation10,
|
|
input[type=checkbox].sheet-crewKitAssociation20,
|
|
span.sheet-crewKitAssociation20
|
|
{
|
|
grid-row: 119;
|
|
margin-top: 0;
|
|
}
|
|
|
|
/*Ship System Mods Selectors*/
|
|
.sheet-shipSystemMods
|
|
{
|
|
position: absolute;
|
|
width: 180px;
|
|
height: 13px;
|
|
}
|
|
|
|
.sheet-shipModuleMods,
|
|
.sheet-shuttleMods
|
|
{
|
|
position: absolute;
|
|
width: 130px;
|
|
height: 13px;
|
|
}
|
|
|
|
input.sheet-shipSystemMods,
|
|
input.sheet-shipModuleMods,
|
|
input.sheet-shuttleMods
|
|
{
|
|
opacity: 0;
|
|
border: none;
|
|
z-index: 19;
|
|
}
|
|
|
|
input.sheet-shipSystemMods + span.sheet-shipSystemMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitMod.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 180px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-shipSystemMods:checked + span.sheet-shipSystemMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewKitModChecked.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 180px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-shuttleMods + span.sheet-shuttleMods,
|
|
input.sheet-shipModuleMods + span.sheet-shipModuleMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/moduleMod.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 13px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
input.sheet-shuttleMods:checked + span.sheet-shuttleMods,
|
|
input.sheet-shipModuleMods:checked + span.sheet-shipModuleMods
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/moduleMod_Checked.png);
|
|
background-repeat: no-repeat;
|
|
background-position: left;
|
|
background-size: 13px 13px;
|
|
opacity: 1;
|
|
z-index: 18;
|
|
}
|
|
|
|
/*Ship System Mod Locations*/
|
|
/*Scanner*/
|
|
input.sheet-shipSensorsMods,
|
|
span.sheet-shipSensorsMods
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
input.sheet-shipSensorsSurveySensor,
|
|
span.sheet-shipSensorsSurveySensor
|
|
{
|
|
grid-row: 18;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-shipSensorsDepthAnalyser,
|
|
span.sheet-shipSensorsDepthAnalyser
|
|
{
|
|
grid-row: 19;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
input.sheet-shipSensorsAreaEffect,
|
|
span.sheet-shipSensorsAreaEffect
|
|
{
|
|
grid-row: 21;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-shipSensorsRangeCompensator,
|
|
span.sheet-shipSensorsRangeCompensator
|
|
{
|
|
grid-row: 23;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
/*Grav Drive*/
|
|
input.sheet-shipGravDriveMods,
|
|
span.sheet-shipGravDriveMods
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input.sheet-shipGravDriveAtmosphericThrusters,
|
|
span.sheet-shipGravDriveAtmosphericThrusters
|
|
{
|
|
grid-row: 18;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input.sheet-shipGravDriveOrbitalInjector,
|
|
span.sheet-shipGravDriveOrbitalInjector
|
|
{
|
|
grid-row: 20;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
input.sheet-shipGravDriveFoldInducer,
|
|
span.sheet-shipGravDriveFoldInducer
|
|
{
|
|
grid-row: 21;
|
|
margin-top: 7px;
|
|
}
|
|
|
|
input.sheet-shipGravDriveWakeGenerator,
|
|
span.sheet-shipGravDriveWakeGenerator
|
|
{
|
|
grid-row: 23;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
/*Pulse Array*/
|
|
input.sheet-shipPulseArrayMods,
|
|
span.sheet-shipPulseArrayMods
|
|
{
|
|
grid-column: 21;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
input.sheet-shipPulseArraySpaceTargeter,
|
|
span.sheet-shipPulseArraySpaceTargeter
|
|
{
|
|
grid-row: 34;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input.sheet-shipPulseArraySurfaceTargeter,
|
|
span.sheet-shipPulseArraySurfaceTargeter
|
|
{
|
|
grid-row: 36;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input.sheet-shipPulseArrayTractorLifter,
|
|
span.sheet-shipPulseArrayTractorLifter
|
|
{
|
|
grid-row: 39;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/*Shields*/
|
|
input.sheet-shipShieldsMods,
|
|
span.sheet-shipShieldsMods
|
|
{
|
|
grid-column: 39;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
input.sheet-shipShieldsKineticDeflector,
|
|
span.sheet-shipShieldsKineticDeflector
|
|
{
|
|
grid-row: 34;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
input.sheet-shipShieldsEnergyDissipater,
|
|
span.sheet-shipShieldsEnergyDissipater
|
|
{
|
|
grid-row: 36;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
input.sheet-shipShieldsHoloprojector,
|
|
span.sheet-shipShieldsHoloprojector
|
|
{
|
|
grid-row: 37;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-shipShieldsMultifield,
|
|
span.sheet-shipShieldsMultifield
|
|
{
|
|
grid-row: 39;
|
|
margin-top: 0px;
|
|
}
|
|
|
|
/*Ship Module Fitting Locations*/
|
|
input.sheet-shipLauncherMods,
|
|
span.sheet-shipLauncherMods
|
|
{
|
|
grid-column: 42;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
input.sheet-shipLauncherChaff,
|
|
span.sheet-shipLauncherChaff
|
|
{
|
|
grid-row: 70;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-shipLauncherIndictorMines,
|
|
span.sheet-shipLauncherIndictorMines
|
|
{
|
|
grid-row: 71;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
input.sheet-shipLauncherPlasmaMines,
|
|
span.sheet-shipLauncherPlasmaMines
|
|
{
|
|
grid-row: 73;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
input.sheet-shipLauncherTorpedo,
|
|
span.sheet-shipLauncherTorpedo
|
|
{
|
|
grid-row: 74;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
/*Flow Lines*/
|
|
.sheet-flowLine
|
|
{
|
|
position: absolute;
|
|
z-index: 12;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-operatorDirection
|
|
{
|
|
grid-row: 2 / span 5;
|
|
grid-column: 8 / span 25;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operatorFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 250px 42px;
|
|
opacity: 1;
|
|
width: 250px;
|
|
height: 42px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-skillDirection
|
|
{
|
|
grid-row: 2 / span 17;
|
|
grid-column: 8 / span 58;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/skillFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 580px 170px;
|
|
opacity: 1;
|
|
width: 580px;
|
|
height: 170px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-skillDirection
|
|
{
|
|
grid-row: 7 / span 2;
|
|
grid-column: 20 / span 33;
|
|
margin-top: 6px;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/skillShipFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 370px 13px;
|
|
opacity: 1;
|
|
width: 370px;
|
|
height: 13px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-specialtyDirection
|
|
{
|
|
grid-row: 10 / span 2;
|
|
grid-column: 21 / span 47;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/specialtyFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 470px 11px;
|
|
opacity: 1;
|
|
width: 470px;
|
|
height: 11px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-specialtyDirection
|
|
{
|
|
grid-row: 8 / span 12;
|
|
grid-column: 73 / span 10;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/specialtyShipFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100px 120px;
|
|
opacity: 1;
|
|
width: 100px;
|
|
height: 120px;
|
|
}
|
|
|
|
.sheet-communicationsSpecialtyFlow1
|
|
{
|
|
grid-area: 10/25/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/communicationsSpecialtyFlow1.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 520px 200px;
|
|
opacity: 1;
|
|
width: 520px;
|
|
height: 200px;
|
|
}
|
|
|
|
.sheet-communicationsSpecialtyFlow2
|
|
{
|
|
grid-area: 10/25/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/communicationsSpecialtyFlow2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 520px 270px;
|
|
opacity: 1;
|
|
width: 520px;
|
|
height: 270px;
|
|
}
|
|
|
|
.sheet-communicationsSpecialtyFlow3
|
|
{
|
|
grid-area: 10/25/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/communicationsSpecialtyFlow3.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 520px 340px;
|
|
opacity: 1;
|
|
width: 520px;
|
|
height: 340px;
|
|
}
|
|
|
|
.sheet-communicationsSpecialtyFlow4
|
|
{
|
|
grid-area: 10/25/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/communicationsSpecialtyFlow4.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 520px 410px;
|
|
opacity: 1;
|
|
width: 520px;
|
|
height: 410px;
|
|
}
|
|
|
|
.sheet-communicationsSpecialtyFlow5
|
|
{
|
|
grid-area: 10/25/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/communicationsSpecialtyFlow5.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 520px 480px;
|
|
opacity: 1;
|
|
width: 520px;
|
|
height: 480px;
|
|
}
|
|
|
|
.sheet-operationsSpecialtyFlow1
|
|
{
|
|
grid-area: 10/48/30/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operationsSpecialtyFlow1.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 300px 200px;
|
|
opacity: 1;
|
|
width: 300px;
|
|
height: 200px;
|
|
}
|
|
|
|
.sheet-operationsSpecialtyFlow2
|
|
{
|
|
grid-area: 10/48/37/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operationsSpecialtyFlow2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 300px 270px;
|
|
opacity: 1;
|
|
width: 300px;
|
|
height: 270px;
|
|
}
|
|
|
|
.sheet-operationsSpecialtyFlow3
|
|
{
|
|
grid-area: 10/48/44/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operationsSpecialtyFlow3.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 300px 340px;
|
|
opacity: 1;
|
|
width: 300px;
|
|
height: 340px;
|
|
}
|
|
|
|
.sheet-operationsSpecialtyFlow4
|
|
{
|
|
grid-area: 10/48/51/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operationsSpecialtyFlow4.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 300px 410px;
|
|
opacity: 1;
|
|
width: 300px;
|
|
height: 410px;
|
|
}
|
|
|
|
.sheet-operationsSpecialtyFlow5
|
|
{
|
|
grid-area: 10/48/58/78;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/operationsSpecialtyFlow5.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 300px 480px;
|
|
opacity: 1;
|
|
width: 300px;
|
|
height: 480px;
|
|
}
|
|
|
|
.sheet-engineeringSpecialtyFlow1
|
|
{
|
|
grid-row: 10 / span 20;
|
|
grid-column: 70 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/engineeringSpecialtyFlow1.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 75px 200px;
|
|
opacity: 1;
|
|
width: 75px;
|
|
height: 200px;
|
|
}
|
|
|
|
.sheet-engineeringSpecialtyFlow2
|
|
{
|
|
grid-row: 10 / span 27;
|
|
grid-column: 70 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/engineeringSpecialtyFlow2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 75px 270px;
|
|
opacity: 1;
|
|
width: 75px;
|
|
height: 270px;
|
|
}
|
|
|
|
.sheet-engineeringSpecialtyFlow3
|
|
{
|
|
grid-row: 10 / span 34;
|
|
grid-column: 70 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/engineeringSpecialtyFlow3.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 75px 340px;
|
|
opacity: 1;
|
|
width: 75px;
|
|
height: 340px;
|
|
}
|
|
|
|
.sheet-engineeringSpecialtyFlow4
|
|
{
|
|
grid-row: 10 / span 41;
|
|
grid-column: 70 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/engineeringSpecialtyFlow4.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 75px 410px;
|
|
opacity: 1;
|
|
width: 75px;
|
|
height: 410px;
|
|
}
|
|
|
|
.sheet-engineeringSpecialtyFlow5
|
|
{
|
|
grid-row: 10 / span 48;
|
|
grid-column: 70 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/engineeringSpecialtyFlow5.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 75px 480px;
|
|
opacity: 1;
|
|
width: 75px;
|
|
height: 480px;
|
|
}
|
|
|
|
.sheet-toolCrewKitDirection
|
|
{
|
|
grid-row: 10 / span 51;
|
|
grid-column: 40 / span 27;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/toolCrewKitDirection.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 270px 510px;
|
|
opacity: 1;
|
|
width: 270px;
|
|
height: 510px;
|
|
}
|
|
|
|
.sheet-toolShipDirection
|
|
{
|
|
grid-row: 26 / span 22;
|
|
margin-top: 0;
|
|
grid-column: 50 / span 25;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/toolShipDirection.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 250px 220px;
|
|
opacity: 1;
|
|
width: 250px;
|
|
height: 220px;
|
|
}
|
|
|
|
.sheet-trailerDirection
|
|
{
|
|
grid-row: 44 / span 20;
|
|
margin-top: 0px;
|
|
grid-column: 45 / span 5;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/trailerDirection.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 50px 200px;
|
|
opacity: 1;
|
|
width: 50px;
|
|
height: 200px;
|
|
}
|
|
|
|
.sheet-chargeCrewKitDirection
|
|
{
|
|
grid-row: 55 / span 9;
|
|
grid-column: 13 / span 2;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/upFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 13px 90px;
|
|
opacity: 1;
|
|
width: 13px;
|
|
height: 90px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.sheet-chargeSystemDirection
|
|
{
|
|
grid-row: 25 / span 5;
|
|
grid-column: 12 / span 2;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/downFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: bottom;
|
|
background-size: 13px 90px;
|
|
opacity: 1;
|
|
width: 13px;
|
|
height: 50px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-advantageDirection
|
|
{
|
|
grid-row: 36 / span 9;
|
|
grid-column: 70 / span 2;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/downFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 13px 90px;
|
|
opacity: 1;
|
|
width: 13px;
|
|
height: 90px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-advantageDirection
|
|
{
|
|
grid-row: 64 / span 9;
|
|
grid-column: 9 / span 2;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/upFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 13px 90px;
|
|
opacity: 1;
|
|
width: 13px;
|
|
height: 90px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-crewmemberSheet .sheet-threatDirection
|
|
{
|
|
grid-row: 48 / span 2;
|
|
grid-column: 75 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/threatFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 80px 13px;
|
|
opacity: 1;
|
|
width: 80px;
|
|
height: 13px;
|
|
}
|
|
|
|
.sheet-shipSheet .sheet-threatDirection
|
|
{
|
|
grid-row: 53 / span 2;
|
|
grid-column: 14 / span 8;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/threatFlow.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 80px 13px;
|
|
opacity: 1;
|
|
width: 80px;
|
|
height: 13px;
|
|
}
|
|
|
|
/* ******************************* */
|
|
/* Aspects */
|
|
/* ******************************* */
|
|
.sheet-crewTop
|
|
{
|
|
grid-area: crewTop;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 28px 1fr;
|
|
grid-gap: 0px;
|
|
height: 165px;
|
|
grid-template-areas: "ID ID" "crewAspect crewSpecies";
|
|
}
|
|
|
|
.sheet-crewID
|
|
{
|
|
width: 900px;
|
|
grid-area: ID;
|
|
display: grid;
|
|
grid-template-columns: 1fr 6fr 1fr 6fr;
|
|
grid-template-rows: auto;
|
|
grid-gap: 0px;
|
|
height: 24px;
|
|
z-index: 0;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-alias
|
|
{
|
|
text-align: start;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 18px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-aliasName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-player
|
|
{
|
|
text-align: start;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 18px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-playerName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-crewAspects
|
|
{
|
|
width: 440px;
|
|
padding: 5px;
|
|
display: grid;
|
|
grid-area: crewAspect;
|
|
grid-template-columns: 160px 1fr;
|
|
grid-template-rows: repeat(6,18px);
|
|
grid-gap: 0px;
|
|
height: 108px;
|
|
z-index: 0;
|
|
align-self: center;
|
|
justify-self: start;
|
|
}
|
|
|
|
.sheet-departmentA
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-stationA
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-departmentB
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-stationB
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-aspectText
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-aspectTextbox
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-species
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/species.png);
|
|
background-size: 450px 128px;
|
|
background-repeat: no-repeat;
|
|
width: 440px;
|
|
padding: 5px;
|
|
display: grid;
|
|
grid-area: crewSpecies;
|
|
grid-template-columns: repeat(2, 85px 1fr);
|
|
grid-template-rows: 20px repeat(5,minmax(15px,18px));
|
|
grid-gap: 0px;
|
|
height: 126px;
|
|
z-index: 0;
|
|
align-self: center;
|
|
justify-self: start;
|
|
}
|
|
|
|
.sheet-speciesTitle
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.sheet-speciesName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-shipAspects
|
|
{
|
|
grid-area: aspects;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-template-columns: repeat(2,90px 30px 1fr);
|
|
grid-template-rows: 18px 15px 15px;
|
|
grid-column-gap: 4px;
|
|
height: 50px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-designation
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-designationPrefix
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-designationName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-patron
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-patronName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-flag
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-flagType
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-captain
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-captainName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 5;
|
|
grid-column-end: 7;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-tactics
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-tacticList
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
grid-column-start: 5;
|
|
grid-column-end: 7;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
/* ******************************* */
|
|
/* Skills */
|
|
/* ******************************* */
|
|
.sheet-skillRow
|
|
{
|
|
grid-area: skills;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-template-columns: repeat(3,1fr) 220px;
|
|
grid-template-rows: 32px 1fr 160px 78px;
|
|
grid-gap: 4px;
|
|
height: 410px;
|
|
grid-template-areas: "Title Title Title Conditions" "Skills1 Skills2 Skills3 Conditions" "Skills1 Skills2 Skills3 Pathogens" "Skills1 Skills2 Skills3 Upkeep";
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.sheet-skillHeader
|
|
{
|
|
grid-area: Title;
|
|
}
|
|
|
|
.sheet-skills
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/skills.png);
|
|
background-size: 220px 370px;
|
|
background-repeat: no-repeat;
|
|
width: 220px;
|
|
display: grid;
|
|
grid-template-columns: 8px 8px 1fr 40px 64px;
|
|
grid-template-rows: 22px repeat(5, 25px minmax(12px, 14px) minmax(12px, 14px) minmax(12px, 14px)) 1fr;
|
|
grid-gap: 0px;
|
|
height: 370px;
|
|
z-index: 0;
|
|
align-self: center;
|
|
justify-self: start;
|
|
}
|
|
|
|
.sheet-skills1
|
|
{
|
|
grid-area: Skills1;
|
|
}
|
|
|
|
.sheet-skills2
|
|
{
|
|
grid-area: Skills2;
|
|
}
|
|
|
|
.sheet-skills3
|
|
{
|
|
grid-area: Skills3;
|
|
}
|
|
|
|
.sheet-department
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-skill
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.sheet-specialty
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sheet-skilldice
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.sheet-specialtydice
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
}
|
|
|
|
.sheet-skillRollButton
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
text-align: end;
|
|
flex-flow: nowrap;
|
|
margin-right: 2px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-crewConditionsWidget
|
|
{
|
|
grid-area: Conditions;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/conditionPathogen.png);
|
|
background-size: 220px 156px;
|
|
background-repeat: no-repeat;
|
|
width: 220px;
|
|
display: grid;
|
|
grid-template-columns: 13px 1fr 1fr 25px 10px;
|
|
grid-template-rows: 22px repeat(5, 25px ) 1fr;
|
|
grid-column-gap: 4px;
|
|
height: 156px;
|
|
z-index: 0;
|
|
align-self: start;
|
|
justify-self: start;
|
|
align-items: center;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.sheet-conditionsTitle
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 6;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-crewPatchTitle
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
padding-top: 0px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-conditionCheckbox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
}
|
|
|
|
.sheet-conditionType
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-conditionLineAugment
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-conditionLineResilience
|
|
{
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-conditionLineIntegrity
|
|
{
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-conditionLineVitality
|
|
{
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
/* Subgrid for Crew Conditions */
|
|
.sheet-crewConditions
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 6;
|
|
display: grid;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: repeat(4,25px);
|
|
grid-template-areas: "resilience2" "resilience1" "integrity" "vitality";
|
|
position: relative;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-crewConditions > input
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-crewConditions > .sheet-resilience-slot-2
|
|
{
|
|
grid-area: resilience2;
|
|
}
|
|
|
|
.sheet-crewConditions > .sheet-resilience-slot-1
|
|
{
|
|
grid-area: resilience1;
|
|
}
|
|
|
|
.sheet-crewConditions > .sheet-integrity
|
|
{
|
|
grid-area: integrity;
|
|
}
|
|
|
|
.sheet-crewConditions > .sheet-vital
|
|
{
|
|
grid-area: vitality;
|
|
}
|
|
/* Subgrid for Crew Patches */
|
|
.sheet-crewPatches
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewPatchBand.png);
|
|
background-size: 100% 75%;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
width: 75px;
|
|
height: 18px;
|
|
display: grid;
|
|
grid-template-columns: 10px repeat(3,18px) 10px;
|
|
grid-template-rows: 18px;
|
|
grid-template-areas: ". patch1 patch2 patch3 .";
|
|
position: relative;
|
|
justify-self: end;
|
|
align-items: center;
|
|
}
|
|
|
|
.sheet-crewPatches > input
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-crewPatches > .sheet-patch1
|
|
{
|
|
grid-area: patch1;
|
|
}
|
|
|
|
.sheet-crewPatches > .sheet-patch2
|
|
{
|
|
grid-area: patch2;
|
|
}
|
|
|
|
.sheet-crewPatches > .sheet-patch3
|
|
{
|
|
grid-area: patch3;
|
|
}
|
|
|
|
.sheet-pathogen
|
|
{
|
|
grid-area: Pathogens;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/conditionPathogen.png);
|
|
background-size: 220px 156px;
|
|
background-repeat: no-repeat;
|
|
width: 220px;
|
|
display: grid;
|
|
grid-template-columns: 75px 1fr;
|
|
grid-template-rows: 25px 1fr 5px;
|
|
grid-gap: 0px;
|
|
height: 156px;
|
|
z-index: 0;
|
|
align-self: start;
|
|
justify-self: start;
|
|
}
|
|
|
|
.sheet-pathogenName
|
|
{
|
|
padding-top: 4px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.sheet-pathogenBox
|
|
{
|
|
padding-left: 6px;
|
|
padding-bottom: 2px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-upkeep
|
|
{
|
|
grid-area: Upkeep;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/upkeep.png);
|
|
background-size: 220px 77px;
|
|
background-repeat: no-repeat;
|
|
width: 220px;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 22px 1fr;
|
|
grid-gap: 0px;
|
|
height: 77px;
|
|
z-index: 0;
|
|
align-self: start;
|
|
justify-self: start;
|
|
}
|
|
|
|
.sheet-upkeepPathogenTitle
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 14px;
|
|
font-variant: small-caps;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.sheet-upkeepBoxPlacement
|
|
{
|
|
padding-left: 6px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
input[type="number"].sheet-upkeepBox
|
|
{
|
|
height: 50px;
|
|
width: 210px;
|
|
font-size: 18px;
|
|
border: none;
|
|
}
|
|
/* ***************************** */
|
|
/* Crew Kit */
|
|
/* *************************** */
|
|
.sheet-crewKitWidget
|
|
{
|
|
grid-area: crewKit;
|
|
width: 900px;
|
|
display: grid;
|
|
grid-template-columns: 540px 178px 178px;
|
|
grid-template-rows: 32px 155px 155px 1fr;
|
|
grid-gap: 4px;
|
|
height: 620px;
|
|
grid-template-areas: "Title Title Title" "Tools1 Augments EVASuit" "Tools2 Augments EVASuit" "Associations Associations Associations";
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.sheet-crewKitTitle
|
|
{
|
|
grid-area: Title;
|
|
}
|
|
|
|
.sheet-Tools1
|
|
{
|
|
grid-area: Tools1;
|
|
}
|
|
|
|
.sheet-Tools2
|
|
{
|
|
grid-area: Tools2;
|
|
}
|
|
|
|
.sheet-EVASuit
|
|
{
|
|
grid-area: EVASuit;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/EVAsuit.png);
|
|
background-size: 180px 314px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 15px 60px 1fr 20px 12px;
|
|
grid-template-rows: 24px 20px 20px 16px 14px 20px 12px 12px 20px 20px 18px 14px 8px 20px 20px 20px 15px 1fr;
|
|
grid-column-gap: 2px;
|
|
height: 312px;
|
|
width: 178px;
|
|
padding-top: 4px;
|
|
padding-left: 4px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-EVATitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-EVAArmourTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-gelFunction
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
}
|
|
|
|
.sheet-EVACheckbox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
}
|
|
|
|
.sheet-EVAarmourType
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-EVAArmour
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-shipSuitTitle
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-gelTitle
|
|
{
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-outerTitle
|
|
{
|
|
grid-row-start: 14;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-shipSuit
|
|
{
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-gelFunction
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-gelDetail
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-gelDetail2
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-gelBase
|
|
{
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-gelUpgrade
|
|
{
|
|
grid-row-start: 10;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-gelSubTitle
|
|
{
|
|
grid-row-start: 12;
|
|
grid-row-end: 13;
|
|
}
|
|
|
|
.sheet-outerBase
|
|
{
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
}
|
|
|
|
.sheet-outerUpgrade
|
|
{
|
|
grid-row-start: 16;
|
|
grid-row-end: 17;
|
|
}
|
|
|
|
.sheet-outerSubTitle
|
|
{
|
|
grid-row-start: 18;
|
|
grid-row-end: 19;
|
|
}
|
|
|
|
.sheet-armourSubTitle
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
text-align: center;
|
|
font-size: 9px;
|
|
font-style: italic;
|
|
}
|
|
|
|
.sheet-Augments
|
|
{
|
|
grid-area: Augments;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/augmentation.png);
|
|
background-size: 180px 314px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr 25px 6px;
|
|
grid-template-rows: 18px 15px 15px repeat(11,1fr);
|
|
grid-gap: 0px;
|
|
height: 314px;
|
|
width: 178px;
|
|
padding-top: 4px;
|
|
padding-left: 4px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-augmentationTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-augmentationDetail1
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
font-size: 9px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.sheet-augmentationDetail2
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
font-size: 9px;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
.sheet-augmentsTitle
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
font-variant: small-caps;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-augmentName
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-augmentPips
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-augment1
|
|
{
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-augment2
|
|
{
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-augment3
|
|
{
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
}
|
|
|
|
.sheet-augment4
|
|
{
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
}
|
|
|
|
.sheet-augment5
|
|
{
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-augment6
|
|
{
|
|
grid-row-start: 10;
|
|
grid-row-end: 11;
|
|
}
|
|
|
|
.sheet-augment7
|
|
{
|
|
grid-row-start: 11;
|
|
grid-row-end: 12;
|
|
}
|
|
|
|
.sheet-augment8
|
|
{
|
|
grid-row-start: 12;
|
|
grid-row-end: 13;
|
|
}
|
|
|
|
.sheet-augment9
|
|
{
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
}
|
|
|
|
.sheet-Associations
|
|
{
|
|
grid-area: Associations;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/associations.png);
|
|
background-size: 900px 255px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 10px repeat(2, 269px 94px 1fr);
|
|
grid-template-rows: 20px 16px 20px repeat(11,18px) 1fr;
|
|
grid-gap: 0px;
|
|
height: 250px;
|
|
width: 895px;
|
|
padding-top: 4px;
|
|
padding-left: 6px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-associationsTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-associationsDetail
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
font-size: 9px;
|
|
}
|
|
|
|
.sheet-associationListItems
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 2em;
|
|
}
|
|
|
|
.sheet-associationSubtitleA
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
font-variant: small-caps;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-associationTypeTitleA
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
vertical-align: bottom;
|
|
text-align: center;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-associationRatingTitleA
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
vertical-align: bottom;
|
|
text-align: center;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-associationSubtitleB
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
font-variant: small-caps;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-associationTypeTitleB
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
vertical-align: bottom;
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-associationRatingTitleB
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
vertical-align: bottom;
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-associationRatingA
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-associationRatingB
|
|
{
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
}
|
|
|
|
.sheet-associationTypeA
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-associationTypeB
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
}
|
|
|
|
.sheet-associationA
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-associationB
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-association1
|
|
{
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-association2
|
|
{
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-association3
|
|
{
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-association4
|
|
{
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
}
|
|
|
|
.sheet-association5
|
|
{
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
}
|
|
|
|
.sheet-association6
|
|
{
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-association7
|
|
{
|
|
grid-row-start: 10;
|
|
grid-row-end: 11;
|
|
}
|
|
|
|
.sheet-association8
|
|
{
|
|
grid-row-start: 11;
|
|
grid-row-end: 12;
|
|
}
|
|
|
|
.sheet-association9
|
|
{
|
|
grid-row-start: 12;
|
|
grid-row-end: 13;
|
|
}
|
|
|
|
.sheet-association0
|
|
{
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
}
|
|
|
|
.sheet-descriptionWidget
|
|
{
|
|
grid-area: description;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/description.png);
|
|
background-size: 900px 100px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 90px 1fr) 10px;
|
|
grid-template-rows: 20px repeat(3,15px) 1fr;
|
|
grid-gap: 4px;
|
|
height: 105px;
|
|
width: 900px;
|
|
padding-top: 4px;
|
|
padding-left: 6px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-descriptionTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-descriptionColumnA
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
}
|
|
|
|
.sheet-descriptionColumnB
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-descriptionColumnC
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-descriptionColumnD
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-descriptionList1
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-descriptionList2
|
|
{
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-descriptionList3
|
|
{
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-languageWidget
|
|
{
|
|
grid-area: language;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/language.png);
|
|
background-size: 900px 212px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 15px 1fr) 15px;
|
|
grid-template-rows: 20px 18px repeat(10,15px) 1fr;
|
|
grid-gap: 0px;
|
|
height: 210px;
|
|
width: 900px;
|
|
padding-top: 4px;
|
|
padding-left: 6px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-languageTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 9;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-languageCheckboxA
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
}
|
|
|
|
.sheet-languageA
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-languageCheckboxB
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-languageB
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-languageCheckboxC
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-languageC
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
}
|
|
|
|
.sheet-languageCheckboxD
|
|
{
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
}
|
|
|
|
.sheet-languageD
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
}
|
|
|
|
.sheet-languagePrevelent
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-contactNoteRow
|
|
{
|
|
grid-area: contactNotes;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 1fr;
|
|
width: 900px;
|
|
height: 390px;
|
|
grid-template-areas: "contact notes";
|
|
}
|
|
|
|
.sheet-contactWidget
|
|
{
|
|
grid-area: contact;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/contactNotes.png);
|
|
background-size: 440px 390px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 20px repeat(23,15px) 1fr;
|
|
grid-gap: 0px;
|
|
height: 390px;
|
|
width: 435px;
|
|
padding: 4px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-contactTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-factionTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 14px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sheet-crewNoteWidget
|
|
{
|
|
grid-area: notes;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/contactNotes.png);
|
|
background-size: 440px 390px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 1fr 10px;
|
|
grid-template-rows: 20px 1fr;
|
|
grid-gap: 0px;
|
|
height: 390px;
|
|
width: 435px;
|
|
padding: 4px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-crewNoteBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-retirementWidget
|
|
{
|
|
grid-area: retirement;
|
|
display: grid;
|
|
grid-template-columns: 1fr 4fr;
|
|
grid-template-rows: 32px 1fr 1fr 1fr;
|
|
grid-template-areas: "Title Title" "reserve plan" "debt plan" "shares plan";
|
|
grid-row-gap: 4px;
|
|
height: 440px;
|
|
width: 900px;
|
|
padding-top: 4px;
|
|
padding-left: 6px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-retirementTitle
|
|
{
|
|
grid-area: Title;
|
|
}
|
|
|
|
.sheet-retirementPlan
|
|
{
|
|
grid-area: plan;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Retirement.png);
|
|
background-size: 700px 390px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 4fr 1fr 2fr 15px;
|
|
grid-template-rows: 24px 1fr;
|
|
grid-gap: 0px;
|
|
height: 385px;
|
|
width: 695px;
|
|
padding-top: 4px;
|
|
padding-left: 6px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-retirementPlanSummary
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.sheet-retirementFactionTitle
|
|
{
|
|
align-self: end;
|
|
justify-self: end;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-retirementFactionName
|
|
{
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-retirementResources
|
|
{
|
|
background-size: 169px 120px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 18px 1fr 18px;
|
|
grid-template-rows: 22px 1fr 18px;
|
|
grid-gap: 0px;
|
|
height: 120px;
|
|
width: 169px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-retirementResourceTitle
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
font-variant: small-caps;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.sheet-retirementReserve
|
|
{
|
|
grid-area: reserve;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resources.png);
|
|
}
|
|
|
|
.sheet-retirementDebt
|
|
{
|
|
grid-area: debt;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/debt.png);
|
|
}
|
|
|
|
.sheet-retirementShares
|
|
{
|
|
grid-area: shares;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/shares.png);
|
|
}
|
|
|
|
.sheet-retirementResourceBox
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
input[type="number"].sheet-retirementBox
|
|
{
|
|
height: 100%;
|
|
width: 100%;
|
|
font-size: 18px;
|
|
border: none;
|
|
}
|
|
/* ******************************* */
|
|
/* Graphics */
|
|
/* ******************************* */
|
|
/* Hide Checkboxes and Radio boxes */
|
|
input[type="checkbox"].sheet-hideCheckbox, input[type="radio"].sheet-hideCheckbox
|
|
{
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
}
|
|
/* Subgrid for Tug Conditions */
|
|
.sheet-launch-bay-tug-conditions
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 3;
|
|
grid-row-end: 11;
|
|
display: grid;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: repeat(4,25px);
|
|
grid-template-areas: "resilience2" "resilience1" "integrity" "vitality";
|
|
position: relative;
|
|
justify-self: end;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.sheet-launch-bay-tug-conditions > input
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-launch-bay-tug-conditions > .sheet-resilience-slot-2
|
|
{
|
|
grid-area: resilience2;
|
|
}
|
|
|
|
.sheet-launch-bay-tug-conditions > .sheet-resilience-slot-1
|
|
{
|
|
grid-area: resilience1;
|
|
}
|
|
|
|
.sheet-launch-bay-tug-conditions > .sheet-integrity
|
|
{
|
|
grid-area: integrity;
|
|
}
|
|
|
|
.sheet-launch-bay-tug-conditions > .sheet-vital
|
|
{
|
|
grid-area: vitality;
|
|
}
|
|
/* Subgrid for Trailer Conditions */
|
|
.sheet-launch-bay-trailer-conditions
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 14;
|
|
grid-row-end: 20;
|
|
display: grid;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: repeat(3,25px);
|
|
grid-template-areas: "resilience" "integrity" "vitality";
|
|
position: relative;
|
|
justify-self: end;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.sheet-launch-bay-trailer-conditions > input
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 1;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-launch-bay-trailer-conditions > .sheet-resilience-slot
|
|
{
|
|
grid-area: resilience;
|
|
}
|
|
|
|
.sheet-launch-bay-trailer-conditions > .sheet-integrity
|
|
{
|
|
grid-area: integrity;
|
|
}
|
|
|
|
.sheet-launch-bay-trailer-conditions > .sheet-vital
|
|
{
|
|
grid-area: vitality;
|
|
}
|
|
/* Inline Checkbox Location */
|
|
input[type="checkbox"].sheet-inlineCheckbox, input[type="radio"].sheet-inlineCheckbox
|
|
{
|
|
width: 13px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inlineCheckboxSmall, input[type="radio"].sheet-inlineCheckboxSmall
|
|
{
|
|
width: 8px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inlineCheckboxMedium, input[type="radio"].sheet-inlineCheckboxMedium
|
|
{
|
|
width: 15px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
input[type="radio"].sheet-inlineCapacityCheckbox
|
|
{
|
|
width: 10px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="radio"].sheet-inlinePipCheckbox
|
|
{
|
|
width: 10px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="radio"].sheet-inlineCapacityCheckboxSmall
|
|
{
|
|
width: 8px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-inlineCheckboxLarge, input[type="radio"].sheet-inlineCheckboxLarge
|
|
{
|
|
width: 25px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
/* Inline Image Location */
|
|
span.sheet-inlineArmour
|
|
{
|
|
display: inline-block;
|
|
background-size: 14px 14px;
|
|
height: 15px;
|
|
width: 15px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
span.sheet-inlineArmourSelectors
|
|
{
|
|
display: inline-block;
|
|
background-size: 8px 8px;
|
|
height: 8px;
|
|
width: 8px;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
span.sheet-inlineCapacityPips
|
|
{
|
|
display: inline-block;
|
|
background-size: 10px 15px;
|
|
height: 15px;
|
|
width: 10px;
|
|
margin-left: -10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.sheet-inlineOvercharge
|
|
{
|
|
display: inline-block;
|
|
background-size: 40px 40px;
|
|
height: 40px;
|
|
width: 40px;
|
|
margin-left: -40px;
|
|
}
|
|
|
|
span.sheet-inlineCapacityPipsSmall
|
|
{
|
|
display: inline-block;
|
|
background-size: 8px 12px;
|
|
height: 12px;
|
|
width: 8px;
|
|
margin-left: -8px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.sheet-inlinePips
|
|
{
|
|
display: inline-block;
|
|
background-size: 10px 10px;
|
|
height: 12px;
|
|
width: 10px;
|
|
margin-left: -10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.sheet-inlinePipsLarge
|
|
{
|
|
display: inline-block;
|
|
background-size: 24px 24px;
|
|
height: 25px;
|
|
width: 25px;
|
|
margin-left: -25px;
|
|
vertical-align: middle;
|
|
}
|
|
/* Grid Checkbox location */
|
|
input[type="checkbox"].sheet-smallCheckbox, input[type="radio"].sheet-smallCheckbox
|
|
{
|
|
width: 13px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 13px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-largeCheckbox, input[type="radio"].sheet-largeCheckbox
|
|
{
|
|
width: 25px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="checkbox"].sheet-mediumCheckbox, input[type="radio"].sheet-mediumCheckbox
|
|
{
|
|
width: 18px;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
/* Image Location */
|
|
span.sheet-largePips
|
|
{
|
|
background-size: 24px 24px;
|
|
height: 25px;
|
|
width: 25px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.sheet-mediumPips
|
|
{
|
|
background-size: 18px 18px;
|
|
height: 19px;
|
|
width: 19px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
span.sheet-smallPips
|
|
{
|
|
background-size: 10px 10px;
|
|
height: 13px;
|
|
width: 13px;
|
|
vertical-align: middle;
|
|
}
|
|
/* Graphics */
|
|
input[type="radio"] + span.sheet-ZeroDie
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/D10ZeroPip.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"] + span.sheet-D10, span.sheet-FittingD10
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/D10PipFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"]:checked + span.sheet-D10 ~ input[type="radio"] + span.sheet-D10, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-D10
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/D10Pip.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"] + span.sheet-Boost, span.sheet-FittingBoost
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/BoostFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"]:checked + span.sheet-Boost ~ input[type="radio"] + span.sheet-Boost, input[type="radio"]:checked + span.sheet-ZeroDie ~ input[type="radio"] + span.sheet-Boost
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Boost.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"] + span.sheet-capacityPips
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/CapacityPipsFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="radio"]:checked + span.sheet-capacityPips ~ input[type="radio"] + span.sheet-capacityPips
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/CapacityPips.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-overcharge
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/overchargeEmpty.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-overcharge
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/overcharge.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-hexSelector
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/HexPip.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-hexSelector,
|
|
span.sheet-hexselectorChecked
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/HexPipFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-armour
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/armor.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-armour
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/armor2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-resilience
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resiliance.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-resilience
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resiliance2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-resilienceThreat
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resilianceThreat.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-resilienceThreat
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resilianceThreatFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-integrity
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/sys-int.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-integrity
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/sys-int2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-integrityThreat
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/IntegrityThreat.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-integrityThreat
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/IntegrityThreatFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-crewIntegrity
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewIntegrity.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-crewIntegrity
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/crewIntegrity2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-vital
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/vital.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-vital
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/vital2.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"] + span.sheet-patch
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Patches.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
|
|
input[type="checkbox"]:checked + span.sheet-patch
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/PatchesFilled.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 1;
|
|
z-index: 2;
|
|
}
|
|
/* ***************************************** */
|
|
/* SHIP SYSTEMS */
|
|
/* ***************************************** */
|
|
.sheet-systemsAmenities
|
|
{
|
|
grid-area: systemsAmenities;
|
|
display: grid;
|
|
width: 900px;
|
|
height: 360px;
|
|
grid-template-columns: 535px 1fr;
|
|
grid-template-rows: 1fr;
|
|
grid-template-areas: "systems amenities";
|
|
grid-gap: 4px;
|
|
}
|
|
|
|
.sheet-systemWidget
|
|
{
|
|
grid-area: systems;
|
|
display: grid;
|
|
width: 535px;
|
|
height: 352px;
|
|
grid-template-columns: repeat(3,175px);
|
|
grid-template-rows: 32px 154px 154px;
|
|
grid-template-areas: "title title title";
|
|
grid-row-gap: 7px;
|
|
grid-column-gap: 4px;
|
|
}
|
|
|
|
.sheet-systemWidegetTitle
|
|
{
|
|
grid-area: title;
|
|
}
|
|
|
|
.sheet-reactorSystem
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Reactor.png);
|
|
}
|
|
|
|
.sheet-shipSystem
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/ShipSystem.png);
|
|
}
|
|
|
|
.sheet-weaponSystem
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/PulseArray.png);
|
|
}
|
|
|
|
.sheet-dataStorage
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/DataStorage.png);
|
|
}
|
|
|
|
.sheet-system
|
|
{
|
|
background-size: 175px 155px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: minmax(6px,10px) 4fr 3fr 5fr;
|
|
grid-template-rows: repeat(10,15px);
|
|
grid-gap: 0px;
|
|
height: 150px;
|
|
width: 170px;
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-flex-systemRow
|
|
{
|
|
display: flex;
|
|
flex-flow: nowrap;
|
|
width: 540px;
|
|
justify-content: space-evenly;
|
|
}
|
|
/* Ship system text*/
|
|
.sheet-systemTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
padding-left: 6px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-systemDetail
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-systemDamage
|
|
{
|
|
font-size: 14px;
|
|
text-align: end;
|
|
padding-top: 6px;
|
|
padding-right: 7px;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-systemRange
|
|
{
|
|
font-size: 10px;
|
|
text-align: end;
|
|
padding-right: 12px;
|
|
padding-top: 2px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-systemDivide
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-systemChargeTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
padding-left: 6px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
input[type="number"].sheet-currentCharge
|
|
{
|
|
height: 70px;
|
|
width: 80px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.sheet-systemChargeBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 6;
|
|
grid-row-end: 11;
|
|
padding-left: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-systemOverchargeTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 10px;
|
|
text-align: end;
|
|
padding-right: 2px;
|
|
padding-top: 6px;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 5;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-systemOverchargeSymbol
|
|
{
|
|
text-align: center;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 7;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-systemDataBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 3;
|
|
grid-row-end: 11;
|
|
padding-left: 2px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.sheet-systemAIName
|
|
{
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding-left: 13px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-systemListTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-systemListMod1
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-systemListPips1
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.sheet-systemListMod2
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-systemListPips2
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.sheet-systemListMod3
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-systemListPips3
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.sheet-systemListMod4
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-systemListPips4
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
padding-right: 8px;
|
|
}
|
|
/* ***************************************** */
|
|
/* AMENITIES */
|
|
/* ***************************************** */
|
|
.sheet-amenitiesWidget
|
|
{
|
|
grid-area: amenities;
|
|
width: 362px;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 32px 1fr;
|
|
grid-template-areas: "title" "amenities";
|
|
grid-gap: 4px;
|
|
height: 350px;
|
|
width: 350px;
|
|
}
|
|
|
|
.sheet-amenities
|
|
{
|
|
grid-area: amenities;
|
|
display: grid;
|
|
grid-template-columns: 1fr 3fr;
|
|
grid-template-rows: repeat(20,minmax(12px,15px));
|
|
grid-gap: 0px;
|
|
height: 315px;
|
|
width: 350px;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-amenitiesTitle
|
|
{
|
|
grid-area: title;
|
|
}
|
|
|
|
.sheet-amenityList1
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-amenityDetails1
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-amenityList2
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-amenityDetails2
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-amenityList3
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-amenityDetails3
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-amenityList4
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-amenityDetails4
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-amenityList5
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-amenityDetails5
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-amenityList6
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-amenityDetails6
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-amenityComponent
|
|
{
|
|
text-align: start;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
}
|
|
/* ***************************************** */
|
|
/* SHIP MODULES */
|
|
/* ***************************************** */
|
|
.sheet-moduleWidget
|
|
{
|
|
grid-area: modules;
|
|
display: grid;
|
|
width: 535px;
|
|
height: 375px;
|
|
grid-template-columns: repeat(4,124px) 380px;
|
|
grid-template-rows: 32px 166px 166px;
|
|
grid-template-areas: "title title title title title" ". . . . launchbay" ". . . . launchbay";
|
|
grid-gap: 4px;
|
|
}
|
|
|
|
.sheet-moduleWidgetTitle
|
|
{
|
|
grid-area: title;
|
|
}
|
|
|
|
.sheet-basicModule
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Module.png);
|
|
}
|
|
|
|
.sheet-weaponModule
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/WeaponModule.png);
|
|
}
|
|
|
|
.sheet-module
|
|
{
|
|
background-size: 125px 166px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: minmax(6px,14px) minmax(20px,50px) 1fr 40px;
|
|
grid-template-rows: repeat(11,15px);
|
|
grid-gap: 0px;
|
|
height: 162px;
|
|
width: 120px;
|
|
padding-top: 4px;
|
|
padding-left: 5px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-flex-moduleRow
|
|
{
|
|
display: flex;
|
|
flex-flow: nowrap;
|
|
width: 540px;
|
|
justify-content: space-evenly;
|
|
}
|
|
/* Ship system text*/
|
|
.sheet-moduleTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-end: 2;
|
|
padding-left: 6px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-moduleOptionalTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 12px;
|
|
grid-column-start: 2;
|
|
grid-row-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-end: 2;
|
|
padding-left: 0px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-moduleOptionalCheckbox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-row-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-end: 2;
|
|
justify-self: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-moduleDetail
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-row-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-end: 3;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-moduleDamage
|
|
{
|
|
font-size: 14px;
|
|
text-align: end;
|
|
padding-top: 7px;
|
|
padding-right: 8px;
|
|
grid-column-start: 4;
|
|
grid-row-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-moduleRange
|
|
{
|
|
font-size: 10px;
|
|
text-align: end;
|
|
grid-column-start: 2;
|
|
grid-row-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-end: 4;
|
|
padding-right: 12px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-moduleListTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-end: 5;
|
|
padding-left: 4px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-moduleListLabCheckbox1
|
|
{
|
|
grid-column-start: 1;
|
|
grid-row-start: 4;
|
|
grid-column-end: 2;
|
|
grid-row-end: 5;
|
|
padding-left: 0px;
|
|
text-align: end;
|
|
}
|
|
|
|
.sheet-moduleListLabTitle1
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
grid-column-start: 2;
|
|
grid-row-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-end: 5;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-moduleListLabCheckbox2
|
|
{
|
|
grid-column-start: 1;
|
|
grid-row-start: 6;
|
|
grid-column-end: 2;
|
|
grid-row-end: 7;
|
|
padding-left: 0px;
|
|
text-align: end;
|
|
}
|
|
|
|
.sheet-moduleListLabTitle2
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
grid-column-start: 2;
|
|
grid-row-start: 6;
|
|
grid-column-end: 5;
|
|
grid-row-end: 7;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-moduleListLabCheckbox3
|
|
{
|
|
grid-column-start: 1;
|
|
grid-row-start: 8;
|
|
grid-column-end: 2;
|
|
grid-row-end: 9;
|
|
padding-left: 0px;
|
|
text-align: end;
|
|
}
|
|
|
|
.sheet-moduleListLabTitle3
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
grid-column-start: 2;
|
|
grid-row-start: 8;
|
|
grid-column-end: 5;
|
|
grid-row-end: 9;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.sheet-moduleListCost1
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 5;
|
|
grid-column-end: 2;
|
|
grid-row-end: 6;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting1
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListPips1
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 5;
|
|
grid-column-end: 5;
|
|
grid-row-end: 6;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-moduleListCost2
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 6;
|
|
grid-column-end: 2;
|
|
grid-row-end: 7;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting2
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListPips2
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 6;
|
|
grid-column-end: 5;
|
|
grid-row-end: 7;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-moduleListCost3
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 7;
|
|
grid-column-end: 2;
|
|
grid-row-end: 8;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting3
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListPips3
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 7;
|
|
grid-column-end: 5;
|
|
grid-row-end: 8;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-moduleListCost4
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 8;
|
|
grid-column-end: 2;
|
|
grid-row-end: 9;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting4
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListPips4
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 8;
|
|
grid-column-end: 5;
|
|
grid-row-end: 9;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-moduleListCost5
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 9;
|
|
grid-column-end: 2;
|
|
grid-row-end: 10;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting5
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListPips5
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 9;
|
|
grid-column-end: 5;
|
|
grid-row-end: 10;
|
|
padding-right: 4px;
|
|
}
|
|
|
|
.sheet-moduleListCost6
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-row-start: 10;
|
|
grid-column-end: 2;
|
|
grid-row-end: 11;
|
|
justify-self: center;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListFitting6
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 10;
|
|
grid-row-end: 11;
|
|
align-self: end;
|
|
}
|
|
|
|
.sheet-moduleListArmour6
|
|
{
|
|
text-align: end;
|
|
grid-column-start: 4;
|
|
grid-row-start: 10;
|
|
grid-column-end: 5;
|
|
grid-row-end: 11;
|
|
padding-right: 4px;
|
|
}
|
|
/* ************ Launch Bay ************* */
|
|
.sheet-launchBay
|
|
{
|
|
grid-area: launchbay;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Shuttle.png);
|
|
background-size: 385px 335px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 14px 40px 60px 60px 60px 15px 41px 45px 21px 25px;
|
|
grid-template-rows: 15px repeat(2,12px) 15px repeat(2,12px) repeat(5,minmax(12px, 15px)) 20px repeat(9,minmax(12px,15px))1fr;
|
|
grid-gap: 0px;
|
|
height: 335px;
|
|
width: 381px;
|
|
padding-left: 6px;
|
|
padding-right: 12px;
|
|
padding-top: 4px;
|
|
z-index: 0;
|
|
}
|
|
/* Launch Bay text*/
|
|
.sheet-launchBayTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.sheet-launchBayDetail
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-launchBayTugTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-launchBayTugSystem1
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-launchBayTugDetails1
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 9;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-launchBayTugSystem2
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-launchBayTugDetails2
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 9;
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-launchBayArmourPrinterTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
}
|
|
|
|
.sheet-launchBayArmourCost
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayArmourFitting
|
|
{
|
|
font-size: 10px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayArmourPips
|
|
{
|
|
font-size: 8px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 5;
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
flex-flow: nowrap;
|
|
justify-self: start;
|
|
display: grid;
|
|
grid-column-gap: 0px;
|
|
grid-template-columns: repeat(3,10px 18px);
|
|
grid-template-rows: 25px;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip1
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip2
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip3
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip4
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip5
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBayArmourPip6
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-launchBaycapacityPips
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
align-self: start;
|
|
justify-self: center;
|
|
flex-wrap: nowrap;
|
|
font-size: 8px;
|
|
}
|
|
|
|
.sheet-launchBayChargeTitle
|
|
{
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
font-variant: small-caps;
|
|
font-size: 11px;
|
|
padding-top: 6px;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
input[type="number"].sheet-tugReactorCharge
|
|
{
|
|
height: 40px;
|
|
width: 45px;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayChargeBox
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 8;
|
|
grid-row-start: 8;
|
|
grid-row-end: 11;
|
|
padding-left: 8px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.sheet-launchBayOverchargeSymbol
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
grid-row-start: 9;
|
|
grid-row-end: 11;
|
|
text-align: center;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.sheet-launchBayTugConditionTitle
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 11;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
font-variant: small-caps;
|
|
flex-flow: nowrap;
|
|
font-size: 11px;
|
|
text-align: end;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.sheet-launchBayTugConditionResilience1
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 4;
|
|
grid-row-end: 6;
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.sheet-launchBayTugConditionResilience2
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 6;
|
|
grid-row-end: 8;
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.sheet-launchBayTugConditionIntegrity
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 8;
|
|
grid-row-end: 10;
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.sheet-launchBayTugConditionVital
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 10;
|
|
grid-row-end: 12;
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 12px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 12;
|
|
grid-row-end: 13;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost1
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType1
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails1
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour1
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost2
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 14;
|
|
grid-row-end: 15;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType2
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 14;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails2
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 14;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour2
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 14;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost3
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType3
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails3
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour3
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost4
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 16;
|
|
grid-row-end: 17;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType4
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 16;
|
|
grid-row-end: 17;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails4
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 16;
|
|
grid-row-end: 17;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour4
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 16;
|
|
grid-row-end: 17;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost5
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 17;
|
|
grid-row-end: 18;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType5
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 17;
|
|
grid-row-end: 18;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails5
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 17;
|
|
grid-row-end: 18;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour5
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 17;
|
|
grid-row-end: 18;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost6
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 18;
|
|
grid-row-end: 19;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType6
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 18;
|
|
grid-row-end: 19;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails6
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 18;
|
|
grid-row-end: 19;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour6
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 18;
|
|
grid-row-end: 19;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost7
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 19;
|
|
grid-row-end: 20;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType7
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 19;
|
|
grid-row-end: 20;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails7
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 19;
|
|
grid-row-end: 20;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour7
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 19;
|
|
grid-row-end: 20;
|
|
}
|
|
|
|
.sheet-launchBayTrailerCost8
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 20;
|
|
grid-row-end: 21;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerType8
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 20;
|
|
grid-row-end: 21;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails8
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 20;
|
|
grid-row-end: 21;
|
|
}
|
|
|
|
.sheet-launchBayTrailerDetails9
|
|
{
|
|
font-size: 9px;
|
|
grid-column-start: 3;
|
|
grid-column-end: 8;
|
|
grid-row-start: 21;
|
|
grid-row-end: 22;
|
|
}
|
|
|
|
.sheet-launchBayTrailerArmour8
|
|
{
|
|
flex-wrap: nowrap;
|
|
font-size: 9px;
|
|
grid-column-start: 8;
|
|
grid-column-end: 10;
|
|
grid-row-start: 20;
|
|
grid-row-end: 21;
|
|
}
|
|
|
|
.sheet-launchBayTrailerConditionTitle
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 11;
|
|
grid-row-start: 13;
|
|
grid-row-end: 14;
|
|
font-variant: small-caps;
|
|
flex-flow: nowrap;
|
|
font-size: 11px;
|
|
text-align: end;
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.sheet-launchBayTrailerConditionResilience
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 14;
|
|
grid-row-end: 16;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerConditionIntegrity
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 16;
|
|
grid-row-end: 18;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-launchBayTrailerConditionVital
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
grid-row-start: 18;
|
|
grid-row-end: 20;
|
|
text-align: center;
|
|
}
|
|
/* ***************************************** */
|
|
/* SHIP CONFIGURATION CSS */
|
|
/* ***************************************** */
|
|
div.sheet-shipConfig
|
|
{
|
|
grid-area: shipConfig;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 217px);
|
|
grid-template-rows: 32px 330px;
|
|
grid-template-areas: "title title title title" "shipSectionBow shipSectionStarboard shipSectionPort shipSectionStern";
|
|
grid-gap: 4px;
|
|
width: 900px;
|
|
height: 380px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-ShipConfigTitle
|
|
{
|
|
grid-area: title;
|
|
}
|
|
|
|
.sheet-shipSectionBow
|
|
{
|
|
grid-area: shipSectionBow;
|
|
}
|
|
|
|
.sheet-shipSectionStarboard
|
|
{
|
|
grid-area: shipSectionStarboard;
|
|
}
|
|
|
|
.sheet-shipSectionPort
|
|
{
|
|
grid-area: shipSectionPort;
|
|
}
|
|
|
|
.sheet-shipSectionStern
|
|
{
|
|
grid-area: shipSectionStern;
|
|
}
|
|
|
|
.sheet-flex-col
|
|
{
|
|
display: flex;
|
|
flex-flow: column wrap;
|
|
}
|
|
|
|
.sheet-flex-center
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
input[type=number].sheet-txtfield::-webkit-inner-spin-button, input[type=number].sheet-txtfield::-webkit-outer-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number].sheet-txtfield
|
|
{
|
|
-moz-appearance: textfield;
|
|
}
|
|
/* ******************************** */
|
|
/* Ship blocks */
|
|
/* ******************************** */
|
|
/* General layout */
|
|
.sheet-ship-block
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/ship-section.png);
|
|
background-size: 218px 330px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: repeat(7, 1fr) 40px;
|
|
grid-template-rows: 24px repeat(12, 1fr);
|
|
height: 324px;
|
|
width: 212px;
|
|
padding-left: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sheet-ship-block label
|
|
{
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.sheet-ship-block input[type=number].sheet-txtfield
|
|
{
|
|
width: 27px;
|
|
margin-left: 8px;
|
|
border-radius: 0px;
|
|
border-style: none;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-label
|
|
{
|
|
grid-column: 1 / 6;
|
|
grid-row: 1 / 1;
|
|
padding: 5px 0px 8px 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
/* Ship Upkeep */
|
|
.sheet-ship-block .sheet-shipUpkeepTitle
|
|
{
|
|
font-variant: small-caps;
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
font-size: 11px;
|
|
align-self: center;
|
|
text-align: left;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-sidebar1
|
|
{
|
|
grid-column: 8 / 8;
|
|
grid-row: 2 / 7;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-space-sidebar
|
|
{
|
|
grid-column: 8 / 8;
|
|
grid-row: 7 / 9;
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
/* Ship Patches*/
|
|
.sheet-ship-block .sheet-shipPatchTitle
|
|
{
|
|
font-variant: small-caps;
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
font-size: 11px;
|
|
align-self: center;
|
|
text-align: left;
|
|
padding-top: 9px;
|
|
}
|
|
|
|
.sheet-ship-block > .sheet-ship-sidebar2
|
|
{
|
|
display: grid;
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
grid-row-start: 9;
|
|
grid-row-end: 12;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: repeat(3,25px);
|
|
grid-template-areas: "patch1" "patch2" "patch3";
|
|
position: relative;
|
|
justify-self: end;
|
|
margin-top: 10px;
|
|
grid-gap: 2px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.sheet-ship-block > .sheet-ship-sidebar2 > input
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 3;
|
|
position: absolute;
|
|
}
|
|
|
|
.sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch1
|
|
{
|
|
grid-area: patch1;
|
|
}
|
|
|
|
.sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch2
|
|
{
|
|
grid-area: patch2;
|
|
}
|
|
|
|
.sheet-ship-block > .sheet-ship-sidebar2 > .sheet-patch3
|
|
{
|
|
grid-area: patch3;
|
|
}
|
|
/* ship section armor */
|
|
.sheet-ship-block .sheet-border-armor
|
|
{
|
|
grid-column: 1 / 4;
|
|
grid-row: 12 / 14;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px dotted black;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor1
|
|
{
|
|
grid-column: 1 / 2;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor2
|
|
{
|
|
grid-column: 2 / 3;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor3
|
|
{
|
|
grid-column: 3 / 4;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor21
|
|
{
|
|
grid-column: 1 / 2;
|
|
grid-row: 13 / 14;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor22
|
|
{
|
|
grid-column: 2 / 3;
|
|
grid-row: 13 / 14;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-armor23
|
|
{
|
|
grid-column: 3 / 4;
|
|
grid-row: 13 / 14;
|
|
}
|
|
/* ship section resilience */
|
|
.sheet-ship-block .sheet-border-resilience
|
|
{
|
|
grid-column: 4 / 4;
|
|
grid-row: 12 / 14;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-resilience1
|
|
{
|
|
grid-column: 4 / 5;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-resilience21
|
|
{
|
|
grid-column: 4 / 5;
|
|
grid-row: 13 / 14;
|
|
}
|
|
/* ship section integrity */
|
|
.sheet-ship-block .sheet-border-sys-integrity
|
|
{
|
|
grid-column: 5 / 7;
|
|
grid-row: 12 / 14;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-sys-integrity1
|
|
{
|
|
grid-column: 5 / 6;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-sys-integrity2
|
|
{
|
|
grid-column: 6 / 7;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-sys-integrity21
|
|
{
|
|
grid-column: 5 / 6;
|
|
grid-row: 13 / 14;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-sys-integrity22
|
|
{
|
|
grid-column: 6 / 7;
|
|
grid-row: 13 / 14;
|
|
}
|
|
/* ship section vital */
|
|
.sheet-ship-block .sheet-border-vital
|
|
{
|
|
grid-column: 7 / 8;
|
|
grid-row: 12 / 14;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px solid black;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-vital1
|
|
{
|
|
grid-column: 7 / 8;
|
|
grid-row: 12 / 13;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-vital21
|
|
{
|
|
grid-column: 7 / 8;
|
|
grid-row: 13 / 14;
|
|
}
|
|
|
|
.sheet-ship-block span.sheet-conditions-lbl
|
|
{
|
|
grid-column: 4 / 8;
|
|
grid-row: 12 / 12;
|
|
font-weight: bold;
|
|
z-index: 8;
|
|
padding-left: 17px;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.sheet-ship-block span.sheet-armor-lbl
|
|
{
|
|
grid-column: 1 / 4;
|
|
grid-row: 12 / 12;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-ship-block span.sheet-armor-lbl::before
|
|
{
|
|
font-weight: bold;
|
|
z-index: 8;
|
|
content: "Armour";
|
|
margin-left: 19px;
|
|
}
|
|
/* Ship section component visuals */
|
|
.sheet-ship-block .sheet-patches input[type="checkbox"]
|
|
{
|
|
transform: scale(1.5);
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-su-box
|
|
{
|
|
grid-column: 6 / 8;
|
|
grid-row: 1 / 3;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/ship-section-75su.png);
|
|
background-size: 45px 45px;
|
|
background-repeat: no-repeat;
|
|
background-position: bottom;
|
|
}
|
|
|
|
.sheet-ship-block div.sheet-ship-oct
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-insec,
|
|
.sheet-artery
|
|
{
|
|
font-weight: bold;
|
|
font-size: 9px;
|
|
padding-bottom: 2px;
|
|
width: 18px;
|
|
}
|
|
|
|
.sheet-insec
|
|
{
|
|
left: -25px;
|
|
}
|
|
|
|
.sheet-artery
|
|
{
|
|
margin-left: -2px;
|
|
left: -23px;
|
|
}
|
|
|
|
.sheet-ship-block div.sheet-ship-armor
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/armor.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-ship-block div.sheet-ship-vital
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/vital.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-ship-block div.sheet-ship-resilience
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resiliance.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-ship-block div.sheet-ship-sys-integrity
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/sys-int.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-border-insec
|
|
{
|
|
grid-column: 1 / 2;
|
|
grid-row: 2 / 3;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px solid black;
|
|
width: 21px !important;
|
|
height: 21px !important;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-border-artery
|
|
{
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 3;
|
|
display: flex;
|
|
justify-content: center;
|
|
border: 2px solid black;
|
|
width: 21px !important;
|
|
height: 21px !important;
|
|
}
|
|
/* Selection toggle functions */
|
|
.sheet-ship-block .sheet-ship-oct input[type="checkbox"]
|
|
{
|
|
opacity: 0;
|
|
z-index: 1;
|
|
height: 24px;
|
|
width: 24px;
|
|
min-width: 17px;
|
|
-webkit-appearance: checkbox;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-oct input[type="checkbox"] + span
|
|
{
|
|
height: 20px;
|
|
width: 1px;
|
|
}
|
|
/* InSec & Artery Static boxes*/
|
|
.sheet-ship-block .sheet-ship-oct input[type="checkbox"] + span::before
|
|
{
|
|
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
|
content: "■";
|
|
opacity: 0;
|
|
font-size: 53px;
|
|
width: 20px;
|
|
height: 20px;
|
|
position: relative;
|
|
left: -15px;
|
|
top: -35px;
|
|
text-align: center;
|
|
color: #8f8f8f;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-oct input[type="checkbox"]:checked + span::before
|
|
{
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-oct.sheet-ship-bottom input[type="checkbox"] + span::before
|
|
{
|
|
font-size: 52px;
|
|
left: -27px;
|
|
top: -34px;
|
|
}
|
|
/* Armor & Conditions toggles */
|
|
.sheet-ship-block .sheet-ship-armor input[type="checkbox"], .sheet-ship-block .sheet-ship-resilience input[type="checkbox"], .sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"], .sheet-ship-block .sheet-ship-vital input[type="checkbox"]
|
|
{
|
|
z-index: 5;
|
|
opacity: 0;
|
|
height: 23px;
|
|
width: 23px !important;
|
|
min-width: 23px;
|
|
position: relative;
|
|
left: 13px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-resilience input[type="checkbox"]
|
|
{
|
|
left: 3px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"]
|
|
{
|
|
left: 2px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-vital input[type="checkbox"]
|
|
{
|
|
left: 0px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-default input[type="checkbox"]
|
|
{
|
|
z-index: -8;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-armor input[type="checkbox"] + span.sheet-armor-x
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/armor2.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px !important;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
position: relative;
|
|
left: -12px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-resilience input[type="checkbox"] + span.sheet-res-x
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resiliance2.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
margin-left: -24px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"] + span.sheet-integ-x
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/sys-int2.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
margin-left: -24px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-vital input[type="checkbox"] + span.sheet-vital-x
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/vital2.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 25px;
|
|
width: 25px;
|
|
opacity: 0;
|
|
z-index: 3;
|
|
margin-left: -24px;
|
|
}
|
|
|
|
.sheet-ship-block .sheet-ship-armor input[type="checkbox"]:checked + span.sheet-armor-x, .sheet-ship-block .sheet-ship-resilience input[type="checkbox"]:checked + span.sheet-res-x, .sheet-ship-block .sheet-ship-sys-integrity input[type="checkbox"]:checked + span.sheet-integ-x, .sheet-ship-block .sheet-ship-vital input[type="checkbox"]:checked + span.sheet-vital-x
|
|
{
|
|
opacity: 1;
|
|
}
|
|
/* Color-selected boxes */
|
|
.sheet-ship-oct.sheet-new
|
|
{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 25px;
|
|
height: 25px;
|
|
background: linear-gradient( rgba(0, 255, 0, 0), rgba(0, 255, 0, 0) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-color: transparent;
|
|
}
|
|
/* Colors / Label toggles */
|
|
/* Orange */
|
|
.sheet-inv-color[value*="1"] + .sheet-ship-oct
|
|
{
|
|
background: linear-gradient( rgba(255, 125, 0, 0.5), rgba(255, 126, 0, 0.5) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
/* Cyan */
|
|
.sheet-inv-color[value*="2"] + .sheet-ship-oct
|
|
{
|
|
background: linear-gradient( rgba(0, 183, 235, 0.5), rgba(0, 183, 235, 0.5) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
/* Yellow */
|
|
.sheet-inv-color[value*="3"] + .sheet-ship-oct
|
|
{
|
|
background: linear-gradient( rgba(255, 223, 0, 0.5), rgba(255, 223, 0, 0.5) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
/* Green */
|
|
.sheet-inv-color[value*="4"] + .sheet-ship-oct
|
|
{
|
|
background: linear-gradient( rgba(16, 115, 85, 0.5), rgba(16, 115, 85, 0.5) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
/* sheet section label toggle */
|
|
.sheet-ship-oct input[type="text"]
|
|
{
|
|
opacity: 0;
|
|
z-index: -3;
|
|
width: 1px;
|
|
height: 16px;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|
|
/* small label */
|
|
.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"]
|
|
{
|
|
opacity: 1;
|
|
z-index: 3;
|
|
width: 42px;
|
|
margin-left: 39px;
|
|
padding: 2px;
|
|
background-color: transparent;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* medium label */
|
|
.sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"]
|
|
{
|
|
opacity: 1;
|
|
z-index: 3;
|
|
width: 68px;
|
|
margin-left: 65px;
|
|
padding: 2px;
|
|
margin-top: 1px;
|
|
background-color: transparent;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* small label vertical */
|
|
.sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"]
|
|
{
|
|
opacity: 1;
|
|
z-index: 3;
|
|
width: 42px;
|
|
margin-left: 2px;
|
|
margin-bottom: -25px;
|
|
padding: 2px;
|
|
transform: rotate(-90deg);
|
|
background-color: transparent;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* medium label vertical*/
|
|
.sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"]
|
|
{
|
|
opacity: 1;
|
|
z-index: 3;
|
|
width: 68px;
|
|
margin-left: -12px;
|
|
padding: 2px;
|
|
margin-top: 47px;
|
|
transform: rotate(-90deg);
|
|
background-color: transparent;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* label checkboxes made visible when label visible */
|
|
.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="checkbox"]
|
|
{
|
|
opacity: 0.5;
|
|
z-index: 3;
|
|
height: 24px;
|
|
width: 24px;
|
|
min-width: 17px;
|
|
-webkit-appearance: checkbox;
|
|
}
|
|
|
|
.sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="checkbox"]
|
|
{
|
|
opacity: 0.5;
|
|
z-index: 3;
|
|
height: 24px;
|
|
width: 24px;
|
|
margin-top: 1px;
|
|
-webkit-appearance: checkbox;
|
|
min-width: 17px;
|
|
}
|
|
|
|
.sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="checkbox"]
|
|
{
|
|
opacity: 0.5;
|
|
z-index: 3;
|
|
height: 24px;
|
|
width: 24px;
|
|
min-width: 17px;
|
|
margin-left: -12px;
|
|
-webkit-appearance: checkbox;
|
|
}
|
|
|
|
.sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="checkbox"]
|
|
{
|
|
opacity: 0.5;
|
|
z-index: 3;
|
|
height: 24px;
|
|
width: 24px;
|
|
margin-left: -26px;
|
|
-webkit-appearance: checkbox;
|
|
min-width: 17px;
|
|
}
|
|
|
|
.sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"]:hover + input[type="checkbox"], .sheet-inv-color[value*="7"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="8"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="5"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover, .sheet-inv-color[value*="6"] + .sheet-ship-oct input[type="text"] + input[type="checkbox"]:hover
|
|
{
|
|
opacity: 1;
|
|
-webkit-appearance: checkbox;
|
|
min-width: 17px;
|
|
}
|
|
|
|
.sheet-inv-color + .sheet-ship-oct, .sheet-inv-color[value*="0"] + .sheet-ship-oct
|
|
{
|
|
background: /* transparent/no color */
|
|
linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) ), url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/Octagon.png);
|
|
background-size: 24px 24px;
|
|
}
|
|
/* default insec & artery */
|
|
.sheet-ship-block span.sheet-default
|
|
{
|
|
z-index: 8;
|
|
position: relative;
|
|
left: -11px;
|
|
}
|
|
|
|
div.sheet-ship-default:nth-child(7) > span:nth-child(2)
|
|
{
|
|
margin-left: 23px;
|
|
}
|
|
|
|
div.sheet-ship-default:nth-child(6) > span:nth-child(2)
|
|
{
|
|
margin-left: 25px;
|
|
}
|
|
/* Color selector menu */
|
|
div.sheet-colorselector
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-colorselector > select
|
|
{
|
|
height: 20px;
|
|
width: 125px;
|
|
}
|
|
|
|
.sheet-colorselectorTitle
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
justify-self: end;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
color: white;
|
|
align-self: center;
|
|
}
|
|
/* Sheet Styles*/
|
|
.sheet-subtitlesGrid
|
|
{
|
|
font-weight: bold;
|
|
background-color: #ff7d00;
|
|
width: 98%;
|
|
height: 32px;
|
|
padding-left: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sheet-subtitlesFull
|
|
{
|
|
font-weight: bold;
|
|
background-color: #ff7d00;
|
|
width: 900px;
|
|
padding-left: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-subtitlesWide
|
|
{
|
|
font-weight: bold;
|
|
background-color: #ff7d00;
|
|
width: 98%;
|
|
padding-left: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.sheet-subtitlesNarrow
|
|
{
|
|
font-weight: bold;
|
|
background-color: #ff7d00;
|
|
width: 356px;
|
|
padding-left: 10px;
|
|
margin-left: 4px;
|
|
margin-bottom: 5px;
|
|
}
|
|
/* ***************************************** */
|
|
/* Ship Page Two */
|
|
/* ***************************************** */
|
|
.sheet-shipPG2
|
|
{
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 100px 320px 750px;
|
|
width: 900px;
|
|
grid-gap: 4px;
|
|
grid-template-areas: "resources letter" "cargo letter" "cargo notes";
|
|
}
|
|
|
|
.sheet-resourceWidget
|
|
{
|
|
grid-area: resources;
|
|
display: flex;
|
|
flex-flow: nowrap;
|
|
width: 440px;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.sheet-resource
|
|
{
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/resources.png);
|
|
background-size: 142px 95px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 1fr 50px;
|
|
grid-template-rows: 15px 1fr 12px;
|
|
grid-gap: 0px;
|
|
height: 93px;
|
|
width: 140px;
|
|
padding-top: 2px;
|
|
padding-left: 2px;
|
|
z-index: 0;
|
|
}
|
|
|
|
input[type="number"].sheet-resourceBox
|
|
{
|
|
height: 60px;
|
|
width: 130px;
|
|
font-size: 18px;
|
|
border: none;
|
|
}
|
|
|
|
/*Change Colour of Total Cargo when overloaded*/
|
|
.sheet-colorChanger[value="1"] + .sheet-resourceBox
|
|
{
|
|
color: red;
|
|
}
|
|
|
|
.sheet-resourceBoxPlace
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding-left: 6px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-resourceTitle
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 10px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 4px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-resourceTonnes
|
|
{
|
|
font-variant: small-caps;
|
|
font-size: 9px;
|
|
text-align: end;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
padding-right: 4px;
|
|
padding-bottom: 8px;
|
|
}
|
|
/* Letter of Marque */
|
|
.sheet-letterOfMarque
|
|
{
|
|
grid-area: letter;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/LetterofMarque.png);
|
|
background-size: 440px 420px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 30px 1fr 150px;
|
|
grid-template-rows: 24px 17px 1fr 12px 12px 15px;
|
|
grid-gap: 0px;
|
|
height: 412px;
|
|
width: 438px;
|
|
padding-top: 8px;
|
|
padding-left: 2px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-letterOfMarqueTitle
|
|
{
|
|
font-size: 14px;
|
|
text-align: left;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 4px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-letterOfMarqueGreeting
|
|
{
|
|
font-size: 13px;
|
|
text-align: left;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
padding-left: 14px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-letterOfMarqueBoxPlace
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 4;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
padding-left: 18px;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.sheet-letterOfMarquePatron
|
|
{
|
|
font-size: 13px;
|
|
font-style: italic;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
padding-left: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-letterOfMarquePatronTitle
|
|
{
|
|
font-size: 10px;
|
|
text-align: center;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
padding-left: 0px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.sheet-letterOfMarqueBody
|
|
{
|
|
font-size: 13px;
|
|
line-height: 1.5em;
|
|
height: 95%;
|
|
width: 95%;
|
|
text-align: justify;
|
|
}
|
|
/* Cargo */
|
|
.sheet-cargo
|
|
{
|
|
grid-area: cargo;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/AssetTradeGoods.png);
|
|
background-size: 440px 1066px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 70% 45px 45px 1fr;
|
|
grid-template-rows: 24px 1fr;
|
|
grid-gap: 0px;
|
|
height: 1066px;
|
|
width: 440px;
|
|
padding-top: 0px;
|
|
padding-left: 4px;
|
|
padding-right: 8px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-cargoTitle
|
|
{
|
|
font-size: 14px;
|
|
text-align: left;
|
|
vertical-align: baseline;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 4px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.sheet-cargoBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-cargoWorth
|
|
{
|
|
font-size: 11px;
|
|
text-align: center;
|
|
vertical-align: baseline;
|
|
font-variant: small-caps;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 0px;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.sheet-cargoTonnage
|
|
{
|
|
font-size: 11px;
|
|
text-align: center;
|
|
vertical-align: baseline;
|
|
font-variant: small-caps;
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
padding-left: 0px;
|
|
padding-top: 6px;
|
|
}
|
|
/* Notes */
|
|
.sheet-notes
|
|
{
|
|
grid-area: notes;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/notes.png);
|
|
background-size: 440px 750px;
|
|
background-repeat: no-repeat;
|
|
display: grid;
|
|
grid-template-columns: 5px 1fr 15px;
|
|
grid-template-rows: 24px 1fr;
|
|
grid-gap: 0px;
|
|
height: 750px;
|
|
width: 440px;
|
|
z-index: 0;
|
|
}
|
|
|
|
.sheet-noteBox
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
/* ************* */
|
|
/* Threat Sheets */
|
|
/* ************* */
|
|
.sheet-topLineText
|
|
{
|
|
text-align: start;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.sheet-topLineTextSpaceScale
|
|
{
|
|
text-align: start;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 15px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-threatTextBox
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
width: 100%;
|
|
vertical-align: baseline;
|
|
justify-self: center;
|
|
}
|
|
|
|
input[type=number].sheet-threatNumberBox
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
width: 185px;
|
|
vertical-align: baseline;
|
|
justify-self: start;
|
|
text-align: left;
|
|
}
|
|
|
|
input[type=number].sheet-shipTonnageNumberBox
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
width: 306px;
|
|
vertical-align: baseline;
|
|
justify-self: start;
|
|
text-align: left;
|
|
}
|
|
|
|
input[type=number].sheet-behemothLengthNumberBox
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
width: 340px;
|
|
vertical-align: baseline;
|
|
justify-self: start;
|
|
text-align: left;
|
|
}
|
|
|
|
textarea.sheet-sophontTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 40px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-swarmTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 170px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-creatureTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 80px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-droneTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 150px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-sophontAugmentBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 80px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-shuttleTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 130px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-shipNoteBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 100px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-behemothNoteBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 35px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-capitalShipNoteBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 54px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-sectionTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 65px;
|
|
width: 95%;
|
|
}
|
|
|
|
textarea.sheet-sectionShipTagBox
|
|
{
|
|
margin-top: 3px;
|
|
height: 74px;
|
|
width: 95%;
|
|
}
|
|
|
|
.sheet-aliasThreat
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-aliasThreatName
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 4;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-aliasThreatNameLong
|
|
{
|
|
align-self: stretch;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
grid-column-end: 6;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-pronounThreat
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-pronounThreatName
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 7;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-sophontAspectColumnA
|
|
{
|
|
justify-self: end;
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-sophontTextColumnA
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-sophontTextColumnFull
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-sophontAspectColumnB
|
|
{
|
|
justify-self: end;
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-sophontTextColumnB
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-sophontNotes
|
|
{
|
|
grid-row-start: 15;
|
|
grid-row-end: 16;
|
|
}
|
|
|
|
.sheet-droneNotes
|
|
{
|
|
grid-row-start: 17;
|
|
grid-row-end: 18;
|
|
}
|
|
|
|
.sheet-sophontTagList
|
|
{
|
|
grid-row-start: 12;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-swarmTagList
|
|
{
|
|
grid-row-start: 8;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-sophontAugmentList
|
|
{
|
|
grid-row-start: 10;
|
|
grid-row-end: 15;
|
|
}
|
|
|
|
.sheet-capitalShipAspectColumnA
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-capitalShipTextColumnA
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-capitalShipTextColumnFull
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-capitalShipAspectColumnB
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-capitalShipTextColumnB
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
span.sheet-threatDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 11;
|
|
grid-row-end: 13;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-left: 38px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
span.sheet-creatureDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 11;
|
|
grid-row-end: 13;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-left: 42px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
span.sheet-droneDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 11;
|
|
grid-row-end: 13;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-left: 50px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
span.sheet-sectionDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: -2;
|
|
grid-row-end: -1;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
span.sheet-sectionShipDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: -2;
|
|
grid-row-end: -1;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-left: 0px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
span.sheet-sectionBehemothDamageBoxBG
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: -2;
|
|
grid-row-end: -1;
|
|
align-self: center;
|
|
justify-self: start;
|
|
background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/FreeSpacer/img11/damage.png);
|
|
background-size: 44px 44px;
|
|
background-repeat: no-repeat;
|
|
width: 44px;
|
|
height: 44px;
|
|
z-index: 2;
|
|
margin-left: 28px;
|
|
margin-top: -10px;
|
|
}
|
|
|
|
input.sheet-threatDamageBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 11;
|
|
grid-row-end: 13;
|
|
align-self: center;
|
|
justify-self: center;
|
|
font-size: 16px;
|
|
width: 2.5em;
|
|
height: 2em;
|
|
z-index: 3;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
input.sheet-sectionShipDamageBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: -2;
|
|
grid-row-end: -1;
|
|
align-self: center;
|
|
justify-self: center;
|
|
font-size: 16px;
|
|
width: 2.5em;
|
|
height: 2em;
|
|
z-index: 3;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
|
|
input.sheet-sectionDamageBox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: -2;
|
|
grid-row-end: -1;
|
|
align-self: center;
|
|
justify-self: center;
|
|
font-size: 16px;
|
|
width: 2.5em;
|
|
height: 2em;
|
|
z-index: 3;
|
|
border: none;
|
|
text-align: center;
|
|
}
|
|
/* Section Grid */
|
|
.sheet-fourSectionShuttleGrid
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 9;
|
|
grid-row-start: 17;
|
|
grid-row-end: -1;
|
|
margin-top: 6px;
|
|
width: 780px;
|
|
height: 285px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 10px 1fr 1fr 5px;
|
|
grid-template-rows: 24px 1fr 1fr 10px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-row-gap: 4px;
|
|
}
|
|
|
|
.sheet-fourSectionGrid
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 9;
|
|
grid-row-start: 17;
|
|
grid-row-end: -1;
|
|
width: 880px;
|
|
height: 285px;
|
|
display: grid;
|
|
grid-template-columns: 5px 1fr 1fr 5px;
|
|
grid-template-rows: 24px 1fr 1fr 10px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-row-gap: 4px;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.sheet-sixSectionGrid
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 9;
|
|
grid-row-start: 10;
|
|
grid-row-end: -1;
|
|
width: 900px;
|
|
height: 420px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 5px 1fr 1fr 5px;
|
|
grid-template-rows: 24px 1fr 1fr 1fr 10px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-row-gap: 4px;
|
|
}
|
|
|
|
.sheet-tenSectionGrid
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: -1;
|
|
grid-row-start: 9;
|
|
grid-row-end: -1;
|
|
width: 900px;
|
|
height: 420px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 5px 1fr 1fr 5px;
|
|
grid-template-rows: 32px 1fr 1fr 1fr 1fr 1fr 10px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-row-gap: 4px;
|
|
}
|
|
|
|
.sheet-sectionTitle
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: -1;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-sectionA
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-sectionB
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.sheet-section1
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-section2
|
|
{
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-section3
|
|
{
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-section4
|
|
{
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-section5
|
|
{
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-sectionGrid
|
|
{
|
|
width: 370px;
|
|
height: 130px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 13px 45px 1fr;
|
|
grid-template-rows: 25px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-column-gap: 0px;
|
|
}
|
|
|
|
.sheet-sectionShipGrid
|
|
{
|
|
width: 430px;
|
|
height: 130px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 60px 90px 1fr;
|
|
grid-template-rows: 25px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-column-gap: 0px;
|
|
}
|
|
|
|
.sheet-sectionBehemothGrid
|
|
{
|
|
width: 440px;
|
|
height: 130px;
|
|
display: grid;
|
|
grid-row-gap: 0px;
|
|
grid-template-columns: 18px 100px 1fr;
|
|
grid-template-rows: 25px 18px 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
grid-column-gap: 0px;
|
|
}
|
|
|
|
.sheet-sectionCheckbox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-sectionName
|
|
{
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
text-align: left;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.sheet-sectionFacing
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-sectionTagTitle
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
justify-self: end;
|
|
text-align: end;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-sectionTagBoxLocation
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: -1;
|
|
grid-row-start: 2;
|
|
grid-row-end: -1;
|
|
justify-self: stretch;
|
|
}
|
|
|
|
.sheet-sectionBehemothDescriptionTitle
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
justify-self: end;
|
|
text-align: end;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-sectionBehemothDescription
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: -1;
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
justify-self: stretch;
|
|
}
|
|
|
|
.sheet-sectionBehemothTagTitle
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
justify-self: end;
|
|
text-align: end;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.sheet-sectionBehemothTagBox
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: -1;
|
|
grid-row-start: 3;
|
|
grid-row-end: -1;
|
|
justify-self: stretch;
|
|
}
|
|
/* Threat Armour & Conditions */
|
|
.sheet-sophontConditionWidget
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 2;
|
|
grid-row-end: 14;
|
|
width: 170px;
|
|
height: 250px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 18px 1fr 25px;
|
|
grid-template-rows: 20px repeat(9,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-compositeSophontConditionWidget
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 2;
|
|
grid-row-end: 14;
|
|
width: 150px;
|
|
height: 250px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 18px auto 25px;
|
|
grid-template-rows: 20px repeat(9,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-swarmConditionWidget
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
grid-row-start: 2;
|
|
grid-row-end: 14;
|
|
width: 150px;
|
|
height: 300px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 25px auto 25px;
|
|
grid-template-rows: 20px repeat(11,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-creatureConditionWidget
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 1;
|
|
grid-row-end: 14;
|
|
width: 150px;
|
|
height: 275px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 18px auto 25px;
|
|
grid-template-rows: 20px repeat(10,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-shuttleSquadronConditionWidget
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
grid-row-start: 1;
|
|
grid-row-end: 17;
|
|
width: 150px;
|
|
height: 300px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 18px auto 25px;
|
|
grid-template-rows: 20px repeat(11,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-additionalCompositeSophontConditionWidget
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 14;
|
|
width: 25px;
|
|
height: 250px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: 20px repeat(9,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-additionalSwarmConditionWidget
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 14;
|
|
width: 25px;
|
|
height: 250px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: 20px repeat(11,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-additionalCreatureConditionWidget
|
|
{
|
|
grid-row-start: 1;
|
|
grid-row-end: 14;
|
|
width: 25px;
|
|
height: 275px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: 20px repeat(10,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-additionalshuttleSquadronConditionWidget
|
|
{
|
|
grid-row-start: 1;
|
|
grid-row-end: 14;
|
|
width: 25px;
|
|
height: 275px;
|
|
display: grid;
|
|
grid-column-gap: 2px;
|
|
grid-template-columns: 25px;
|
|
grid-template-rows: 20px repeat(11,25px) 1fr;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-sectionConditionWidget
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
width: 270px;
|
|
height: 25px;
|
|
display: grid;
|
|
grid-column-gap: 0px;
|
|
grid-template-columns: repeat(6,10px 25px) 25px 25px 1fr;
|
|
grid-template-rows: 25px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-sectionShipConditionWidget
|
|
{
|
|
grid-column-start: -2;
|
|
grid-column-end: -1;
|
|
width: 270px;
|
|
height: 25px;
|
|
display: grid;
|
|
grid-column-gap: 0px;
|
|
grid-template-columns: repeat(5,10px 25px) 25px 25px 25px 25px 1fr;
|
|
grid-template-rows: 25px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-sectionbehemothConditionWidget
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
width: 270px;
|
|
height: 25px;
|
|
display: grid;
|
|
grid-column-gap: 0px;
|
|
grid-template-columns: repeat(6,10px 25px) 25px 25px 1fr;
|
|
grid-template-rows: 25px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-capitalShipConditionWidget
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
width: 285px;
|
|
height: 25px;
|
|
display: grid;
|
|
grid-column-gap: 0px;
|
|
grid-template-columns: repeat(3,10px 25px) repeat(7, 25px) 1fr;
|
|
grid-template-rows: 25px;
|
|
justify-items: start;
|
|
align-items: start;
|
|
justify-self: end;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition0
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition1
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
}
|
|
|
|
.sheet-additionalCompositeSophontCondition2
|
|
{
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
}
|
|
|
|
.sheet-additionalCompositeSophontCondition3
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
}
|
|
|
|
.sheet-additionalCompositeSophontCondition4
|
|
{
|
|
grid-column-start: 9;
|
|
grid-column-end: 10;
|
|
}
|
|
|
|
.sheet-additionalCompositeSophontCondition5
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition6
|
|
{
|
|
grid-column-start: 11;
|
|
grid-column-end: 12;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition7
|
|
{
|
|
grid-column-start: 12;
|
|
grid-column-end: 13;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition8
|
|
{
|
|
grid-column-start: 13;
|
|
grid-column-end: 14;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition9
|
|
{
|
|
grid-column-start: 14;
|
|
grid-column-end: 15;
|
|
}
|
|
|
|
.sheet-additionalSwarmCondition10
|
|
{
|
|
grid-column-start: 14;
|
|
grid-column-end: 15;
|
|
}
|
|
|
|
.sheet-sophontConditionTitle
|
|
{
|
|
text-align: start;
|
|
font-variant: small-caps;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 14px;
|
|
grid-column-start: 1;
|
|
grid-column-end: 3;
|
|
grid-row-start: 1;
|
|
grid-row-end: 2;
|
|
}
|
|
|
|
.sheet-sophontConditionNumber
|
|
{
|
|
text-align: center;
|
|
font-weight: 500;
|
|
flex-flow: nowrap;
|
|
font-size: 13px;
|
|
height: 15px;
|
|
width: 95%;
|
|
align-self: center;
|
|
}
|
|
|
|
input[type=number].sheet-sophontConditionNumber
|
|
{
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
|
|
input[type=number].sheet-sophontConditionNumber::-webkit-inner-spin-button
|
|
{
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.sheet-sophontConditionCheckbox
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
justify-self: baseline;
|
|
}
|
|
|
|
.sheet-sophontConditionText
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-sophontConditionArmour
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-additionalSophontColumn
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
align-self: center;
|
|
}
|
|
|
|
.sheet-sophontCondition1
|
|
{
|
|
grid-row-start: 2;
|
|
grid-row-end: 3;
|
|
}
|
|
|
|
.sheet-sophontCondition2
|
|
{
|
|
grid-row-start: 3;
|
|
grid-row-end: 4;
|
|
}
|
|
|
|
.sheet-sophontCondition3
|
|
{
|
|
grid-row-start: 4;
|
|
grid-row-end: 5;
|
|
}
|
|
|
|
.sheet-sophontCondition4
|
|
{
|
|
grid-row-start: 5;
|
|
grid-row-end: 6;
|
|
}
|
|
|
|
.sheet-sophontCondition5
|
|
{
|
|
grid-row-start: 6;
|
|
grid-row-end: 7;
|
|
}
|
|
|
|
.sheet-sophontCondition6
|
|
{
|
|
grid-row-start: 7;
|
|
grid-row-end: 8;
|
|
}
|
|
|
|
.sheet-sophontCondition7
|
|
{
|
|
grid-row-start: 8;
|
|
grid-row-end: 9;
|
|
}
|
|
|
|
.sheet-sophontCondition8
|
|
{
|
|
grid-row-start: 9;
|
|
grid-row-end: 10;
|
|
}
|
|
|
|
.sheet-sophontCondition9
|
|
{
|
|
grid-row-start: 10;
|
|
grid-row-end: 11;
|
|
}
|
|
|
|
.sheet-sophontCondition10
|
|
{
|
|
grid-row-start: 11;
|
|
grid-row-end: 12;
|
|
}
|
|
|
|
.sheet-sophontCondition11
|
|
{
|
|
grid-row-start: 12;
|
|
grid-row-end: 13;
|
|
}
|
|
|
|
.sheet-sectionConditions
|
|
{
|
|
grid-row-start: 1;
|
|
grid-row-end: -1;
|
|
}
|
|
|
|
.sheet-sectionCondition1
|
|
{
|
|
grid-column-start: 1;
|
|
grid-column-end: 2;
|
|
}
|
|
|
|
.sheet-sectionCondition2
|
|
{
|
|
grid-column-start: 2;
|
|
grid-column-end: 3;
|
|
}
|
|
|
|
.sheet-sectionCondition3
|
|
{
|
|
grid-column-start: 3;
|
|
grid-column-end: 4;
|
|
}
|
|
|
|
.sheet-sectionCondition4
|
|
{
|
|
grid-column-start: 4;
|
|
grid-column-end: 5;
|
|
}
|
|
|
|
.sheet-sectionCondition5
|
|
{
|
|
grid-column-start: 5;
|
|
grid-column-end: 6;
|
|
}
|
|
|
|
.sheet-sectionCondition6
|
|
{
|
|
grid-column-start: 6;
|
|
grid-column-end: 7;
|
|
}
|
|
|
|
.sheet-sectionCondition7
|
|
{
|
|
grid-column-start: 7;
|
|
grid-column-end: 8;
|
|
}
|
|
|
|
.sheet-sectionCondition8
|
|
{
|
|
grid-column-start: 8;
|
|
grid-column-end: 9;
|
|
}
|
|
|
|
.sheet-sectionCondition9
|
|
{
|
|
grid-column-start: 9;
|
|
grid-column-end: 10;
|
|
}
|
|
|
|
.sheet-sectionCondition10
|
|
{
|
|
grid-column-start: 10;
|
|
grid-column-end: 11;
|
|
}
|
|
|
|
.sheet-sectionCondition11
|
|
{
|
|
grid-column-start: 11;
|
|
grid-column-end: 12;
|
|
}
|
|
|
|
.sheet-sectionCondition12
|
|
{
|
|
grid-column-start: 12;
|
|
grid-column-end: 13;
|
|
}
|
|
|
|
.sheet-sectionCondition13
|
|
{
|
|
grid-column-start: 13;
|
|
grid-column-end: 14;
|
|
}
|
|
|
|
.sheet-sectionCondition14
|
|
{
|
|
grid-column-start: 14;
|
|
grid-column-end: 15;
|
|
}
|