.repcontrol_add, .repcontrol_edit, .repcontrol_del, .repcontrol_move { display: block; background:darkgrey; color:White; } .repcontrol_del{ font-weight: bold; color:red; } .repcontrol_move { float: right; margin-right: 5px; width: 2.5em; } button[type="roll"] { margin-left:initial; margin-right:initial; } button, button:hover, button:active { background-image: initial; } button[type="roll"] { margin: .25em .25em .25em .25em ; font-size:.8125rem; } textarea { resize: none; } h2,h3,h4,h5,h6,h7,h8,h9 { line-height:1em; margin:inherit; display:inline; font-size:.8125rem; color:inherit; } h1 { width: 100%; background: linear-gradient(to right, black , #3F83D0); color: #FFF; padding:.2em 0em 0em 0em; min-height: 1em; margin:0px 0px .5em 0px; font-size:.8125rem; line-height:1.4em; display:block; text-align:center; vertical-align:bottom; } .sheet-text-button { font-family: Arial, sans-serif; } .sheet-accessible:checked + .sheet-pf-wrapper .sheet-text-button { font-family: Verdana, Segoe UI, Garamond, Arial, sans-serif; } .sheet-text-button, button.sheet-text-button { font-size: 1rem; color: White; background-color: darkgrey; border: 0; width: 90%; text-align: left; padding: .125em .125em .125em .25em; font-weight: normal; } span.sheet-text-button { padding-left: 1.8em; } button[type=roll].sheet-text-button { border-radius: 4px; } .sheet-table { display: table; width: 100%; } .sheet-table-cell { display: table-cell; vertical-align: middle; text-align:center; padding-left:.125em; padding-right:.125em; padding-bottom:.125em; } .sheet-table-row { display: table-row; vertical-align: bottom; width:100%; overflow:hidden; border-collapse:collapse; } .sheet-table-carac { width:80%; margin-left:auto; margin-right:auto; } .sheet-table-carac-head{ border-top: 1px solid darkgrey; border-right: 1px solid darkgrey; border-left: 1px solid darkgrey; background: darkgrey; } .sheet-table-carac-head h4{ color: white; } .sheet-table-carac-label{ color: grey; } .sheet-table-carac-left{ border-left: 1px solid darkgrey; padding-left:2px; } .sheet-table-carac-right{ border-right: 1px solid darkgrey; padding-right:2px; } .sheet-table-carac-bottom{ border-bottom: 1px solid darkgrey; padding-bottom:2px; } input[type="text"], input[type="number"] { background-color: transparent; border: 0 solid darkgrey; border-bottom-width: 1px; margin-top: 1px; } input[type="text"], select { width: 100%; margin: 1px 0 0 0; } input[type="text"] { min-width:3em; } .sheet-small-label2 > input[type=number]{ width: 98%; max-width: 100%; } /* turn off spinners for firefox width:3.25em; */ input[type="number"] { -moz-appearance: textfield !important; -moz-padding-end: .5em; padding-inline-end: .5em; /* moz changes to this */ } /* set width for number input and surrounding labels */ input[type="number"], .sheet-number { min-width:2.5em; max-width:4.5em; width:auto; } /* set right align for numbers */ input[type="number"], span.sheet-number, input.sheet-number { text-align:right; } /* CHROME: hide spinner area at right when readonly or when not hovering over a number */ input[readonly]::-webkit-inner-spin-button , input.sheet-calc::-webkit-inner-spin-button , input.disabled::-webkit-inner-spin-button, input[type="number"]:not(:hover)::-webkit-inner-spin-button { -webkit-appearance: none; margin-right:0px; padding-right:.25em; } /* FIREFOX: hide spinner for all disabled/sheet-calc */ input.sheet-calc[type="number"]:hover, input.sheet-calc[type="number"]:focus, input[type="number"].sheet-calc, input[type="number"]:disabled { -webkit-appearance: none; -moz-appearance: textfield !important; -moz-padding-end:.5em !important; padding-inline-end: .5em; } .sheet-pictos { font-family: "Pictos" !important; } .sheet-table-cell span[title], .sheet-table-header[title], .sheet-small-label2 span[title] { cursor: help; } .sheet-cell-label-lg{ display:table-cell; padding: 0em 0em 0em 0em; /* no margin for table cell */ text-align:center; font-size: 1em; font-weight: bold; color: grey; height:2em; vertical-align:bottom; width:10%; /*default */ } .sheet-cell-label-lg span { width: 95%; float: right; } .sheet-cell-label-lg input, .sheet-cell-label-lg select, .sheet-cell-label-lg .sheet-calc{ box-sizing:border-box; margin:0px 1px 0px 0px; display: inline-block; width:95%; position: relative; top: -3.5em; text-align:left; color:#111111; padding:.25em 2px .25em 2px; vertical-align:top; } .sheet-table-cell { display: table-cell; vertical-align: middle; text-align:center; padding-left:.125em; padding-right:.125em; padding-bottom:.125em; } /********************************************* TABS ****************************************************/ .sheet-tabs label.sheet-tab { text-align: center; display: inline-block; background: darkgrey; color: #FFF; font-weight: bold; height: 1.4em; cursor: pointer; position: relative; vertical-align:top; font-size: 1.1em; padding:.28em .14em 0em .14em; margin-right:2px; margin-bottom:0px; vertical-align:top; border-radius: 7px 7px 0 0; /* firefox has to squeeze*/ -moz-margin-end:-2px; } .sheet-tabs label.sheet-tab input.sheet-tab { cursor: pointer; opacity: 0; z-index: 9999; width:100%; height:100%; position:absolute; left:0px; top:0px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } /* make checked tab different color */ input.sheet-tab1:checked ~ .sheet-tabs .sheet-tab1, input.sheet-tab2:checked ~ .sheet-tabs .sheet-tab2, input.sheet-tab3:checked ~ .sheet-tabs .sheet-tab3, input.sheet-tab4:checked ~ .sheet-tabs .sheet-tab4, input.sheet-tab5:checked ~ .sheet-tabs .sheet-tab5, input.sheet-tab6:checked ~ .sheet-tabs .sheet-tab6, input.sheet-tab7:checked ~ .sheet-tabs .sheet-tab7{ background: #000; color: #FFF; } /* fancy transition for pages */ input.sheet-pagetab1:checked ~ .sheet-main div.sheet-section-character.sheet-section, input.sheet-pagetab2:checked ~ .sheet-main div.sheet-section-skills.sheet-section, input.sheet-pagetab3:checked ~ .sheet-main div.sheet-section-weapons-equipments.sheet-section, input.sheet-pagetab4:checked ~ .sheet-main div.sheet-section-technology-magic.sheet-section, input.sheet-pagetab5:checked ~ .sheet-main div.sheet-section-mount.sheet-section, input.sheet-pagetab6:checked ~ .sheet-main div.sheet-section-notes.sheet-section, input.sheet-pagetab7:checked ~ .sheet-main div.sheet-section-config.sheet-section { display:block; max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; overflow: hidden; border: 1px solid darkgrey; padding: 3px; } .sheet-sect.sheet-expand .sheet-macro-text, .sheet-sect.sheet-expand .sheet-macro-text .sheet-small-label2 { height:auto; } .sheet-expand-show:checked ~ div .sheet-sect-show:checked ~.sheet-expand , .sheet-expand-show:checked ~ div .sheet-expand .sheet-expand-show:checked ~ .sheet-expand { display:none; } .sheet-sect-show:not(:checked)~.sheet-sect, .sheet-sect-show-inverse:checked~.sheet-sect-inverse{ display:none !important; } .sheet-section-character, .sheet-section-skills, .sheet-section-weapons-equipments, .sheet-section-technology-magic, .sheet-section-mount, .sheet-section-notes, .sheet-section-config { display:none; } div.sheet-h2-section { display:block; position:relative; clear:both; height:auto; width:100%; } div.sheet-h2-section { display:block;position:relative;clear:both;height:auto;width:100%; } .sheet-section-header .sheet-small-label2 { display:table-cell; padding: 0 .25em 0 .25em; vertical-align:bottom; } input.sheet-sect-show:checked ~.sheet-npc-spells.sheet-sect { display:block; max-height: 999999px; visibility: visible; opacity: 1; transition: opacity 0.5s linear 0s; overflow: hidden; } input[type="checkbox"].sheet-cssbutton, input[type="checkbox"].sheet-showbutton, input[type="checkbox"].sheet-refreshbutton, input[type="checkbox"].sheet-split-column-show, input[type="checkbox"].sheet-options-show, input[type="checkbox"].sheet-desc-show, input[type="checkbox"].sheet-repeating_ids-show, input[type="checkbox"].sheet-sect-show { opacity: 0;height: 1.5em; position: relative; top: 0; left: 0; cursor: pointer; z-index: 1; } /* added sheet-noshow to input so class can be on checkbox, instead of on a span after checkbox though ideally we'd add a class only to checkbox we want to modify */ input[type="checkbox"]:not(.sheet-noshow) + span:not(.sheet-not-sheet-show)::before { display: inline-block; content: '►'; width: 14px; height: 16px; font-size: .85em; } input[type="checkbox"].sheet-nextitem-show:checked + span { display:inline; } input[type="checkbox"].sheet-nextitem-show:checked + span::before{ content:none; } /* used often and always the same size refactor: change to em */ input[type="checkbox"].sheet-options-show{ width:70px; margin:0px -15px 0px -55px; } input[type="checkbox"].sheet-desc-show{ width:90px; margin:0px -15px 0px -75px; } input[type="checkbox"].sheet-repeating_ids-show{ width:40px; margin:0px -15px 0px -25px; } input[type="checkbox"].sheet-refreshbutton{ width:3em; margin:0px -3em 0px 0px; } input[type="checkbox"]:not(.sheet-noshow):checked + span:not(.sheet-not-sheet-show)::before { content: '▼'; } .sheet-sect-show:not(:checked)~.sheet-sect, .sheet-sect-show-inverse:checked~.sheet-sect-inverse{ display:none !important; } .sheet-hide-a , .sheet-label-a{ position:absolute; left:-1500px; font-size:5px; } /*================================================================================*/ .sheet-inline-textarea,{ height:3em; width:100%; margin: 0; resize:none; } .sheet-nontable { text-align:justify; border-collapse:collapse; } .sheet-table-name , .sheet-nontable-name { text-align: center; font-weight: bold; color:White; background-color:darkgrey; width: 100%; } .sheet-nontable-name { display: block; } .sheet-spellclassnav ~ h2.sheet-nontable-name { margin-top:0; } .sheet-nontable-name { text-align: center; font-weight: bold; color: #FFF; background: darkgrey; width: 100%; display: block; margin-bottom:1rem; line-height:20px; } .sheet-small-label2 > input[type=number]{ width: 98%; max-width: 100%; } .sheet-table-cell span[title], .sheet-table-header[title], .sheet-small-label2 span[title] { cursor: help; } .sheet-small-label2 { display: inline-block; margin: .3em .2em .3em .25em; height:3em; min-height:3em; vertical-align: top; text-align:center; position:relative; } .sheet-small-label2 span { padding: 0em .07em 0em .07em; text-align:center; font-size: .85em; font-style: italic; font-weight: bold; color:grey; position:relative; bottom:0px; } .sheet-small-label2 > * { max-width:100%; } .sheet-small-label2 > input, .sheet-small-label2 > select, .sheet-small-label2 > .sheet-calc { display:block; padding:.25em 2px .25em 2px; vertical-align:top; height:1.825em; /* otherwise defaults from base.css hardcode it too tall */ position:relative; } .sheet-small-label2 input::-moz-focus-inner { padding:0px; } /* chrome displays checkbox height incorrectly and all the way to the left because 1.825em throws it off */ .sheet-small-label2 > input[type="checkbox"], .sheet-small-label2 > input[type="radio"] { -webkit-logical-height:initial; -webkit-margin-before:.8em; width:100%; } .sheet-table-name + .sheet-table-group .sheet-small-label2 { margin-top:1.25em; } .sheet-number, .sheet-small-label2.sheet-number { width:3.5em; } div.sheet-divbox{ border:1px solid black; } div.sheet-header{ background-color:darkgrey; height:30px; color: white; font-weight:bold; line-height:30px; font-size:13px; width:98%; } .sheet-text-center{ text-align:center; } .sheet-rTable { display: table; width: 100%; font-size:11px; } .sheet-rTableRow { display: table-row; } .sheet-rTableCell, .sheet-rTableHead { display: table-cell; padding: 3px 10px; } .sheet-divbox-skill .sheet-rTableCell { padding: 3px 3px; } .sheet-border-left{ border-left:1px solid grey; } /***********************repeating item counter ************************************/ .sheet-repeating-fields { counter-reset: sheet-rep-items -1; } /* do not allow user to click when minimized */ .sheet-minimize-show:checked ~ .sheet-lock-show, .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted , .sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-counted, .sheet-lock-show:checked ~ .sheet-repeating-fields .sheet-showsect { pointer-events: none; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted:checked + span::before, .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-counted + span::before, .sheet-counted + span::before { counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. ►' !important; width: auto !important; color:Black; } .sheet-counted:checked + span::before { counter-increment: sheet-rep-items; content: counter(sheet-rep-items) '. ▼' !important; width: auto !important; } /* inside table */ .sheet-counted , .sheet-counted.sheet-sect-show { position:absolute; left:.5em; top:.5em; width:2.5em; padding:0px; } .sheet-counted + span { position:relative; width:3em; margin-left:-2em; } .sheet-counted + span.sheet-table-cell { vertical-align:top; padding-top:.25em; } .sheet-nontable-repeating .sheet-counted , .sheet-nontable-repeating .sheet-counted.sheet-sect-show , .sheet-nontable-repeating .sheet-counted + span { display:inline-block; position:relative; vertical-align:middle; } .sheet-repeating-rollbutton { width:2em; } .sheet-nontable-repeating .sheet-repeating-rollbutton button { position:relative; margin-left:0px; } .sheet-split-column-show:not(:checked) ~ .sheet-repeating-fields .repitem { clear:both; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem { width:50%; display:inline-block; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:nth-child(odd), .sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:first-child(odd){ float:left; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .repitem:nth-child(even){ float:right; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-small-label2, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2, .sheet-counted:not(:checked) ~ .sheet-small-label2 { margin-left:0px; margin-right:2px; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2 { height:auto; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-small-label2 span { margin:0 -.2em 0 -.2em; padding:0; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vlong, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vlong { width:10em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-long, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-long, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-long { width:8.75em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-med, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-med, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-med { width:7em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-short, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-short, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-short { width:5em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-small, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-small, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-small { width:4em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vshort, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vshort, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vshort { width:3.5em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-vvshort, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-vvshort, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-entry-vvshort { width:2em; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-small-label2.sheet-space-right-collapse, .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-linked-fields.sheet-space-right-collapse, .sheet-counted:not(:checked) ~ .sheet-small-label2.sheet-space-right-collapse, .sheet-counted:not(:checked) ~ .sheet-linked-fields.sheet-space-right-collapse { margin-right:1.25em; } .sheet-small-label2.sheet-entry-vvshort { width:3em; } .sheet-small-label2.sheet-entry-vshort { width:4.5em; } .sheet-small-label2.sheet-entry-small { width:5em; } .sheet-small-label2.sheet-entry-med { width:8em; } .sheet-small-label2.sheet-entry-long { width:10em; } .sheet-small-label2.sheet-entry-vlong { width:12em; } .sheet-small-label2.sheet-space-right-collapse { margin-right:2em; } .sheet-entry-25p { width:25%; } .sheet-entry-25p-shrink { width:25%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink , .sheet-counted:not(:checked) ~ .sheet-entry-25p-shrink { width:40%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p, .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-25p-shrink { width:35%; } .sheet-entry-20p-shrink { width:20%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-20p-shrink , .sheet-counted:not(:checked) ~ .sheet-entry-20p-shrink { width:15%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-20p-shrink { width:25%; } .sheet-entry-15p-shrink { width:15%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-15p-shrink, .sheet-counted:not(:checked) ~ .sheet-entry-15p-shrink { width:10%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-15p-shrink { width:20%; } .sheet-entry-12p-shrink { width:12%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-12p-shrink , .sheet-counted:not(:checked) ~ .sheet-entry-12p-shrink { width:9%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-12p-shrink { width:15%; } .sheet-entry-10p-shrink { width:10%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink, .sheet-counted:not(:checked) ~ .sheet-entry-10p-shrink { width:8%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-10p-shrink { width:12%; } .sheet-entry-8p { width:8%; } .sheet-entry-8p-shrink { width:8%; } .sheet-minimize-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink, .sheet-counted:not(:checked) ~ .sheet-entry-8p-shrink { width:6%; } .sheet-split-column-show:checked ~ .sheet-repeating-fields .sheet-entry-8p-shrink { width:10%; } /******* end of generic repeating items ********/ .sheet-footer { text-align: center; font-size: .75rem; background-color: #FFF8DC; border: 1px #000 solid; border-radius: 3px; } .repcontainer .repitem,.sheet-repeating-sect .repitem { padding: 2px 4px 1px 0px; margin: 2px 0 4px 0; border: 2px solid #CCCCCC; border-radius: 7px; vertical-align:top; overflow: hidden; display: block; width:100%; } .repcontainer.editmode + .repcontrol { margin-bottom:3em; } .repcontainer.editmode .repitem .itemcontrol { z-index:3; background-color:rgba(220,220,220,0.40); } .sheet-repeating-sect { position:relative; } /* ROLL TEMPLATES */ .sheet-rolltemplate-hm_weapons, .sheet-rolltemplate-hm_skill, .sheet-rolltemplate-hm_ability, .sheet-rolltemplate-hm_macro { box-sizing: border-box; } .sheet-rolltemplate-hm_weapons .sheet-roll-table, .sheet-rolltemplate-hm_skill .sheet-roll-table, .sheet-rolltemplate-hm_ability .sheet-roll-table, .sheet-rolltemplate-hm_macro .sheet-roll-table { width: 100%; display: table; font-family: cursive; border: 2px solid grey; border-spacing: 0; border-collapse: separate; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000; box-shadow: 2px 2px 5px #000; line-height: 25px; } .sheet-rolltemplate-hm_weapons .sheet-roll-table .sheet-rounded, .sheet-rolltemplate-hm_skill .sheet-roll-table .sheet-rounded, .sheet-rolltemplate-hm_ability .sheet-roll-table .sheet-rounded, .sheet-rolltemplate-hm_macro .sheet-roll-table .sheet-rounded { border-radius: 5px; } .sheet-rolltemplate-hm_weapons .sheet-roll-header, .sheet-rolltemplate-hm_skill .sheet-roll-header, .sheet-rolltemplate-hm_ability .sheet-roll-header, .sheet-rolltemplate-hm_macro .sheet-roll-header { display: table-row-group; width: 100%; overflow: hidden; caption-side: top; width: 100%; background-color: grey; font-weight: bold; } .sheet-rolltemplate-hm_weapons .sheet-roll-header a , .sheet-rolltemplate-hm_skill .sheet-roll-header a , .sheet-rolltemplate-hm_ability .sheet-roll-header a, .sheet-rolltemplate-hm_macro .sheet-roll-header a { text-decoration: underline; } .sheet-rolltemplate-hm_weapons .sheet-roll-row, .sheet-rolltemplate-hm_skill .sheet-roll-row , .sheet-rolltemplate-hm_ability .sheet-roll-row , .sheet-rolltemplate-hm_macro .sheet-roll-row { width: 100%; overflow: hidden; background-color: whitesmoke; } .sheet-rolltemplate-hm_weapons .sheet-roll-row:nth-child(even), .sheet-rolltemplate-hm_skill .sheet-roll-row:nth-child(even), .sheet-rolltemplate-hm_ability .sheet-roll-row:nth-child(even), .sheet-rolltemplate-hm_macro .sheet-roll-row:nth-child(even){ background-color: #B7B7B7; } .sheet-rolltemplate-hm_weapons .sheet-roll-cell, .sheet-rolltemplate-hm_skill .sheet-roll-cell , .sheet-rolltemplate-hm_ability .sheet-roll-cell, .sheet-rolltemplate-hm_macro .sheet-roll-cell { padding: 1px 1px 1px 5px; text-align: left; width: 100%; } .sheet-rolltemplate-hm_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell, .sheet-rolltemplate-hm_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell , .sheet-rolltemplate-hm_ability .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell, .sheet-rolltemplate-hm_macro .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell { font-size: .9em; width: 24%; float: right; text-align: right; display: inline; padding: 1px 1px 1px 5px; vertical-align: bottom; } .sheet-rolltemplate-hm_weapons .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child, .sheet-rolltemplate-hm_skill .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child, .sheet-rolltemplate-hm_ability .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child, .sheet-rolltemplate-hm_macro .sheet-roll-group2 .sheet-roll-row .sheet-roll-cell:first-child { width: 69%; float: left; text-align: left; padding: 3px 2px 1px 4px; } .sheet-rolltemplate-hm_weapons .inlinerollresult, .sheet-rolltemplate-hm_skill .inlinerollresult, .sheet-rolltemplate-hm_ability .inlinerollresult, .sheet-rolltemplate-hm_macro .inlinerollresult { background-color: lightgrey; border: 2px solid grey; } .sheet-rolltemplate-hm_weapons .inlinerollresult.fullcrit, .sheet-rolltemplate-hm_skill .inlinerollresult.fullcrit, .sheet-rolltemplate-hm_ability .inlinerollresult.fullcrit, .sheet-rolltemplate-hm_macro .inlinerollresult.fullcrit { color: #FFF; background-color: #3FB315; } .sheet-rolltemplate-hm_weapons .inlinerollresult.fullfail, .sheet-rolltemplate-hm_skill .inlinerollresult.fullfail , .sheet-rolltemplate-hm_ability .inlinerollresult.fullfail, .sheet-rolltemplate-hm_macro .inlinerollresult.fullfail { color: #FFF; background-color: #B31515; } .sheet-rolltemplate-hm_weapons .inlinerollresult.importantroll, .sheet-rolltemplate-hm_skill .inlinerollresult.importantroll, .sheet-rolltemplate-hm_ability .inlinerollresult.importantroll , .sheet-rolltemplate-hm_macro .inlinerollresult.importantroll { color: #FFF; background-color: #4A57ED; } .sheet-rolltemplate-hm_weapons .sheet-roll-text-white, .sheet-rolltemplate-hm_skill .sheet-roll-text-white, .sheet-rolltemplate-hm_ability .sheet-roll-text-white, .sheet-rolltemplate-hm_macro .sheet-roll-text-white { color:white; } .sheet-rolltemplate-hm_weapons .sheet-roll-text-12px, .sheet-rolltemplate-hm_skill .sheet-roll-text-12px, .sheet-rolltemplate-hm_ability .sheet-roll-text-12px, .sheet-rolltemplate-hm_macro .sheet-roll-text-12px { font-size: 12px; } .sheet-rolltemplate-hm_weapons .sheet-roll-text-right, .sheet-rolltemplate-hm_skill .sheet-roll-text-right, .sheet-rolltemplate-hm_ability .sheet-roll-text-right, .sheet-rolltemplate-hm_macro .sheet-roll-text-right { text-align:right; } .repcontrol_add::before { content: '&'; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid #000; border-radius: 2px; font-size: 1rem; padding: 2px 4px 2px 4px; color: #000; } .repcontrol .repcontrol_edit:after { content: 'W'; visibility: visible; font-family: pictos; background-color: #fff; border: 1px solid #000; border-radius: 2px; font-size: 1rem; padding: 2px 3px 2px 3px; color: #000; margin-left: -3em; } .editmode ~ .repcontrol .repcontrol_edit:after { content: '3'; } .repcontrol_edit:hover:before, .repcontrol_edit:hover:after, .repcontrol_add:hover:before { background-color: #EFEFEF; } .repcontrol .btn { border: medium none; color: transparent !important; background: none; box-shadow: none; } .repcontrol .btn:focus { outline: 0; } .repcontrol_add, .repcontrol_edit { display: block; background: none; color: transparent !important; border: none; box-shadow: none; } .repcontrol_del, .repcontrol_move { display: block; background: darkgrey; color: White !important; border: none; box-shadow: none; width: 2em; } .repcontrol_move { float: right; margin-right: 5px; }