* Created new alternative for the Coriolis Character Sheet * Added cover bonus roll query to armor roll
753 lines
21 KiB
CSS
753 lines
21 KiB
CSS
/*Configure the tab buttons*/
|
|
.sheet-coriolis-tab-pc,
|
|
.sheet-coriolis-tab-spaceship {
|
|
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 {
|
|
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: #555;
|
|
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: #555;
|
|
}
|
|
|
|
.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-pc-character-grid {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 1px 1px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.sheet-coriolis-pc-weapon-grid{
|
|
display:grid;
|
|
grid-template-columns: 3.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1.8fr 3fr 1.5fr 0.75fr;
|
|
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--span2, .charsheet .sheet-coriolis-panel__row--span1 {
|
|
background: #E2DED9;
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 3em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.charsheet .sheet-coriolis-panel__row--span1 {
|
|
padding: 0;
|
|
padding-left: 0.35em;
|
|
}
|
|
.charsheet .sheet-coriolis-panel__row--span2 {
|
|
grid-column: span 2;
|
|
padding: 0;
|
|
padding-left: 0.35em;
|
|
}
|
|
|
|
.charsheet .sheet-coriolis-panel__header--span2 {
|
|
grid-column: span 2;
|
|
padding: 0;
|
|
padding-left: 0.35em;
|
|
}
|
|
|
|
.charsheet .sheet-coriolis-panel__row--relationship {
|
|
padding: 0;
|
|
padding-left: 0.35em;
|
|
display: grid;
|
|
grid-template-columns: 4.5em 1fr;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
|
|
.charsheet .sheet-coriolis-panel__row--textarea {
|
|
padding: 0;
|
|
align-self: stretch;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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__label--select:hover {
|
|
cursor: pointer;
|
|
background-color: rgba(177, 125, 29, 0.2);
|
|
} */
|
|
/* .charsheet .sheet-coriolis-panel__label--value {
|
|
width: 3em;
|
|
text-align: center;
|
|
} */
|
|
/* .charsheet .sheet-coriolis-panel__label--plus {
|
|
width: 1em;
|
|
text-align: center;
|
|
} */
|
|
/* .charsheet .sheet-coriolis-panel__right {
|
|
float: right;
|
|
padding-top: 3pt;
|
|
font-size: 8pt;
|
|
} */
|
|
.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: #555;
|
|
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-skill-action{
|
|
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;
|
|
}
|
|
|
|
.sheet-rolltemplate-header {
|
|
padding:10px 1em;
|
|
background: url('https://i.imgur.com/SEWNhcS.png');
|
|
color: #ffffff;
|
|
}
|
|
|
|
.sheet-rolltemplate-content {
|
|
padding:1em;
|
|
}
|
|
|
|
.sheet-rolltemplate-footer{
|
|
padding-bottom:1em;
|
|
}
|
|
|
|
/* Initiative, Radiation and Armor Checks */
|
|
|
|
.sheet-rolltemplate-stat .sheet-rolltemplate-wrapper {
|
|
background: url('https://i.imgur.com/SEWNhcS.png');
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-rolltemplate-wrapper span {
|
|
color: #fff;
|
|
font-family: 'Exo', sans-serif;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-rolltemplate-stat .sheet-coriolis-roll{
|
|
margin-top:12px;
|
|
}
|
|
|
|
/* Rolltemplate Result Styling */
|
|
|
|
.sheet-rolltemplate-skill .sheet-coriolis-roll .importantroll, .sheet-rolltemplate-stat .sheet-coriolis-roll .importantroll,
|
|
.sheet-rolltemplate-skill .sheet-coriolis-roll .fullcrit, .sheet-rolltemplate-stat .sheet-coriolis-roll .fullcrit,
|
|
.sheet-rolltemplate-skill .sheet-coriolis-roll .inlinerollresult, .sheet-rolltemplate-stat .sheet-coriolis-roll .inlinerollresult {
|
|
display: block;
|
|
border: none;
|
|
background: url('https://i.imgur.com/9d9p5cw.png') no-repeat;
|
|
line-height: 1em;
|
|
margin: 0px auto 6px;
|
|
font-size: 24pt;
|
|
font-weight: 700;
|
|
text-align:center;
|
|
padding-top:7px;
|
|
width:74px;
|
|
height:44px;
|
|
font-family: 'Exo', sans-serif;
|
|
color: #000;
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .sheet-coriolis-roll .fullfail {
|
|
display: block;
|
|
border: none;
|
|
background: url('https://i.imgur.com/JhPzMKk.png') no-repeat;
|
|
line-height: 1em;
|
|
margin: 0px auto 6px;
|
|
font-size: 24pt;
|
|
font-weight: 700;
|
|
text-align:center;
|
|
padding-top:7px;
|
|
width:74px;
|
|
height:44px;
|
|
font-family: 'Exo', sans-serif;
|
|
color: #990000
|
|
}
|
|
|
|
.sheet-rolltemplate-skill .sheet-coriolis-buttons {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-skill .sheet-coriolis-buttons a {
|
|
padding: 6px 12px;
|
|
background: #5D564E;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
/* LOLOLOL */
|
|
|
|
.sheet-coriolis-card{
|
|
background: #60584E;
|
|
border:2px solid #60584E;
|
|
display: grid;
|
|
}
|
|
|
|
.sheet-coriolis-grid-pc-weapon{
|
|
display:grid;
|
|
grid-template-columns: 4fr 1.4fr 1.4fr 1.4fr 1.4fr 1.7fr 2.75fr 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 0.5em;
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.sheet-coriolis-grid-panel span.sheet-panel-header{
|
|
text-align: left;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.sheet-coriolis-grid-panel span.sheet-panel-left{
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-coriolis-grid-panel span.sheet-panel-tiny{
|
|
font-size: 10px;
|
|
}
|
|
|
|
.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;
|
|
} |