.sheet-main-div .sheet-row .sheet-col { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .sheet-main-div .sheet-ml1 { margin-left: 1em; } .sheet-main-div .sheet-mr1 { margin-right: 1em; } .sheet-main-div .sheet-mt25 { margin-top: .25em; } .sheet-main-div .sheet-mb25 { margin-bottom: .25em; } .sheet-main-div label { display: inline; font-size: inherit; line-height: inherit; font-weight: bold; padding-right: .15em; } .sheet-main-div label.sheet-label-bold { display: inline-block; text-transform: uppercase; font-family: 'Contrail One', Courier, monospace; font-weight: bold; font-size: 1.25em; width: 100%; margin-bottom: 0; } .sheet-main-div label.sheet-label-bold-inline { display: inline; text-transform: uppercase; font-family: 'Contrail One', Courier, monospace; font-weight: bold; font-size: 1.25em; line-height: 2; margin-right: .25em; vertical-align: middle; } .sheet-main-div label.sheet-label-full { display: inline-block; margin: .5em 0 .25em 0; padding: .25em; box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #036; background: #369; color: #fff; text-transform: uppercase; width: 100%; font-size: 1.6em; line-height: 1.25; font-family: 'Contrail One', Courier, monospace; font-weight: bold; } .sheet-main-div .sheet-input-hidden { display: none; } .sheet-main-div input, select, textarea { margin-bottom: 0; } .sheet-main-div input[type="radio"], .sheet-main-div input[type="checkbox"] { margin: 0 .25em 0 0; } .sheet-main-div input[type="text"], .sheet-main-div input[type="number"] { padding: .25em; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 1em; line-height: 1em; } .sheet-main-div .sheet-fancy-checkbox { opacity: 0; width: 16px; height: 15px; margin-right: -16px !important; cursor: pointer; z-index: 1; } .sheet-main-div .sheet-fancy-checkbox + span::before { display: inline-block; vertical-align: middle; line-height: 15px; width: 16px; height: 15px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; background-size: cover; content: ''; } .sheet-main-div .sheet-fancy-checkbox:checked + span::before { background: url('https://i.imgur.com/tYrkuxx.png') 0 0 no-repeat; background-size: cover; } .sheet-main-div .sheet-input-full { width: 100%; margin-bottom: .5em; } .sheet-main-div textarea { padding: .5em .25em; box-sizing: border-box; -moz-box-sizing: border-box; font-size: 1em; line-height: 1em; } .sheet-main-div textarea.sheet-textarea-small { height: 4em; } .sheet-main-div textarea.sheet-textarea-medium { height: 7em; } .sheet-main-div textarea.sheet-textarea-large { height: 10em; } .sheet-main-div .sheet-repeated-item-wrapper { padding-bottom: .5em; border-bottom: 1px solid #999; margin-bottom: .75em; } .sheet-main-div .sheet-note { padding: 0; margin: 0 0 .5em 0; } .sheet-main-div .sheet-list-plain { list-style-type: none; padding: 0; margin: 0 0 .5em 0; } .sheet-main-div .sheet-list-plain li { padding: .5em; margin: 0; } .sheet-main-div .sheet-list-plain li.sheet-odd { background-color: rgba(255, 255, 255, 0.5); } .sheet-main-div .sheet-type-toggle-label { display: inline-block; width: auto; padding: 0; margin: 0; text-align: right; text-transform: uppercase; font-family: 'Contrail One', Courier, monospace; font-weight: bold; font-size: 1.25em; vertical-align: middle; } .sheet-main-div .sheet-type-toggle { opacity: 0; width: 122px; height: 26px; position: relative; margin: 0 !important; top: 5px; left: 6px; cursor: pointer; z-index: 1; } .sheet-main-div .sheet-type-toggle + span::before { display: inline-block; width: 120px; height: 24px; border: 1px solid #036; margin-left: -116px; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; content: attr(title); text-transform: uppercase; font-family: 'Contrail One', Courier, monospace; font-weight: bold; font-size: 1.25em; line-height: 1.4; text-align: center; } .sheet-main-div .sheet-type-toggle:checked + span::before { background: #369; color: #fff; } .sheet-tab-content { background: #d6f5ff url('https://i.imgur.com/HoueEPm.gif'); border: 1px solid #a8a8a8; border-top-color: #000; margin-top: .5em; padding: 1em; display: none; } input.sheet-type-char:checked ~ div.sheet-type-char, input.sheet-type-ship:checked ~ div.sheet-type-ship { display: block; } /*-----------------* * Character Sheet * *-----------------*/ .sheet-advances-wrapper input[type="checkbox"], .sheet-stress-wrapper input[type="checkbox"] { opacity: 0; width: 32px; height: 30px; margin-right: -32px; cursor: pointer; z-index: 1; } .sheet-advances-wrapper input[type="checkbox"] + span::before, .sheet-stress-wrapper input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-advances-wrapper input[type="checkbox"]:checked + span::before, .sheet-stress-wrapper input[type="checkbox"]:checked + span::before { background: url('https://i.imgur.com/tYrkuxx.png') 0 0 no-repeat; } .sheet-attr-wrapper { width: 100%; margin-bottom: .5em; box-sizing: border-box; -moz-box-sizing: border-box; display: table; } .sheet-attr-wrapper .sheet-attr-box { display: table-cell; vertical-align: middle; width: 20%; padding: .5em; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .sheet-attr-wrapper .sheet-attr-box label { text-align: center; } .sheet-attr-wrapper .sheet-attr-box.sheet-odd { background-color: rgba(255, 255, 255, 0.5); } .sheet-attr-wrapper .sheet-attr-box > * { display: inline; } .sheet-moves-wrapper input[type="text"], .sheet-moves-wrapper textarea, .sheet-foibles-wrapper textarea, .sheet-hooks-wrapper textarea { margin-bottom: .5em; } .sheet-gear-wrapper .repcontainer .repitem, .sheet-gear-wrapper .repcontrol { width: 48%; float: left; margin-bottom: .5em; } .sheet-gear-wrapper .repcontainer .repitem:nth-child(2n+1), .sheet-gear-wrapper .repcontrol:nth-child(2n+1) { margin-right: 2%; } .sheet-projlen-tick { display: none; } .sheet-projlen-is-4:checked ~ .sheet-projlen-4, .sheet-projlen-is-5:checked ~ .sheet-projlen-5, .sheet-projlen-is-6:checked ~ .sheet-projlen-6 { display: inline-block; } .sheet-progress-checkbox { opacity: 0; width: 32px; height: 30px; margin-right: -32px !important; cursor: pointer; z-index: 1; } .sheet-progress-checkbox + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-progress-checkbox:checked + span::before { background: url('https://i.imgur.com/tYrkuxx.png') 0 0 no-repeat; } /*------------* * Ship Sheet * *------------*/ .sheet-ship-attr-wrapper { width: 100%; margin-bottom: .5em; box-sizing: border-box; -moz-box-sizing: border-box; display: table; } .sheet-ship-attr-wrapper .sheet-ship-attr-box { display: table-cell; vertical-align: middle; width: 25%; padding: .5em; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .sheet-ship-attr-wrapper .sheet-ship-attr-box label { text-align: center; } .sheet-ship-attr-wrapper .sheet-ship-attr-box.sheet-odd { background-color: rgba(255, 255, 255, 0.5); } .sheet-ship-attr-wrapper .sheet-ship-attr-box > * { display: inline; } .sheet-class-section { display: none; } .sheet-is-smuggler:checked ~ .sheet-smuggler, .sheet-is-predator:checked ~ .sheet-predator, .sheet-is-vanguard:checked ~ .sheet-vanguard, .sheet-is-marauder:checked ~ .sheet-marauder { display: block; } .sheet-maintenance-fuse { opacity: 0; width: 32px; height: 30px; margin-right: -32px !important; cursor: pointer; z-index: 1; } .sheet-maintenance-fuse + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-maintenance-fuse.sheet-mf-1:checked + span::before { background: url('https://i.imgur.com/tYrkuxx.png') 0 0 no-repeat; } .sheet-maintenance-fuse.sheet-mf-2:checked + span::before { background: url('https://i.imgur.com/kz0zitf.png') 0 0 no-repeat; } .sheet-maintenance-fuse.sheet-mf-3:checked + span::before { background: url('https://i.imgur.com/OA4f3R2.png') 0 0 no-repeat; } .sheet-maintenance-fuse.sheet-mf-4:checked + span::before { background: url('https://i.imgur.com/wJ7jfol.png') 0 0 no-repeat; } .sheet-maintenance-fuse.sheet-mf-5:checked + span::before { background: url('https://i.imgur.com/88Mrej9.png') 0 0 no-repeat; } .sheet-maintenance-past-due { opacity: 0; width: 32px; height: 30px; margin-right: -32px !important; cursor: pointer; z-index: 1; } .sheet-maintenance-past-due + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-maintenance-past-due:checked + span::before { background: url('https://i.imgur.com/88Mrej9.png') 0 0 no-repeat; } .sheet-dfuse-wrapper, .sheet-feud-wrapper, .sheet-duty-wrapper, .sheet-crime-wrapper { display: inline-block; } .sheet-dfuse-wrapper input[type="checkbox"], .sheet-feud-wrapper input[type="checkbox"] { opacity: 0; width: 32px; height: 30px; margin-right: -32px !important; cursor: pointer; z-index: 1; } .sheet-dfuse-wrapper input[type="checkbox"] + span::before, .sheet-feud-wrapper input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-dfuse-wrapper input[type="checkbox"]:checked + span::before, .sheet-feud-wrapper input[type="checkbox"]:checked + span::before { background: url('https://i.imgur.com/88Mrej9.png') 0 0 no-repeat; } .sheet-duty-wrapper input[type="checkbox"], .sheet-crime-wrapper input[type="checkbox"] { opacity: 0; width: 32px; height: 30px; margin-right: -32px !important; cursor: pointer; z-index: 1; } .sheet-duty-wrapper input[type="checkbox"] + span::before, .sheet-crime-wrapper input[type="checkbox"] + span::before { display: inline-block; vertical-align: middle; line-height: 30px; width: 32px; height: 30px; background: url('https://i.imgur.com/5tnFvnK.png') 0 0 no-repeat; content: ''; } .sheet-duty-wrapper input[type="checkbox"]:checked + span::before, .sheet-crime-wrapper input[type="checkbox"]:checked + span::before { background: url('https://i.imgur.com/tYrkuxx.png') 0 0 no-repeat; } .sheet-drive-table { width: 100%; border: 1px solid #036; box-sizing: border-box; -moz-box-sizing: border-box; } .sheet-drive-table td { text-align: center; } .sheet-main-div .sheet-impulse-drive { text-align: center; padding-top: 1em; } /* ROLL TEMPLATE */ .sheet-rolltemplate-id { width: 100%; padding: 1em; background: #d6f5ff url('https://i.imgur.com/HoueEPm.gif'); border: 2px solid #036; box-sizing: border-box; -moz-box-sizing: border-box; } .sheet-rolltemplate-id table { width: 100%; font-family: "Contrail One", Courier, monospace; border-spacing: 0; margin-bottom: .5em; } .sheet-rolltemplate-id table div, .sheet-rolltemplate-id table span { font-weight: bold; text-transform: uppercase; } .sheet-rolltemplate-id th { color: rgb(0, 0, 0); padding-bottom: 1em; line-height: 1.2; font-size: 1.5em; font-weight: normal; text-align: left; } .sheet-rolltemplate-id th div.sheet-rt-character-name { color: #036; } .sheet-rolltemplate-id th span.sheet-rt-roll-attr { color: #369; } .sheet-rolltemplate-id td { } .sheet-rolltemplate-id .sheet-result { font-size: 2.5em; padding: 0; width: 20%; text-align: center; } .sheet-rolltemplate-id .inlinerollresult, .sheet-rolltemplate-id .inlinerollresult.fullcrit, .sheet-rolltemplate-id .inlinerollresult.fullfail, .sheet-rolltemplate-id .inlinerollresult.importantroll { background-color: transparent; color: #000000; border: none; } .sheet-rolltemplate-id th span.sheet-rt-roll-effect-adv, .sheet-rolltemplate-id .sheet-success .inlinerollresult, .sheet-rolltemplate-id .sheet-success .inlinerollresult.fullcrit, .sheet-rolltemplate-id .sheet-success .inlinerollresult.fullfail, .sheet-rolltemplate-id .sheet-success .inlinerollresult.importantroll { background-color: transparent; color: #3FB315; border: none; } .sheet-rolltemplate-id th span.sheet-rt-roll-effect-dis, .sheet-rolltemplate-id .sheet-failure .inlinerollresult, .sheet-rolltemplate-id .sheet-failure .inlinerollresult.fullcrit, .sheet-rolltemplate-id .sheet-failure .inlinerollresult.fullfail, .sheet-rolltemplate-id .sheet-failure .inlinerollresult.importantroll { background-color: transparent; color: #B31515; border: none; }