/*Configure the tab buttons*/ .sheet-coriolis-tab-pc, .sheet-coriolis-tab-spaceship, .sheet-coriolis-tab-npc { display: none; } /* show the selected tab */ .sheet-tabstoggle[value="pc"] ~ .sheet-coriolis-content .sheet-coriolis-tab-pc, .sheet-tabstoggle[value="spaceship"] ~ .sheet-coriolis-content .sheet-coriolis-tab-spaceship, .sheet-tabstoggle[value="npc"] ~ .sheet-coriolis-content .sheet-coriolis-tab-npc { display: grid; } /* disable advanced skill buttons when input is invalid */ .sheet-background-advanced input:placeholder-shown ~ button { pointer-events: none; opacity: 0.5; } .sheet-background-advanced { display: flex; flex-direction: row-reverse; } @import url("https://fonts.googleapis.com/css?family=Roboto:300|Roboto:400|Roboto:700|Exo:500|Exo:700|Exo:800|&display=swap"); .sheet-hidden { display: none; } .charsheet .sheet-coriolis-header{ margin-bottom: 1em; text-align:center; } .charsheet .sheet-coriolis-content{ color: #363330; font-family: "Roboto", sans-serif; margin-bottom: 10em; } .charsheet .sheet-coriolis-content * { box-sizing: border-box; min-width: 0; } .charsheet .sheet-coriolis-content input { color: #363330; } .charsheet .sheet-coriolis-content input[type=number] { font-family: "Roboto"; text-align: center; -moz-appearance: textfield; } .charsheet .sheet-coriolis-content input[type=number]::-webkit-outer-spin-button, .charsheet .sheet-coriolis-content input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Columns */ .charsheet .sheet-coriolis-leftcol, .charsheet .sheet-coriolis-rightcol { display: grid; align-items: start; gap: 1em; } /* Page Grids */ .sheet-coriolis-pc-grid{ display: grid; grid-template-columns: 1fr 3fr; align-items: start; gap: 1em; } .sheet-coriolis-spaceship-grid{ display: grid; grid-template-columns: 3fr 1fr; align-items: start; gap: 1em; } /* Panel Grids */ .sheet-coriolis-ship-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px 1px; } .sheet-coriolis-pc-trauma-section { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1em; } .sheet-coriolis-ship-crew-section { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; } /* Panels */ .charsheet .sheet-coriolis-panel, .charsheet .sheet-coriolis-panel--full { display: grid; grid-template-rows: 3em; gap: 1px; border: 2px solid #5D564E; background: #5D564E; } .charsheet .sheet-coriolis-panel--full { grid-column: 1/-1; } .charsheet .sheet-coriolis-panel__header { display: flex; align-items: center; padding: 0.5em; color: #fff; font-family: 'Exo', sans-serif; font-weight: 500; text-transform: uppercase; background: #000000 url("https://i.imgur.com/SEWNhcS.png") repeat-x left top; background-size: contain; } .sheet-coriolis-panel__header .btn{ color: #fff; text-transform: uppercase; } .charsheet .sheet-coriolis-panel__row, .charsheet .sheet-coriolis-panel__row--span1 { background: #E2DED9; display: flex; align-items: center; min-height: 3em; padding: 0.5em; } .charsheet .sheet-coriolis-panel__label, .charsheet .sheet-coriolis-panel__label--plus, .charsheet .sheet-coriolis-panel__label--value, .charsheet .sheet-coriolis-panel__label--select, .charsheet .sheet-coriolis-panel__label--small, .charsheet .sheet-coriolis-panel__label--button { flex-shrink: 0; flex-grow: 1; font-weight: 400; font-size: 12pt; } .charsheet .sheet-coriolis-panel__label:before, .charsheet .sheet-coriolis-panel__label--plus:before, .charsheet .sheet-coriolis-panel__label--value:before, .charsheet .sheet-coriolis-panel__label--select:before, .charsheet .sheet-coriolis-panel__label--small:before, .charsheet .sheet-coriolis-panel__label--button:before { flex-shrink: 1; display: none; } /* Attribute Buttons */ .charsheet .sheet-coriolis-panel__label--button { margin: 0 !important; padding: 0 !important; border: 0; background: transparent; box-shadow: none; text-shadow: none; text-align: left; font-weight: 500; } .charsheet .sheet-coriolis-panel__label--button:hover { color: #FF8A00; } .charsheet .sheet-coriolis-panel__label--small { margin-bottom: 1em; font-size: 8pt; font-weight: bold; text-transform: uppercase; } .charsheet .sheet-coriolis-panel__label--small:after { display: inline; content: ":"; } .charsheet .sheet-coriolis-panel__label--select { -webkit-appearance: none; -moz-appearance: none; margin: 0; width: 100%; height: 100%; border: 0; border-radius: 0; font-size: 8pt; font-weight: bold; text-transform: uppercase; } .charsheet .sheet-coriolis-panel__input, .charsheet .sheet-coriolis-panel__textarea--full, .charsheet .sheet-coriolis-panel__input--hide[type=text], .charsheet .sheet-coriolis-panel__input--hide[type=number], .charsheet .sheet-coriolis-panel__input--small[type=text], .charsheet [type=text].sheet-coriolis-panel__input--item, .charsheet .sheet-coriolis-panel__input--small[type=number], .charsheet [type=number].sheet-coriolis-panel__input--item { border-radius: 0; font-size: 12pt; font-weight: 400; } .charsheet .sheet-coriolis-panel__input--small[type=text], .charsheet [type=text].sheet-coriolis-panel__input--item, .charsheet .sheet-coriolis-panel__input--small[type=number], .charsheet [type=number].sheet-coriolis-panel__input--item, .charsheet .sheet-coriolis-panel__input--static { width: 3em; border: 1px solid #000; } .charsheet .sheet-coriolis-panel__input--hide[type=text], .charsheet .sheet-coriolis-panel__input--hide[type=number], .charsheet .sheet-coriolis-panel__input--static { cursor: pointer; background: transparent; border: none; height: 100%; width: 100%; } .charsheet .sheet-coriolis-panel__input--static{ pointer-events: none; width: 3em; margin: auto; text-align: center; height: 100%; font-size: 12pt; font-weight: 400; vertical-align: middle; padding: 4px; background-color: rgba(0, 0, 0, 0.1); } .charsheet .sheet-coriolis-static{ pointer-events: none; background-color: rgba(177, 125, 29, 0.2)!important; } .charsheet .sheet-coriolis-panel__input--hide[type=text]:hover, .charsheet .sheet-coriolis-panel__input--hide[type=number]:hover { background-color: rgba(177, 125, 29, 0.2); } .charsheet .sheet-coriolis-static-value{ width: 3.5em; margin: auto; text-align: center; height: 100%; font-size: 12pt; font-weight: 400; vertical-align: middle; padding: 4px; background-color: rgba(177, 125, 29, 0.2); } /* Roll Template Styling */ .sheet-coriolis-advanced-label{ float: left; text-transform: uppercase; font-size: 12px; } .sheet-coriolis-item-header{ background: #000000 url("https://i.imgur.com/SEWNhcS.png") repeat-x left top; background-size: contain; color: #fff; padding: 0.5em; font-size: 12px; font-weight: 500; text-transform: uppercase; align-items: center; } .sheet-coriolis-item-row{ font-size: 12px !important; background: #E2DED9; border-bottom: 1px solid #000; align-items: center; padding:0.5em; } .sheet-coriolis-item-row select{ font-size: 16px; color: #363330; width: 100%; text-align-last: center; height:auto; background:none; margin-bottom:0px; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; } .sheet-coriolis-item-row .coriolis-panel__input--hide{ width:100%; font-size:12px; background-color:red; } .sheet-coriolis-align-center{ text-align:center; } /* Rolltemplate */ .sheet-rolltemplate-title{ font-size: 18px; font-weight: 700; text-transform: uppercase; font-family: 'Exo', sans-serif; } .sheet-rolltemplate-skill-weapon-stats{ text-transform:uppercase; font-size:12px; font-weight:700; } .sheet-rolltemplate-skill-weapon-comment{ font-style:italic; font-size:12px; font-weight:400; } .sheet-rolltemplate-wrapper { font-family: "Roboto"; background: #efefef; font-size: 12pt; border: 4px solid #5D564E; line-height:24px; text-align: center; border-radius: 8px; overflow: none; } .sheet-rolltemplate-header { padding:10px 1em; background: url('https://i.imgur.com/SEWNhcS.png'); color: #ffffff; } .sheet-rolltemplate-content { padding: 0.5em 1em; } .sheet-rolltemplate-footer{ padding-bottom:1em; } /* Rolltemplate Result Styling */ .sheet-rolltemplate-wrapper .sheet-coriolis-roll .importantroll, .sheet-rolltemplate-stat .sheet-coriolis-roll .importantroll, .sheet-rolltemplate-wrapper .sheet-coriolis-roll .fullcrit, .sheet-rolltemplate-stat .sheet-coriolis-roll .fullcrit, .sheet-rolltemplate-wrapper .sheet-coriolis-roll .inlinerollresult, .sheet-rolltemplate-stat .sheet-coriolis-roll .inlinerollresult .sheet-rolltemplate-wrapper .sheet-coriolis-roll .fullfail { display: block; border: none; background: url('https://i.imgur.com/bSMCjVY.png') no-repeat; line-height: 1em; margin: 0px auto 0px; font-size: 24pt; font-weight: 700; text-align:center; padding: 7px 0px 0px; width:74px; height:37px; font-family: 'Exo', sans-serif; color: #000; } .sheet-rolltemplate-wrapper .sheet-coriolis-roll-fail .inlinerollresult{ background: url('https://i.imgur.com/AFapc19.png') no-repeat; } .sheet-rolltemplate-wrapper .sheet-coriolis-roll-crit .inlinerollresult{ background: url('https://i.imgur.com/MzQrEWB.png') no-repeat; } /* Initiative, Radiation and Armor Checks */ .sheet-rolltemplate-stat .importantroll, .sheet-rolltemplate-stat .fullcrit, .sheet-rolltemplate-stat .inlinerollresult.fullfail, .sheet-rolltemplate-stat .inlinerollresult.fullcrit, .sheet-rolltemplate-stat .inlinerollresult.importantroll, .sheet-rolltemplate-stat .textchatcontainer .inlinerollresult, .sheet-rolltemplate-stat .fullfail { border: 0px none; line-height: 1em; margin: 0px auto 0px; font-weight: 700; color: #000; padding: 0px; background: none; } .sheet-rolltemplate-stat .inlinerollresult{ background: none; border: 0px none; } .sheet-rolltemplate-wrapper .sheet-coriolis-buttons { text-align: center; } .sheet-rolltemplate-wrapper .sheet-coriolis-buttons a { margin-top: 0.5em; padding: 6px 12px; background:#16140E; border-radius: 4px; } .sheet-rolltemplate-menu a[href^="~"]{ width: calc(100% - 16px); font-size: 14px; left: 0px; right: 0px; margin-top: 1px; background-color: #D3CCC3; padding: 4px 8px; color: #16140E; display: inline-block; border: none; text-align: left; text-decoration: none; } .sheet-rolltemplate-menu .sheet-rolltemplate-content{ padding: 0px; } /* Repeating Styling */ .charsheet .sheet-coriolis-panel .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--alternate .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--full .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--fullheight .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--alternate .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--full .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--fullheight .itemcontrol a.repcontrol_move { display: block; top: calc(50% - 1.5rem); position: relative; border-radius: 0; padding: 0; margin: 0; height: 3rem; width: 3rem; box-shadow: none; line-height: 2em; text-shadow: none; font-weight: bold; } .charsheet .sheet-coriolis-panel .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--alternate .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--full .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--fullheight .itemcontrol button.repcontrol_del { margin-right: 0.25rem; background: #a00; color: #fff; } .charsheet .sheet-coriolis-panel .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--alternate .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--full .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-panel--fullheight .itemcontrol a.repcontrol_move { margin-left: 0.25rem; background: #fff; color: #000; } .charsheet .sheet-coriolis-panel .repcontrol, .charsheet .sheet-coriolis-panel--alternate .repcontrol, .charsheet .sheet-coriolis-panel--full .repcontrol, .charsheet .sheet-coriolis-panel--fullheight .repcontrol { padding: 0.25em; background: #D4CCC2; } .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_edit { display: block; border: 1px solid #000; border-radius: 0; background: none; padding: 0; margin: 0; height: 3rem; width: 3rem; box-shadow: none; font-size: 0; line-height: 1em; text-shadow: none; } .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_add:before { display: block; content: "&"; font-size: 12pt; font-family: "Pictos"; font-weight: bold; } .charsheet .sheet-coriolis-panel .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-panel--alternate .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-panel--full .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-panel--fullheight .repcontrol button.repcontrol_edit:before { display: block; content: "p"; right: 5px; font-size: 12pt; font-family: "Pictos"; font-weight: bold; } /* Grid Styles */ .sheet-coriolis-card{ background: #60584E; border:2px solid #60584E; display: grid; } .sheet-coriolis-grid-pc-weapon{ display:grid; grid-template-columns: 3.2fr 1.4fr 1.4fr 1.4fr 1.4fr 1.4fr 1.7fr 2.2fr 1.5fr 1fr; gap: 1px 1px; } .sheet-coriolis-grid-pc-armor{ display:grid; grid-template-columns: 4.2fr 1.5fr 10.3fr 1.5fr; gap: 1px 1px; } .sheet-coriolis-grid-pc-relationships{ display:grid; grid-template-columns: 2fr 14fr 1.5fr; gap: 1px 1px; } .sheet-coriolis-grid-ship-crew{ display:grid; grid-template-columns: 4.5fr 3fr 3fr 1.5fr; gap: 1px 1px; } .sheet-coriolis-grid-ship-weapon{ display:grid; grid-template-columns: 3.5fr 1.5fr 1.5fr 1.5fr 1.8fr 3fr 1.5fr 1fr; gap: 1px 1px; } .sheet-coriolis-grid-ship-module{ display:grid; grid-template-columns: 15fr 2fr; gap: 1px 1px; } .sheet-coriolis-grid-generic{ display:grid; grid-template-columns: 1fr; gap: 1px 1px; } .sheet-coriolis-grid-panel{ color: #fff; background: #000000 url("https://i.imgur.com/SEWNhcS.png") repeat-x left top; background-size: contain; font-family: 'Exo', sans-serif; font-weight: 500; text-transform: uppercase; } .sheet-coriolis-grid-panel span{ padding: 0.75em 0em; text-align: center; font-size: 14px; } .sheet-coriolis-grid-panel span.sheet-panel-header{ padding: 0.75em 0.5em; text-align: left; text-transform:uppercase; } .sheet-coriolis-grid-panel span.sheet-panel-left{ padding: 0.75em 0.5em; text-align: left; } .sheet-coriolis-grid-row{ border-bottom: 1px solid #60584E; } .sheet-coriolis-grid-row input, .sheet-coriolis-grid-row input[type=number], .sheet-coriolis-grid-row select, .sheet-coriolis-grid-row .sheet-panel-checkbox{ font-size:16px; padding: 0.75em 0.5em; width:100%; border: 0px; border-radius: 0px; background: #E2DEDA; color: #363330; } .sheet-coriolis-grid-row button[type=roll]{ width:100%; margin:0px; padding:0px; border-radius:0px; border: 0px; } .sheet-coriolis-grid-row select{ height: auto; -webkit-box-sizing: border-box; text-align: center; margin-bottom: 0; text-align-last:center; } .sheet-coriolis-grid-row input:hover, .sheet-coriolis-grid-row select:hover{ background-color: #D8CBB4; } .sheet-coriolis-grid-row input[type=number]{ text-align:center; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } select { -webkit-appearance: none; -moz-appearance: none; } /* Repeating Styling */ .charsheet .sheet-coriolis-card .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--alternate .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--full .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--fullheight .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--alternate .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--full .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--fullheight .itemcontrol a.repcontrol_move { display: block; top: calc(50% - 1.5rem); position: relative; border-radius: 0; padding: 0; margin: 0; height: 3rem; width: 3rem; box-shadow: none; line-height: 2em; text-shadow: none; font-weight: bold; } .charsheet .sheet-coriolis-card .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--alternate .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--full .itemcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--fullheight .itemcontrol button.repcontrol_del { margin-right: 0.25rem; background: #a00; color: #fff; } .charsheet .sheet-coriolis-card .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--alternate .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--full .itemcontrol a.repcontrol_move, .charsheet .sheet-coriolis-card--fullheight .itemcontrol a.repcontrol_move { margin-left: 0.25rem; background: #fff; color: #000; } .charsheet .sheet-coriolis-card .repcontrol, .charsheet .sheet-coriolis-card--alternate .repcontrol, .charsheet .sheet-coriolis-card--full .repcontrol, .charsheet .sheet-coriolis-card--fullheight .repcontrol { padding: 0.25em 0.5em; background: #E2DEDA; } .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_add, .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_del, .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_move, .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_edit, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_edit { display: block; background: none; padding: 4px 0px; border: 0px; margin: 0px; height: 3rem; width: auto; box-shadow: none; font-size: 0; text-shadow: none; line-height: 1; } .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_add:before, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_add:before { display: block; content: "Add New"; font-size: 14px; } .charsheet .sheet-coriolis-card .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-card--alternate .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-card--full .repcontrol button.repcontrol_edit:before, .charsheet .sheet-coriolis-card--fullheight .repcontrol button.repcontrol_edit:before { display: block; content: "Edit"; right: 5px; font-size: 14px; } .sheet-panel{ background: #E2DEDA; font-size: 16px; padding: 0.75em 0.5em; color: #363330; } /* Text Info */ .sheet-grid__2col{ display: grid; grid-template-columns: 1fr 1fr; gap: 1px 1px; border: 2px solid #5D564E; background: #5D564E; } .sheet-input-group__float{ background: #E2DEDA; position:relative; height:42px; padding: 0px 6px; font-size:16px; } .sheet-input-group__float span{ font-size:10px; font-weight:700; text-transform: uppercase; color:#615B55; } .sheet-input-group__float input,.sheet-input-group__float select, .sheet-input-group__float input[type=number]{ width:100%; height:100%; margin: 0px; padding: 22px 6px 4px; left:0px; top:0px; position:absolute; background:transparent; border:0px; box-sizing: border-box; font-size:16px; text-align:left; } .sheet-input-group__float select{ -webkit-appearance: menulist-button; padding: 18px 4px 4px; } .sheet-input-group__float input:hover, .sheet-input-group__float select:hover, .sheet-input-group__float input[type=number]:hover { background-color: rgba(177, 125, 29, 0.2)!important; } /* Grid Options */ .sheet-span2{ grid-column: span 2; } .sheet-grid__ship-class{ display:grid; grid-template-columns: 1fr 3fr; gap: 1px; }