Files
roll20-character-sheets-tester/Coriolis Alternative/CoriolisAlternative.css
T
Johan Nilsson 896ed6e0eb [Coriolis Alternative] Created a new, improved character sheet for Coriolis (#6987)
* Created new alternative for the Coriolis Character Sheet

* Added cover bonus roll query to armor roll
2020-07-20 13:50:48 -05:00

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;
}