diff --git a/Coriolis Alternative/CoriolisAlternative.css b/Coriolis Alternative/CoriolisAlternative.css index b29336139b..461e278148 100644 --- a/Coriolis Alternative/CoriolisAlternative.css +++ b/Coriolis Alternative/CoriolisAlternative.css @@ -1,189 +1,365 @@ -/*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; + +/* Attributes */ + +.sheet-hidden { display: none; } + +.sheet-span2{ grid-column: span 2; } + +.sheet-span3{ grid-column: span 3; } + +.sheet-span4{ grid-column: span 4; } + +.sheet-mid{ text-align: center;} + +/* Overrides */ +.charsheet{ + padding:0px!important; } -.charsheet .sheet-coriolis-header{ - margin-bottom: 1em; +input[type=number] { -moz-appearance: textfield; } + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +select, +button[type=roll]:focus, +button[type=action], +button.repcontrol_edit{ + outline: none; +} + +select { + -webkit-appearance: none; + -moz-appearance: none; +} + +textarea{ + box-sizing: border-box; + padding: 0.5em 0.5em; + background: #EFEFEF; + color: #363330; + font-size:16px; + line-height:24px; + margin-bottom:0px; + min-height:120px; + resize: vertical; + height: 200px; + border-radius:0px; + border: 0px none; +} + +/* Wrapper */ + +.sheet-wrapper{ + box-sizing: border-box; + width: 100%; + min-width: 848px; + background: #000000; + color: #555; + font-family: "Roboto", sans-serif; + font-size: 16px; + line-height: 24px; + margin: 0px; + padding: 2em 1em 4em; +} + +/* Header and sheet toggle + ========================================================================== */ + +.sheet-header{ text-align:center; } -.charsheet .sheet-coriolis-content{ - color: #363330; - font-family: "Roboto", sans-serif; - margin-bottom: 10em; +.sheet-toggle__wrapper{ + margin:auto; + display: flex; + width: fit-content; } -.charsheet .sheet-coriolis-content * { - box-sizing: border-box; - min-width: 0; +.sheet-toggle__wrapper label{ + width:fit-content; + position: relative; + margin: 0; + padding: 0; + white-space: nowrap; } -.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; +.sheet-toggle__wrapper input[type=radio] { border: 0; - background: transparent; - box-shadow: none; - text-shadow: none; - text-align: left; - font-weight: 500; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } -.charsheet .sheet-coriolis-panel__label--button:hover { - color: #FF8A00; -} - -.charsheet .sheet-coriolis-panel__label--small { - margin-bottom: 1em; - font-size: 8pt; - font-weight: bold; +.sheet-toggle__wrapper span { + width:100%; + padding: 2px 8px; + border: 2px solid #ffffff; + color: #ffffff; + font-family: "Exo", sans-serif; + font-size: 12px; text-transform: uppercase; + font-weight: 400; } -.charsheet .sheet-coriolis-panel__label--small:after { - display: inline; - content: ":"; +.sheet-toggle__wrapper input[type=radio]:checked + span { + color: #000000!important; + background: #ffffff!important; } -.charsheet .sheet-coriolis-panel__label--select { +.sheet-toggle__wrapper input[type=radio]:hover + span { + background: #555252; + color: #ffffff; +} + +.sheet-toggle__wrapper .sheet-button__left span{ + border-radius: 4px 0px 0px 4px; + border-right: 0px; +} + +.sheet-toggle__wrapper .sheet-button__right span{ + border-radius: 0px 4px 4px 0px; + border-left: 1px; +} + +div.sheet-page { +/* max-width: 1080px; + margin:auto; */ + display: none; +} + +.sheet-toggle__pc:checked ~ div.sheet-page__pc, +.sheet-toggle__spaceship:checked ~ div.sheet-page__spaceship, +.sheet-toggle__readme:checked ~ div.sheet-page__readme { + max-width: 1080px; + width:100%; + margin:auto; + display: block; +} + +/* Grids + ========================================================================== */ + +/* Generic */ + +.sheet-grid__1col{ + display: grid; + align-items: start; + gap: 1em; +} + +.sheet-grid__2col{ + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1px 1px; +} + +.sheet-grid__3col{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + align-items: start; + gap: 1em; +} + +.sheet-grid__4col{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + align-items: start; + gap: 1em; +} + +.sheet-grid__stat{ + display: grid; + grid-template-columns: 1fr 54px; +} + +.sheet-grid__list{ + display: grid; + align-items: start; + gap: 1px; +} + +.sheet-grid__pc-weapons{ + display:grid; + grid-template-columns: 3.2fr 1.4fr 1.4fr 1.4fr 1.4fr 1.4fr 1.7fr 2.2fr 1.5fr 1fr; + align-items: start; + gap: 1px; +} +.sheet-grid__pc-armor{ + display:grid; + grid-template-columns: 4.2fr 1.5fr 10.3fr 1.5fr; + align-items: start; + gap: 1px; +} + +.sheet-grid__pc-relationships-panel{ + display:grid; + grid-template-columns: 16fr 1.5fr; + align-items: start; + gap: 1px; +} + +.sheet-grid__pc-relationships-row{ + display:grid; + grid-template-columns: 2fr 14fr 1.5fr; + align-items: start; + gap: 1px; +} + +/* Spaceship Grids */ + +.sheet-grid__spaceship{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + align-items: start; + gap: 1em; +} + +.sheet-grid__generic-info{ + display: grid; + align-items: start; + gap: 1px; +} + +.sheet-grid__spaceship-class{ + display:grid; + grid-template-columns: 1fr 3fr; + gap: 1px; +} + +.sheet-grid__spaceship-sensors-dashboard{ + display: grid; + grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr; + gap: 1px +} + +.sheet-grid__spaceship-combat-manager{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 16px 16px; + padding:16px +} + +.sheet-grid__spaceship-crew{ + display: grid; + grid-template-columns: 1.5fr 4fr 2.5fr 2.5fr 54px; + align-items: start; + gap: 1px; +} + +.sheet-grid__spaceship-crew-captain{ + display: grid; + grid-template-columns: 5.5fr 2.5fr 2.5fr 54px; + align-items: start; + gap: 1px; +} + +.sheet-grid__spaceship-crew-gunner{ + display: grid; + grid-template-columns: 54px 4fr 3.25fr 3.25fr; + align-items: start; + gap: 1px; +} + +.sheet-grid__spaceship-weapons{ + display: grid; + grid-template-columns: 4fr 1.5fr 1.5fr 1.5fr 1.5fr 3fr 1.5fr 54px; + align-items: start; + gap: 1px; +} + +.sheet-grid__spaceship-generic{ + display: grid; + grid-template-columns: 9fr 3fr; + align-items: start; + gap: 1px; +} + +/* Cards + ========================================================================== */ + + .sheet-card, + .sheet-card__alt{ + border: 2px solid #555252; + border-radius: 4px; + background: #555252; + overflow:hidden; +} + +.sheet-card__alt{ + background: transparent; +} + +.sheet-card__panel{ + min-height:40px; + max-height:40px; + color: #ffffff; + background: #272626; + text-transform: uppercase; + white-space: nowrap; +} + +.sheet-card__row{ + min-height:40px; + max-height:40px; + background: #EFEFEF; + color: #363330; + overflow: hidden; +} + +.sheet-card__panel span{ + font-family:"Exo"; +} + +.sheet-card__panel span, +.sheet-card__row span{ + margin: 8px; +} + +.sheet-card__panel button[type=roll]{ + color: #ffffff; +} + +.sheet-card__panel input[type=number], +.sheet-card__row input[type=number]{ + width:40px; + box-sizing: border-box; + padding: 2px; + margin: 4px auto; + text-align: center; + border: 2px solid #555252; + color: #363330; + font-size:16px; + line-height:24px; +/* background: url(https://i.imgur.com/pdPtjgE.png); + padding: 0px; + border: 0px none; */ +} + +.sheet-card__panel-group{ + width:100%; + min-height:40px; + max-height:40px; + color: #ffffff; + background: #272626; + text-align:center; +} + +.sheet-card__panel-group input[type=checkbox]{ + margin: 10px; + width: 20px; + height: 20px; +} + +.sheet-grid__spaceship-sensors-dashboard select{ -webkit-appearance: none; -moz-appearance: none; margin: 0; @@ -191,122 +367,351 @@ gap: 1em; 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:center; text-align-last: center; - height:auto; - background:none; - margin-bottom:0px; - border:none; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - -ms-appearance: none; + background: #272626; + font-size: 16px; + color: #FFB931; } -.sheet-coriolis-item-row .coriolis-panel__input--hide{ - width:100%; - font-size:12px; - background-color:red; +.sheet-grid__spaceship-sensors-dashboard span{ + text-transform: uppercase; } -.sheet-coriolis-align-center{ - text-align:center; +.sheet-grid__spaceship-sensors-dashboard input[type=number]{ + width:40px; + box-sizing: border-box; + padding: 2px; + margin: 4px auto; + text-align: center; + border: 2px solid #555252; + color: #363330; + font-size:16px; + line-height:24px; + font-family: "Roboto", sans-serif!important; } -/* Rolltemplate */ +span.sheet-signature{ + font-size: 20px!important; +} -.sheet-rolltemplate-title{ - font-size: 18px; - font-weight: 700; - text-transform: uppercase; - font-family: 'Exo', sans-serif; +.sheet-grid__stat button[type=roll]{ + margin: 0 !important; + padding: 8px 0px 8px 8px; + border: 0; + background: transparent; + box-shadow: none; + text-shadow: none; + text-align: left; + font-weight: 400; + font-family: "Exo", sans-serif; + font-size: 15px; + flex-grow:1; + text-transform: uppercase; + +} + +.sheet-grid__stat button[type=roll]:hover { + color: #FFB931; +} + +/* disable advanced skill buttons when input is invalid */ +.sheet-advanced input:placeholder-shown ~ button { + pointer-events: none; + opacity: 0.5; +} +.sheet-advanced { + display: flex; + flex-direction: row-reverse; + background: #DBDBDB; +} + +.sheet-advanced input[type=number] { + margin-right: 7px; +} + + +/* Tables + ========================================================================== */ + +.sheet-table__panel{ + color: #ffffff; +} + +.sheet-table__panel span{ + background: #272626; + padding: 8px 0px 8px 8px; + font-size: 14px; + font-family:"Exo"; + text-transform: uppercase; +} + +.charsheet .sheet-table__panel span.sheet-count{ padding: 8px 0px;} + +span.sheet-center{ + padding: 8px 0px; + text-align: center; + white-space: nowrap; + overflow: hidden; +} + +.sheet-table__row input, +.sheet-table__row input[type=number], +.sheet-table__row select, +.sheet-table__row span, +.sheet-table__row .sheet-panel-checkbox{ + padding: 0.5em 0.5em; + width:100%; + border: 0px; + border-radius: 0px; + background: #EFEFEF; + color: #363330; + box-sizing: border-box; + font-size:16px; + line-height:24px; +} + +.sheet-table__row input[type=number]{ + text-align:center; +} + +.sheet-table__row select{ + height: auto; + -webkit-box-sizing: border-box; + text-align: center; + margin-bottom: 0; + text-align-last:center; +} + +.sheet-table__row input:hover, .sheet-table__row select:hover, .sheet-table__row input[type=number]:hover { + background-color: #DBDBDB; +} + +.sheet-card__table-row-group{ + width:100%; + min-height:40px; + max-height:40px; + color: #363330; + background: #EFEFEF; + text-align:center; +} + +.sheet-card__table-row-group input[type=checkbox]{ + margin: 10px; + width: 20px; + height: 20px; +} + +.sheet-settings__content{ + background: #efefef; + padding: 8px; +} + +/* Rows with floating label, used for character/ship information */ + +.sheet-label__float{ + position:relative; + height:40px; + padding: 0px 6px; + background: #EFEFEF; + font-size:16px; +} + +.sheet-label__float span{ + color: #555353; + font-size:10px; + font-weight:700; + text-transform: uppercase; +} + +.sheet-label__float input,.sheet-label__float select, .sheet-label__float input[type=number]{ + left:0px; + top:0px; + position:absolute; + width:100%; + height:100%; + margin: 0px; + padding: 22px 6px 4px; + background:transparent; + border:0px; + box-sizing: border-box; + font-size:16px; + text-align:left; +} +.sheet-label__float select{ + -webkit-appearance: menulist-button; + padding: 18px 3px 4px; +} +.sheet-label__float input:hover, .sheet-label__float select:hover, .sheet-label__float input[type=number]:hover { + background-color: rgba(140, 140, 140, 0.2); +} + +/* Repeating + ========================================================================== */ + +.sheet-repitem .repitem, +.sheet-wrapper .repcontainer .repitem{ + border-bottom: 1px solid #555252!important; +} + +/* .sheet-repeating input{ + border-bottom: 1px solid #555252; +} + +.sheet-repeating button[type=roll]{ + border-bottom: 1px solid #555252!important; + box-sizing: border-box; +} */ + +/* Roll-button styling + ========================================================================== */ + +button[type=action].sheet-action, +button[type=roll].sheet-action{ + width:100%; + background:#272626; + margin: 0px; + padding: 10px 0px; + border: 0px; + border-radius: 0px; + box-shadow: none; + text-shadow: none; + text-align: center; + text-transform: uppercase; + color: #FFB931; + font-size: 16px; + max-height:40px; + line-height:18px; + font-family:"Exo"; +} + +button[type=action].sheet-action{ + line-height:20px; +} + +button[type=action].sheet-left{ + text-align:left; +} + + + +button[type=action]:hover.sheet-action, +button[type=roll]:hover.sheet-action{ + background:#FFB931; + color: #272626; + } + +.sheet-grid__stat button[type=roll]:before, +.sheet-action button[type=action]:before, +.sheet-no-icon button[type=roll]:before{ + content: ''; +} + +.sheet-table__row button[type=roll]{ + width:100%; + height:100%; + font-size:20px; + margin:0px; + padding:0px; + border-radius:0px; + border: 0px; +} + + +.sheet-wrapper .repcontrol .btn + { + display: inline-block; + min-height: 36px; + min-width: 36px; + height: 2em; + width: 2em; + margin: 0.4em; + padding: 0; + border: none; + background: #272626; + font-size: 0; + line-height: 1; + text-shadow: none; + box-shadow: none; + webkit-box-shadow: none; + border-radius:0; +} + +.sheet-wrapper .repcontrol { background: #272626; } + +.sheet-wrapper .repcontrol button.repcontrol_add { border-right: 1px solid #555252; } +.sheet-wrapper .repcontrol button:hover{ background:#3E3C3C; } + +.sheet-wrapper .repcontrol .repcontrol_add:after { content: "&"; } + +.sheet-wrapper .repcontrol .repcontrol_add:after { + color: #FFB931; + font-family: "pictos"; + font-size: 2rem; + opacity: 1; +} + +.sheet-wrapper .repcontrol button.repcontrol_edit { border-left: 1px solid #555252; } + +.sheet-wrapper .repcontrol .repcontrol_edit:after { content: "("; } + +.sheet-wrapper .repcontrol .repcontrol_edit:after { + color: #FFB931; + font-family: "pictos"; + font-size: 2rem; + opacity: 1; +} + +.sheet-wrapper .itemcontrol .btn{ + display: inline-block; + min-height: 36px; + min-width: 36px; + height: 100%; + width: 2em; + padding: 0; + border: none; + background: #272626; + font-size: 16px; + line-height: 1; + text-shadow: none; + box-shadow: none; + webkit-box-shadow: none; + border-radius:0; +} + +.sheet-wrapper .itemcontrol button.btn-danger { + color: #ffffff; + background: #a80b0b; + height:40px; +} + +.sheet-wrapper .repcontainer .repitem .itemcontrol .repcontrol_move{ + color: #363330; + background: #EFEFEF; + font-size: 32px; + height:40px; + width: auto; +} + +/* Roll Templates + ========================================================================== */ + + .sheet-rolltemplate-wrapper { + font-family: "Roboto"; + background: #efefef; + font-size: 12pt; + border: 4px solid #555252; + line-height:24px; + text-align: center; + border-radius: 8px; + overflow: hidden; +} + + .sheet-rolltemplate-title{ + font-size: 18px; + font-weight: 700; + text-transform: uppercase; + font-family: 'Exo', sans-serif; } .sheet-rolltemplate-skill-weapon-stats{ @@ -316,468 +721,97 @@ gap: 1em; } .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; + font-style:italic; + font-size:12px; + font-weight:400; } .sheet-rolltemplate-header { - padding:10px 1em; - background: url('https://i.imgur.com/SEWNhcS.png'); - color: #ffffff; + padding:10px 0.25em; + background: #272626; + color: #ffffff; + overflow:hidden; } .sheet-rolltemplate-content { - padding: 0.5em 1em; + padding: 0.5em 0.25em; + overflow:hidden; } .sheet-rolltemplate-footer{ -padding-bottom:1em; + 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 .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:44px; + 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; + 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; + 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 .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; + background: none; + border: 0px none; } .sheet-rolltemplate-wrapper .sheet-coriolis-buttons { - text-align: center; + text-align: center; } + .sheet-rolltemplate-wrapper .sheet-coriolis-buttons a { - margin-top: 0.5em; - padding: 6px 12px; - background:#16140E; - border-radius: 4px; + 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; + width: 100%; + font-size: 14px; + left: 0px; + right: 0px; + margin-top: 1px; + background-color: #272626; + padding: 4px 8px; + color: #FFB931; + display: inline-block; + border: none; + text-align: left; + text-decoration: none; + border-radius: 0px; } .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; + padding: 0px; + background: #555252; + overflow:hidden; } \ No newline at end of file diff --git a/Coriolis Alternative/CoriolisAlternative.html b/Coriolis Alternative/CoriolisAlternative.html index 7490cb5dac..7fae998414 100644 --- a/Coriolis Alternative/CoriolisAlternative.html +++ b/Coriolis Alternative/CoriolisAlternative.html @@ -1,672 +1,858 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + - - + + + + + + + + + + + + + - + + + + + + + - - + + + + + -
-
+
+