Files
roll20-character-sheets/Mythras/Mythras.css
T

1279 lines
23 KiB
CSS

/* Generics*/
hr {
margin: 5px;
}
.sheet-invisible {
opacity: 0;
}
.sheet-text-align-center {
text-align: center;
}
.sheet-text-align-left {
text-align: left;
}
.sheet-background-red {
background:#F2DEDE;
}
.sheet-background-orange {
background:#FFEBCC;
}
.sheet-background-yellow {
background:#FCF8E3;
}
.sheet-background-gray {
background:#D3D3D3;
}
.sheet-background-blue {
background:#D9EDF7;
}
.sheet-background-green {
background:#DFF0D8;
}
/* Remove margin from selects in webkit browsers, same for textareas */
button {
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
height: 1.5em;
font-size: 1em;
}
button[type=roll].sheet-reduced-size {
margin: 0px;
padding: 0px;
height: 1.5em;
font-size: 1em;
}
select {
margin: 0px;
padding: 0px;
height: 1.5em;
}
option {
margin: 0px;
padding: 0px;
height: 1.5em;
}
textarea {
margin: 0px;
padding: 0px;
}
input {
margin: 0px;
padding: 0px;
height: 1.5em;
}
input[type="number"]:disabled::-webkit-inner-spin-button,
input[type="number"]:disabled::-webkit-outer-spin-button {
-webkit-appearance: none;
}
input[type='number']:disabled {
-moz-appearance: textfield;
}
input[type='number'] {
text-align: center;
}
/* Tweak repeating section buttons so they have a bottom margin and dont overflow when in edit mode. */
div[class^="repcontrol"] {
margin-bottom: 5px;
}
div[class="repcontainer editmode"] ~ div[class^="repcontrol"] button[class="btn repcontrol_add"] {
display: inline-block!important;
visibility: hidden;
}
/* Layout CSS */
div.sheet-wrapper {
min-width: 850px;
}
div.sheet-spacer {
margin-bottom: 5px;
}
div.sheet-bottom-border {
border-bottom: 1px solid black;
}
.sheet-full-width {
width: 100%;
}
.sheet-number-width {
width: 47px;
}
.sheet-damage-width {
width: 94px;
}
.sheet-button-width {
width: 20px;
}
.sheet-enable-width {
width: 100px;
}
input.sheet-total {
font-weight: bold;
text-align: center;
}
input[type="number"].sheet-full-width {
width: 100%;
}
input[type='number'].sheet-total {
font-weight: bold;
}
.sheet-float-left {
float: left;
}
.sheet-float-right {
float: right;
}
.sheet-clear-float {
clear: both;
}
div.sheet-cell {
display: table-cell;
}
div.sheet-section {
border-radius: 10px;
border: 1px solid black;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
margin: 0px;
}
span.sheet-section-title-partner {
float: right;
padding-top: 4px;
}
.sheet-header {
font-weight: bold;
text-align: center;
}
.sheet-disabled {
background: #F5F5F5;
cursor: not-allowed;
}
input[type="number"].sheet-disabled {
background: #F5F5F5;
cursor: not-allowed;
-moz-appearance: textfield;
}
input[type="number"].sheet-disabled::-webkit-inner-spin-button,
input[type="number"].sheet-disabled::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.sheet-bold {
font-weight: bold;
}
input[type="checkbox"].sheet-in-header-toggle {
margin-top: 7px;
margin-right: 3px;
}
span.sheet-in-header-toggle {
margin-top: 5px;
margin-right: 3px;
}
/* Collapse */
input.sheet-details-toggle {
position: relative;
z-index: 9999;
cursor: pointer;
opacity: 0;
width: 16px;
height: 16px
}
input.sheet-details-toggle + span {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
background: url(http://i.imgur.com/FDNaXPO.png);
cursor: pointer;
margin-left: -16px;
margin-bottom: -3px;
}
input.sheet-details-toggle:checked + span {
background: url(http://i.imgur.com/4Lp1ONC.png);
}
input[type="checkbox"].sheet-details-toggle:not(:checked) ~ div.sheet-details {
display: none;
}
/* Logo wrapper */
div.sheet-logo {
width: 175px;
}
/* Superscripts */
span.sheet-sup {
vertical-align: super;
font-size: smaller;
}
/* Settings */
input.sheet-setting-toggle-default ~ div .sheet-default,
input.sheet-setting-toggle-luther-arkwright ~ div .sheet-luther-arkwright,
input.sheet-setting-toggle-mythic-britain ~ div .sheet-mythic-britain {
display: none;
}
input.sheet-setting-toggle-default:checked ~ div .sheet-default,
input.sheet-setting-toggle-luther-arkwright:checked ~ div .sheet-luther-arkwright,
input.sheet-setting-toggle-mythic-britain:checked ~ div .sheet-mythic-britain {
display: initial;
}
input.sheet-spirit-tenacity-toggle ~ div .sheet-spirit-tenacity {
display: none;
}
input.sheet-spirit-tenacity-toggle:checked ~ div .sheet-spirit-tenacity {
display: initial;
}
/* Sheet Types */
input.sheet-type-toggle-battle-unit:not(:checked) ~ div.sheet-type-battle-unit,
input.sheet-type-toggle-npc:not(:checked) ~ div.sheet-type-npc,
input.sheet-type-toggle-pc:not(:checked) ~ div.sheet-type-pc,
input.sheet-type-toggle-ship:not(:checked) ~ div.sheet-type-ship{
display: none;
}
/* PC Pages */
input.sheet-page-toggle {
position: relative;
z-index: 9999;
cursor: pointer;
opacity: 0;
width: 100px;
margin-bottom: 2px;
}
span.sheet-page-toggle {
display: inline-block;
position: relative;
width: 100px;
text-align: center;
background: black;
color: lightgray;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
margin-left: -100px;
}
input.sheet-page-toggle-core:checked + span.sheet-page-toggle-core,
input.sheet-page-toggle-equipment:checked + span.sheet-page-toggle-equipment,
input.sheet-page-toggle-magic:checked + span.sheet-page-toggle-magic,
input.sheet-page-toggle-notes:checked + span.sheet-page-toggle-notes,
input.sheet-page-toggle-all:checked + span.sheet-page-toggle-all {
background: black;
color: firebrick;
}
div.sheet-page {
visibility: hidden;
opacity: 0;
max-height: 0;
overflow: hidden;
}
input.sheet-page-toggle-core:checked ~ div.sheet-page-core,
input.sheet-page-toggle-equipment:checked ~ div.sheet-page-equipment,
input.sheet-page-toggle-magic:checked ~ div.sheet-page-magic,
input.sheet-page-toggle-notes:checked ~ div.sheet-page-notes,
input.sheet-page-toggle-all:checked ~ div.sheet-page-core,
input.sheet-page-toggle-all:checked ~ div.sheet-page-magic,
input.sheet-page-toggle-all:checked ~ div.sheet-page-equipment,
input.sheet-page-toggle-all:checked ~ div.sheet-page-notes {
visibility: visible;
opacity: 1;
max-height: 999999px;
overflow: auto;
}
/* Traits */
div.sheet-info {
margin-bottom: 5px;
}
div.sheet-info-firstrow {
display: inline-block;
width: 97%;
}
div.sheet-info-row {
display: inline-block;
width: 100%;
}
div.sheet-info-name {
display: inline-block;
width: 17%;
}
div.sheet-info-homeland {
display: inline-block;
width: 24%;
}
div.sheet-info-species {
display: inline-block;
width: 16%;
}
div.sheet-info-traits {
display: inline-block;
width: 49%;
}
div.sheet-info-age {
display: inline-block;
width: 10%;
}
div.sheet-info-gender {
display: inline-block;
width: 18%;
}
div.sheet-info-frame {
display: inline-block;
width: 18%;
}
div.sheet-info-weight {
display: inline-block;
width: 16%;
}
div.sheet-info-height {
display: inline-block;
width: 16%;
}
div.sheet-info-handedness {
display: inline-block;
width: 19%;
}
div.sheet-info-culture {
display: inline-block;
width: 25%;
}
div.sheet-info-social-class {
display: inline-block;
width: 24%;
}
div.sheet-info-career {
display: inline-block;
width: 25%;
}
div.sheet-info-exp-rolls {
display: inline-block;
width: 8%;
}
div.sheet-info-rank {
display: inline-block;
width: 8%;
}
/* Characteristics */
div.sheet-characteristics {
margin-bottom: 5px;
}
div.sheet-char-row {
display: inline-block;
width: 86%;
}
div.sheet-char-number {
display: inline-block;
text-align: center;
width: 33%;
}
div.sheet-char-symbol {
display: inline-block;
text-align: center;
}
div.sheet-char-label {
display: inline-block;
font-weight: bold;
width: 27%;
}
/* Initiative */
div.sheet-initiative {
margin-bottom: 5px;
}
/* Attributes */
div.sheet-attributes {
width: 32%;
float: left;
margin-right: 5px;
}
div.sheet-attribute-row {
display: inline-block;
width: 92%;
}
div.sheet-attribute-number {
display: inline-block;
text-align: center;
width: 19%;
}
div.sheet-attribute-symbol {
display: inline-block;
text-align: center;
}
div.sheet-attribute-label {
display: inline-block;
width: 33%;
}
div.sheet-attribute-total {
display: inline-block;
text-align: center;
width: 42%;
}
input.sheet-attribute-table-lookup {
width: 50%
}
/* Hit Locations */
div.sheet-hit-locations {
margin-bottom: 5px;
}
div.sheet-hit-locations-row {
display: inline-block;
width: 94%;
}
div.sheet-hit-locations-number {
display: inline-block;
text-align: center;
width: 13%;
}
div.sheet-hit-locations-symbol {
display: inline-block;
text-align: center;
}
div.sheet-hit-locations-label {
display: inline-block;
text-align: center;
width: 28%;
}
div.sheet-hit-locations-block {
display: inline-block;
text-align: center;
width: 12%;
}
div.sheet-hit-locations-hp {
display: inline-block;
text-align: center;
width: 29%;
}
/* Movement */
div.sheet-movement {
width: 97.5%;
float: left;
}
div.sheet-movement-row {
display: inline-block;
width: 94%;
}
/* Encumbrance */
div.sheet-encumbrance {
width: 52.5%;
margin-right: 5px;
float: left;
}
div.sheet-encumbrance-row {
display: inline-block;
width: 95%;
}
div.sheet-encumbrance-number {
display: inline-block;
text-align: center;
width: 11%;
}
div.sheet-encumbrance-load {
display: inline-block;
text-align: center;
width: 24%;
}
div.sheet-encumbrance-skills {
display: inline-block;
text-align: center;
width: 29%;
}
div.sheet-encumbrance-move {
display: inline-block;
text-align: center;
width: 21%;
}
/* Fatigue */
div.sheet-fatigue {
float: left;
width: 44.5%;
margin-bottom: 5px;
}
div.sheet-fatigue-row {
display: inline-block;
width: 100%;
}
div.sheet-fatigue-label {
display: inline-block;
text-align: center;
width: 37%;
}
div.sheet-fatigue-recovery {
display: inline-block;
text-align: center;
width: 24%;
}
/* Combat Styles */
div.sheet-combatstyle {
margin-bottom: 5px;
}
div.sheet-combatstyle-row {
display: inline-block;
width: 97.5%;
}
div.sheet-combatstyle-name {
display: inline-block;
text-align: center;
width: 17.5%;
}
div.sheet-combatstyle-checkbox {
display: inline-block;
text-align: center;
width: 2.25%;
}
div.sheet-combatstyle-number {
display: inline-block;
text-align: center;
width: 5.8125%;
}
div.sheet-combatstyle-traits {
display: inline-block;
text-align: center;
width: 17.5%;
}
div.sheet-combatstyle-button {
display: inline-block;
text-align: center;
width: 2.375%;
}
div.sheet-combatstyle-weapons {
display: inline-block;
text-align: center;
width: 34%;
}
select.sheet-combatstyle-char {
width: 7%;
}
/* Weapons */
div.sheet-weapons {
margin-bottom: 5px;
}
input[type="checkbox"].sheet-display-shields:not(:checked) ~ div.sheet-display-shields {
display: none;
}
input[type="checkbox"].sheet-display-melee-weapons:not(:checked) ~ div.sheet-display-melee-weapons {
display: none;
}
input[type="checkbox"].sheet-display-missile-weapons:not(:checked) ~ div.sheet-display-missile-weapons {
display: none;
}
input[type="checkbox"].sheet-display-firearms:not(:checked) ~ div.sheet-display-firearms {
display: none;
}
div.sheet-weapons-row {
display: inline-block;
width: 97.5%;
}
div.sheet-weapon-name {
display: inline-block;
text-align: center;
width: 17.5%;
}
div.sheet-weapon-damage-mod{
display: inline-block;
text-align: center;
width: 2.5%;
}
div.sheet-weapon-damage {
display: inline-block;
text-align: center;
width: 7.5%;
}
div.sheet-weapon-button {
display: inline-block;
text-align: center;
width: 2.375%;
}
div.sheet-weapon-size {
display: inline-block;
text-align: center;
width: 4.5%;
}
div.sheet-weapon-reach {
display: inline-block;
text-align: center;
width: 5%;
}
div.sheet-weapon-force {
display: inline-block;
text-align: center;
width: 5%;
}
div.sheet-weapon-range {
display: inline-block;
text-align: center;
width: 9%;
}
div.sheet-weapon-fire-rate {
display: inline-block;
text-align: center;
width: 8%;
}
div.sheet-weapon-ammo {
display: inline-block;
text-align: center;
width: 11.75%;
}
div.sheet-weapon-load {
display: inline-block;
text-align: center;
width: 5%;
}
div.sheet-weapon-firearm-load {
display: inline-block;
text-align: center;
width: 10%;
}
div.sheet-weapon-number {
display: inline-block;
text-align: center;
width: 4%;
}
div.sheet-weapon-effects {
display: inline-block;
text-align: center;
width: 29%;
}
div.sheet-weapon-traits {
display: inline-block;
text-align: center;
width: 19.5%;
}
div.sheet-weapon-missile-effects {
display: inline-block;
text-align: center;
width: 21.75%;
}
div.sheet-weapon-missile-traits {
display: inline-block;
text-align: center;
width: 12.5%;
}
div.sheet-weapon-firearm-traits {
display: inline-block;
text-align: center;
width: 30.75%;
}
/* Skills */
div.sheet-skill {
float: left;
width: 48.5%;
margin-right: 5px;
margin-bottom: 5px;
}
div.sheet-skill2 {
float: left;
width: 100%;
margin-bottom: 5px;
}
div.sheet-skill-row {
display: inline-block;
width: 95%;
}
div.sheet-skill-name {
display: inline-block;
width: 36%;
}
div.sheet-language-name {
display: inline-block;
width: 42%;
}
div.sheet-dependency-name {
display: inline-block;
width: 36%;
}
div.sheet-passion-name {
display: inline-block;
width: 42%;
}
div.sheet-skill-checkbox {
display: inline-block;
text-align: center;
width: 5%;
}
div.sheet-skill-number {
display: inline-block;
text-align: center;
width: 12%;
}
div.sheet-skill-button {
display: inline-block;
text-align: center;
width: 5%;
}
select.sheet-skill-char {
width: 14%;
}
input.sheet-skill-char {
width: 14%;
}
/* Magic */
div.sheet-magic {
margin-bottom: 5px;
}
input[type="checkbox"].sheet-display-theism:not(:checked) ~ div.sheet-display-theism {
display: none;
}
input[type="checkbox"].sheet-display-sorcery:not(:checked) ~ div.sheet-display-sorcery {
display: none;
}
input[type="checkbox"].sheet-display-mysticism:not(:checked) ~ div.sheet-display-mysticism {
display: none;
}
input[type="checkbox"].sheet-display-animism:not(:checked) ~ div.sheet-display-animism {
display: none;
}
input[type="checkbox"].sheet-display-folk-magic:not(:checked) ~ div.sheet-display-folk-magic {
display: none;
}
div.sheet-magic-row {
display: inline-block;
width: 97.5%;
}
div.sheet-magic-name {
display: inline-block;
width: 17.5%;
}
div.sheet-magic-checkbox {
display: inline-block;
text-align: center;
width: 2.25%;
}
div.sheet-magic-number {
display: inline-block;
text-align: center;
width: 5.8125%;
}
div.sheet-magic-button {
display: inline-block;
text-align: center;
width: 2.375%;
}
textarea.sheet-magic-note {
height: 3em;
}
div.sheet-spell-row {
display: inline-block;
width: 97.5%;
}
div.sheet-spell-name {
display: inline-block;
text-align: center;
width: 17.5%;
}
div.sheet-spell-resist {
display: inline-block;
text-align: center;
width: 11%;
}
div.sheet-spell-description {
display: inline-block;
text-align: center;
width: 79%;
}
div.sheet-spell-button {
display: inline-block;
text-align: center;
width: 2.5%;
}
textarea.sheet-spell-macro {
height: 4em;
}
div.sheet-animism-number {
display: inline-block;
text-align: center;
width: 16%;
}
div.sheet-animism-spirit-ap {
display: inline-block;
text-align: center;
width: 11.5%;
}
div.sheet-animism-button {
display: inline-block;
text-align: center;
width: 2.5%;
}
div.sheet-fetish-row {
display: inline-block;
width: 100%;
}
div.sheet-fetish-name {
display: inline-block;
text-align: center;
width: 17.5%;
}
div.sheet-fetish-type {
display: inline-block;
text-align: center;
width: 11%;
}
div.sheet-fetish-description {
display: inline-block;
text-align: center;
width: 70%;
}
div.sheet-fetish-skill-column {
display: inline-block;
margin-right: 1px;
width: 33%;
}
div.sheet-fetish-skill {
display: inline-block;
width: 200px;
}
div.sheet-fetish-powers-column {
display: inline-block;
width: 66%;
}
div.sheet-mediation-number {
display: inline-block;
text-align: center;
width: 25.75%;
}
div.sheet-path-number {
display: inline-block;
text-align: center;
width: 52%;
}
div.sheet-talent-type {
display: inline-block;
text-align: center;
width: 18%;
}
div.sheet-talent-description {
display: inline-block;
text-align: center;
width: 60.5%;
}
div.sheet-invocation-intensity {
display: inline-block;
text-align: center;
width: 52%;
}
div.sheet-shaping-number {
display: inline-block;
text-align: center;
width: 25.75%;
}
div.sheet-sorceryspell-description {
display: inline-block;
text-align: center;
width: 76%;
}
div.sheet-devotion-number {
display: inline-block;
text-align: center;
width: 12.75%;
}
/* Equipment */
div.sheet-equipment {
float: left;
width: 48.5%;
margin-right: 5px;
margin-bottom: 5px;
}
div.sheet-equipment-item {
display: inline-block;
text-align: center;
width: 67%;
}
div.sheet-equipment-number {
display: inline-block;
text-align: center;
width: 15%;
}
/* Wealth */
div.sheet-wealth {
float: left;
width: 48.5%;
margin-bottom: 5px;
}
div.sheet-wealth-currency {
display: inline-block;
text-align: center;
width: 52%;
}
div.sheet-wealth-number {
display: inline-block;
text-align: center;
width: 15%;
}
div.sheet-income-label {
display: inline-block;
text-align: center;
width: 10%;
}
div.sheet-income-number {
display: inline-block;
text-align: center;
width: 13%;
}
/* Notes */
div.sheet-notes {
float: left;
width: 98.75%;
margin-bottom: 5px;
}
div.sheet-notes-column1 {
float: left;
width: 64%;
margin-right: 5px;
}
div.sheet-notes-column2 {
float: left;
width: 35.25%;
}
div.sheet-note {
margin-bottom: 5px;
}
/* Roll Templates */
.sheet-rolltemplate-skill div.sheet-header {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 120%;
}
.sheet-rolltemplate-skill div.sheet-subheader {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 75%;
}
.sheet-rolltemplate-skill div.sheet-difficulty {
width: 100%;
text-align: center;
color: black;
background: red;
font-weight: bold;
}
.sheet-rolltemplate-skill table {
width: 100%;
border: 1px solid black;
color: black;
font-weight: bold;
background: #FFFFFF;
}
.sheet-rolltemplate-skill td {
padding: 1px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-skill td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-skill .inlinerollresult {
display: inline-block;
text-align: center;
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-skill .inlinerollresult.fullcrit {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-skill .inlinerollresult.fullfail {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-skill .inlinerollresult.importantroll {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-weapon div.sheet-header {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 120%;
}
.sheet-rolltemplate-weapon div.sheet-subheader {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 75%;
}
.sheet-rolltemplate-weapon table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-weapon td {
padding: 1px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-weapon td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-weapon td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-weapon .inlinerollresult {
display: inline-block;
text-align: center;
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullfail {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-magic div.sheet-header {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 120%;
}
.sheet-rolltemplate-magic div.sheet-subheader {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 75%;
}
.sheet-rolltemplate-magic table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-magic td {
padding: 1px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-magic td.sheet-template_label {
font-weight: bold;
}
.sheet-rolltemplate-magic td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-magic .inlinerollresult {
display: inline-block;
text-align: center;
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-magic .inlinerollresult.fullcrit {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-magic .inlinerollresult.fullfail {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-magic .inlinerollresult.importantroll {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-default div.sheet-header {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 120%;
}
.sheet-rolltemplate-default div.sheet-subheader {
width: 100%;
text-align: center;
color: lightgray;
background: black;
font-size: 75%;
}
.sheet-rolltemplate-default table {
width: 100%;
border: 1px solid black;
color: black;
background: #FFFFFF;
}
.sheet-rolltemplate-default td {
padding: 1px;
border-bottom: 1px solid black;
}
.sheet-rolltemplate-default td.sheet-template_label {
font-weight: bold;
float: left;
text-align: left;
}
.sheet-rolltemplate-default td.sheet-template_value {
text-align: center;
}
.sheet-rolltemplate-default .inlinerollresult {
display: inline-block;
text-align: center;
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-default .inlinerollresult.fullcrit {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-default .inlinerollresult.fullfail {
border: 1px solid black;
background: #BEBEBE;
}
.sheet-rolltemplate-default .inlinerollresult.importantroll {
border: 1px solid black;
background: #BEBEBE;
}