mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-12 01:52:32 +00:00
Johan Nilsson
76491ee8af
* Fixed targeting rolls Target Armor was not working properly for players (only for GM) because of them trying to call on target abilities. Created hidden buttons on character sheet for targeting enemy armor / enemy ship armor instead! * Added default ship modules to the ship sheet * Layout changes and CSS cleanup * Added missing translation key
783 lines
22 KiB
CSS
783 lines
22 KiB
CSS
/*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;
|
|
} |