@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap'); @font-face { font-family: 'Bree Serif', serif; } .sheet-main { margin: 0 auto; font-family: 'Bree Serif', serif; font-size: 16px; color: #424F66; display: grid; width: 940px; background-repeat: no-repeat; background-size: cover; column-gap: 22px; /*background-color: #f7f5f6*/ background-color: #FFFFFF; } .sheet-main input, .sheet-main textarea, .sheet-main select { outline: none !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; border-radius: 0 !important; /*border:none;*/ border: 1px solid #424F66; background: transparent; } .sheet-header-global { border: 3px solid #424F66; margin: 50px 10px 10px 10px; font-family: 'Bree Serif', serif !important; } .sheet-header-global input { border: none; background-color: rgb(222, 229, 255); font-family: 'Bree Serif', serif !important; } .sheet-header-left{ float:left; width: 42%; padding: 10px; background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/logo.png"); background-repeat: no-repeat; background-size: 50%; margin-top: -50px; margin-left: -50px; padding-right: 25px; } .sheet-header-middle{ float:left; width: 40%; } .sheet-proficiency{ font-size: 25px !important; font-weight: bolder; background-color: white !important; font-family: 'Bree Serif', serif !important; text-align: center; } .sheet-header-right{ float:left; width: 18%; padding-left: 15px; padding: 5px 0px 5px 10px; text-align: center; } .sheet-header-right-stats > div { float:left; width: 50%; } .sheet-header-logo{ width: 0px; height: 0px; margin-top: -50px; margin-left: -20px; } .sheet-header-name{ display: inline-block; width: 100%; text-align: right; margin-top: 50px; } .sheet-header-name-input{ display: inline-block; text-align: center; float: right; margin-top: 18px !important; width: 167px; font-size: 20px !important; } .sheet-header-pronoums{ display: inline-block; width: 80%; text-align: center; margin-top: 50px; margin-left: 100px; } .sheet-header-pronoums-input{ display: inline-block; width: 135px; border-bottom: 3px solid #424F66 !important; } .sheet-header-line-inputs{ margin-top: 10px; border-bottom: 3px solid #424F66; } .sheet-header-middle-input-level{ width: 7%; margin-right: 0.5%; } .sheet-header-middle-input-class{ width: 25%; margin-right: 1%; } .sheet-header-level-input-class{ width: 23%; margin-right: 1%; } .sheet-header-middle-input{ width: 30%; margin-right: 3.2%; } .sheet-header-middle-last-input{ width: 30%; } .sheet-header-trail-input{ width: 62.7%; } .sheet-header-total-input{ width: 100%; margin-right: 3.2%; } .sheet-header-right-input{ width: 55px; height: 55px !important; margin-right: 3.2%; font-size: 25px !important; text-align: center; } .sheet-header-line-label{ width: 100%; } .sheet-header-line-label span{ width: 30%; display: inline-block; text-align: center; margin-right: 2.2%; } .sheet-header-line-label-total{ width: 100%; } .sheet-header-line-label-total span{ width: 100%; display: inline-block; text-align: center; margin-right: 3.2%; } .sheet-header-line-last-label{ margin-right: 0px !important; } .sheet-character-attributes{ /*display: grid; grid-template-columns: 64% 34%; column-gap: 2%;*/ } .sheet-textbox-div > input, .sheet-textbox-div > textarea{ width: 100%; overflow: none; resize: none; } .sheet-attributes{ height: 160px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Skyfall/imgs/atributos.png?raw=true"); background-repeat: no-repeat; background-size: 100%; margin-left: -10px; float:left; width: 65%; } .sheet-attributes span b{ font-family: 'dicefontd20'; } .sheet-face-skills{ float: right; width: 34%; } .sheet-attribute-name{ width: 92.7%; padding-top: 15px; margin-left: 4.2% } .sheet-attribute-name button, .sheet-skills-body button{ font-size: unset !important; font-weight: unset !important; line-height: unset !important; border: none; background: transparent; } .sheet-skills-body button{ pointer-events: none; } .sheet-skills-body select{ font-size: 10px; margin: 0; border-top: 0; border-left: 0; border-right: 0; line-height: 10px; height: 19px; } .sheet-attribute-save-check{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sheet-attribute-save-check:checked { background-color: #424F66 !important; } .sheet-skills-body input[type=checkbox]{ background-color: #c9d1d7; border: none; width: 18px; height: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sheet-skills-body div input:first-child{ width: 12px; height: 12px; } .sheet-skills-body input[type=checkbox]:checked{ background-color: #424F66 !important; } .sheet-attribute-name label{ width: 14%; margin-right: 2.5%; display: inline-block; text-align: center; cursor: pointer; color: #222b54; padding: 0px; margin-top: 3px; margin-bottom: 7px; } .sheet-attribute-name-last{ margin-right: 0px !important; } .sheet-attribute-value{ width: 92.7%; margin-left: 4.2% } .sheet-attribute-input{ width: 50px; margin-right: 29px; display: inline-block; text-align: center; font-size: 36px !important; border: none !important; margin-left: 15px; } .sheet-attribute-last-input{ margin-right: 0px !important; margin-left: 15px; } .sheet-attribute-save-checks{ width: 92.7%; margin-left: 3.1%; margin-top: 2px; position: relative; z-index: 2; } .sheet-attribute-save-check{ margin-right: 73px !important; width: 23px !important; background-color: #fff !important; margin-top: -2px !important; margin-left: -2px !important; height: 23px !important; } .sheet-attribute-save-last-check{ margin-right: 0px !important; } .sheet-attribute-save-values{ width: 92.7%; margin-top: -15px; margin-left: 4.2%; position: relative; z-index: 1; } .sheet-attribute-save-value{ width: 50px; margin-right: 35px; display: inline-block; text-align: center; font-size: 30px !important; border: none !important; margin-left: 11px; } .sheet-attribute-save-last-value{ margin-right: 0px !important; margin-left: 5px; } .sheet-main-column-left-collumn{ float: left; width: 47%; margin-top:10px; } .sheet-main-column-right-collumn{ float: left; width: 53%; margin-top:10px; } .sheet-skills-and-languages{ margin-top:10px; } .sheet-skills{ width: 100%; height: 576px; background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Skyfall/imgs/pericias.png?raw=true"); background-repeat: no-repeat; background-size: 100% 100%; margin-left: -10px; } .sheet-skills{ font-size: 14px; } .sheet-skills-header { width: 238px; margin-left: 25px; top: 20px; position: relative; } .sheet-skills-header input{ border: 1px solid black; width: 40px; height: 40px; background-color: #c9d1d7; } .sheet-skills-header span{ border: 1px solid black; background-color: white; padding: 3px 8px 3px 9px; position: relative; top:8px; } .sheet-skills-body span{ color: #c9d1d7; } .sheet-active-element { color: gold; } .sheet-skills-body button::before{ background-image:none; content: none !important; } .sheet-skills-active button{ pointer-events: unset !important; } .sheet-skills-active{ box-shadow: 0px 0px 10px 10px #FFE8AE !important; } .sheet-skills-active span{ color: #424F66; cursor: pointer; } .sheet-skills-body select{ width: 53%; } .sheet-skills-body .sheet-big-check{ height: 20px; width: 20px; } .sheet-skills-body{ border: 1px solid black; background-color: white; padding: 3px; width: 230px; margin-left: 25px; margin-top: 30px; } .sheet-skills-body div { margin: 2px 0px 2px 0px; } .sheet-language{ background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/languages.png"); width: 100%; background-repeat: no-repeat; background-size: 100% 100%; margin-left: -10px; height: 333px; margin-top: 10px; } .sheet-language-intern{ padding: 25px 20px; } .sheet-language span{ font-size: 12px; display: block; width: 100%; text-align: center; } .sheet-language textarea{ width: 258px; margin-left: 15px; height: 240px; resize: none; } .sheet-init-health{ background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/health-points.png"); width: 100%; background-repeat: no-repeat; background-size: 100%; margin-left: -10px; padding: 8px 0px 8px 0px; height: 330px; margin-top: 10px; } .sheet-initiative{ display: grid; grid-template-columns: 80px 80px 103px; column-gap: 10px; margin-left:20px; margin-bottom:20px; } .sheet-initiative > div { text-align: center; margin-top: -3px; } .sheet-initiative span{ font-size: 8px; top: -2px; position: relative; } .sheet-initiative .sheet-big-box{ width: 60px; height: 60px !important; margin-top: -3px; margin-left: 3px; } .sheet-initiative .sheet-small-box{ width: 85px; margin-top: -19px; height: 20px !important; } .sheet-health-and-dices > div{ display: grid; grid-template-columns: 100px 50px 100px; text-align: center; column-gap: 15px; row-gap: 15px; margin-left: 21px; } .sheet-health-and-dices span{ font-size: 10px; display: block; } .sheet-health-and-dices .sheet-big-box{ width: 60px; height: 60px !important; } .sheet-health-and-dices .sheet-small-box{ width: 30px; height: 30px; margin-top: 13px; } .sheet-health-and-dices .sheet-bottom-box{ margin-top: 25px; } .sheet-bottom-box .sheet-small-box{ margin-top: 5px; } .sheet-shadow-death{ background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/shadow-save.png"); width: 100%; background-repeat: no-repeat; background-size: 100% 100%; margin-left: -10px; height: 160px; display: grid; grid-template-columns: 48% 48%; column-gap: 4%; text-align: center; } .sheet-shadow-death div{ padding: 37px 10px 0px 10px; } .sheet-shadow-death span{ color: white; font-size: 14px; } .sheet-shadow-death input{ background-color: #c9d1d7 !important; border: none; width: 18px; height: 18px !important; margin-left: 5px; margin-right: 5px; margin-top: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sheet-death-input-margin{ margin-top: 22px !important; } .sheet-shadow-death .sheet-shadow-input:checked, .sheet-shadow-death input:checked{ background-color: black !important; } .sheet-death-input-margin:checked{ /*background-color: black;*/ background-image: url("https://github.com/Roll20/roll20-character-sheets/blob/master/Skyfall/imgs/death.png?raw=true"); background-size: 100%; } .sheet-attacks{ background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-start.png"); width: 100%; background-repeat: no-repeat; background-size: 100%; margin-left: -10px; } .sheet-attacks .repcontrol{ background-image: url("https://raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-end.png"); background-repeat: no-repeat; background-size: 100%; height: 40px; width: 93%; background-size: 325px; margin-top: -14px; padding: 10px 20px 0px 24px; background-repeat: no-repeat; } .sheet-character-background{ background-color: #c9d1d7; width: 100%; background-repeat: no-repeat; background-size: 100%; margin-left: -10px; } .sheet-textbox-div { border: 2px solid black; background-color: white; width: 250px; margin-left: 21px; margin-top: 18px; height: 173px; padding-top: 5px; } .sheet-textbox-div div { width: 98%; display: flex; justify-content: space-between; } .sheet-textbox-div span { margin-left: 3px; } .sheet-textbox-div input { width: 100%; } .sheet-textbox-div textarea{ width: 233px; height: 130px; margin: 3px; } .sheet-character-background .sheet-textbox-div { background-color: #424f66; height: 260px; width: 264px; } .sheet-character-background .sheet-textbox-div textarea{ background-color: #f1ede7; width: 245px; height: 210px; } .sheet-character-background .sheet-textbox-div input{ background-color: #f1ede7; font-size: 17px; font-family: 'Bree Serif', serif; } .sheet-character-background .sheet-textbox-div button{ background-color: transparent; color: white; background-image: none; border: none; box-shadow: none; } .sheet-equipment .sheet-textbox-div { border: 2px solid black; background-color: white; width: 200px !important; margin-left: 21px; margin-top: 18px; height: 90%; padding-top: 5px; } .sheet-equipment .sheet-equip-name { width: 62%; margin-left: 3px; border: 2px solid #424f66; font-family: 'Bree Serif', serif; } .sheet-equip-type{ width: 35%; border: 2px solid #424f66; font-family: 'Bree Serif', serif; height: 30px; margin-bottom: 0px; } .sheet-equipment .sheet-equip-vol, .sheet-equipment .sheet-equip-frag { width: 23%; } .sheet-equipment .sheet-equip-name::placeholder, .sheet-equipment .sheet-equip-vol::placeholder, .sheet-equipment .sheet-equip-frag::placeholder, .sheet-equipment .sheet-equip-rd::placeholder { font-weight: bold; } .sheet-equipment .sheet-textbox-div textarea{ width: 183px !important; height: 130px; margin: 3px; } .sheet-equipment .sheet-equip-rd { margin-left: 3px; width: 97%; } /* Navigation */ .sheet-hiddenelement { display:none !important; } .sheet-main .sheet-navigation-tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDDDDD } .sheet-main .sheet-navigation-tabs label { position: relative; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 5px 0 0 0; box-shadow: 0 2px 2px rgba(0,0,0,.4); border: 1px solid #DDDDDD; } .sheet-main .sheet-navigation-tabs label:hover, .sheet-main .sheet-navigation-tabs label:hover::after, .sheet-main .sheet-navigation-tabs label:focus, .sheet-main .sheet-navigation-tabs label:focus::after { background: #fff; } .sheet-main .sheet-navigation-tabs label:focus { outline: 0; } .sheet-main .sheet-navigation-tabs label::after { content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); box-shadow: 2px 2px 2px rgba(0,0,0,.4); transform: skew(10deg); border-radius: 0 5px 0 0; } .sheet-main .sheet-navigation-tabs label, .sheet-main .sheet-navigation-tabs label::after { background: #fff; z-index: 3; } .sheet-switch-selected::after { background: #424F66 !important; z-index: 3; } .sheet-main .sheet-navigation-tabs > input{ width: 50px; height: 12px; font-size: 7px; line-height: 12px; text-align: center; color: #969696; padding: 0; margin: 0; border: 0; outline: none } /* The switch - the box around the slider */ .sheet-switch { position: relative; display: inline-block; height: 25px !important; margin-bottom: 0px !important; width: 120px !important; text-align: center; padding: 0px !important; } /* Hide default HTML checkbox */ .sheet-switch input { display: none; opacity: 0; width: 0; height: 0; } .sheet-character-attributes-tab{ width: 105px !important; } .sheet-character-characteristics-tab{ width: 160px !important; } .sheet-character-equipment-tab{ width: 140px !important; } .sheet-character-actions-tab{ width: 170px !important; } .sheet-character-spells-tab{ width: 85px !important; } /* The slider */ .sheet-slider { cursor: pointer; height: 20px !important; -webkit-transition: .4s; transition: .4s; line-height: 21px !important; } .sheet-switch-selected { /*background-color: #C9D1D7 !important;*/ background-color: #424F66 !important; /*background-color: #222b54 !important;*/ color: white !important; } input:focus + .sheet-slider { box-shadow: 0 0 1px #222b54; color: white; } input:checked + .sheet-slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } .sheet-character-actions, .sheet-character-spells, .sheet-character-equipment{ background-color: #c9d1d7; padding: 10px; } .sheet-actions, .sheet-spells, .sheet-equipment { width: 95%; margin: 15px 0px 15px 0px; } .sheet-spells-atributes { display: grid; grid-template-columns: 45% 45%; grid-column-gap: 10%; margin-bottom: 20px; } .sheet-spells-atributes select, .sheet-spells-atributes input { background-color:white; } .sheet-character-equipment { display: grid; grid-template-columns: 100%; column-gap: 2.5%; } .sheet-character-equipment .sheet-money-others{ display: grid; grid-template-columns: 35% 35% 25%; column-gap: 2.5%; } .sheet-character-equipment .sheet-money-others .sheet-money{ text-align: center; background-color: white; padding: 5px; border: 2px solid #424f66; } .sheet-character-equipment .sheet-money-others .sheet-money input { width: 100%; border: 2px solid #424f66; } .sheet-character-equipment .sheet-money-others .sheet-number-slots, .sheet-character-equipment .sheet-money-others .sheet-magic-volumes{ text-align: center; border: 2px solid #424f66; background-color: white; } .sheet-character-equipment .sheet-money-others .sheet-number-slots .sheet-slots-header, .sheet-character-equipment .sheet-money-others .sheet-magic-volumes .sheet-fragment-header { border-bottom: 2px solid #424f66; font-size: 20px; } .sheet-character-equipment .sheet-money-others .sheet-number-slots .sheet-slots{ display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; } .sheet-character-equipment .sheet-money-others .sheet-magic-volumes .sheet-fragments{ display: grid; grid-template-columns: 47.5% 47.5%; grid-column-gap: 5%; } .sheet-character-equipment .sheet-money-others .sheet-number-slots .sheet-slots input, .sheet-character-equipment .sheet-money-others .sheet-magic-volumes .sheet-fragments input{ width: 100%; height: 100px; border: none; text-align: center; font-size: 45px; font-family: 'Bree Serif', serif; -webkit-appearance: none; -moz-appearance: textfield; } .sheet-character-equipment .sheet-money-others .sheet-number-slots .sheet-slots div, .sheet-character-equipment .sheet-money-others .sheet-magic-volumes .sheet-fragments div{ border-right: 2px solid #424f66; } .sheet-actions .repcontainer[data-groupname="repeating_actions"], .sheet-spells .repcontainer[data-groupname="repeating_spells"], .sheet-equipment .repcontainer[data-groupname="repeating_equipment"], .repcontainer[data-groupname="repeating_descritoractions"], .repcontainer[data-groupname="repeating_descritorspells"] { display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; } .sheet-characteristics-base, .sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"] { display: grid; grid-template-columns: 33% 33% 33%; grid-column-gap: 1%; } .sheet-actions .repcontainer[data-groupname="repeating_actions"] .sheet-tipoacao, .sheet-spells .repcontainer[data-groupname="repeating_spells"] .sheet-tipoacao, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"] .sheet-tipoacao { height: 30px !important; } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]{ margin-bottom: 15px; } .sheet-actions .repcontainer[data-groupname="repeating_actions"] .itemcontrol, .sheet-spells .repcontainer[data-groupname="repeating_spells"] .itemcontrol, .sheet-equipment .repcontainer[data-groupname="repeating_spells"] .itemcontrol, .sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"] .itemcontrol { z-index: 99; font-family: 'Pictos' } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem, .sheet-characteristics .repcontainer[data-groupname="repeating_characteristics"] >.repitem { width: 100% } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell { position: relative; display: grid; margin-bottom: 5px; column-gap: 5px; grid-template-columns: 30px 170px 30px 1px 14px; row-gap: 5px; width: 100%; background-color: #424f66; border-right: 37px solid #424f66; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell input, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell select, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell input, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell select { width: 100%; background-color: white; border: 0; font-size: 13px; border: 1px solid 535353; margin-bottom: 0px; height:30px; } .repcontainer[data-groupname="repeating_descritoractions"] input, .repcontainer[data-groupname="repeating_descritorspells"] input, .sheet-descriptor-input{ border: 1px solid black !important; border-radius: 15% !important; } .repcontainer[data-groupname="repeating_modificationspells"] input{ margin-bottom: 5px !important; } .repcontainer[data-groupname="repeating_modificationspells"] textarea, .sheet-modificator-textarea, .sheet-effect-textarea{ margin-top:5px; resize: none !important; width: 240px !important; } .sheet-equipment .sheet-container-equipment{ background-color: white; padding: 5px; border: 2px solid #424f66; margin-bottom: 7px; } .sheet-actions .sheet-container-single-spell .sheet-buttonspell, .sheet-spells .sheet-container-single-spell .sheet-buttonspell, .sheet-equipment .sheet-container-equipment .sheet-buttonspell{ background-color: transparent !important; color: white !important; display: flex !important; justify-content: center !important; align-items: center !important; font-size: 20px !important; border: 0 !important; cursor: pointer !important; text-shadow: none !important; background-image: none !important; } .sheet-actions .sheet-buttonspell:hover, .sheet-spells .sheet-buttonspell:hover, .sheet-equipment .sheet-buttonspell:hover { color: #242424 } .sheet-actions .sheet-buttonspell:active, .sheet-spells .sheet-buttonspell:active, .sheet-equipment .sheet-buttonspell:active { font-size: 18px } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox { width: 20px; height: 20px; border: 0; padding: 0; margin: 0; position: relative; top: 6px; right: -34px; opacity: 0; z-index: 2; cursor: pointer } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-two, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-three, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-four, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-five{ position: relative; left:80px; top: -30px; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox:checked~.sheet-extra { display: grid; background-color: #c9d1d7;; padding: 5px; } /*1 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal:checked+.sheet-extra-internal, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal:checked+.sheet-extra-internal, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal:checked+.sheet-extra-internal, /*2 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-two:checked+.sheet-extra-internal-two, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-two:checked+.sheet-extra-internal-two, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-two:checked+.sheet-extra-internal-two, /*3 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-three:checked+.sheet-extra-internal-three, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-three:checked+.sheet-extra-internal-three, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-three:checked+.sheet-extra-internal-three, /*4 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-four:checked+.sheet-extra-internal-four, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-four:checked+.sheet-extra-internal-four, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-four:checked+.sheet-extra-internal-four, /*5 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-five:checked+.sheet-extra-internal-five, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-five:checked+.sheet-extra-internal-five, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-five:checked+.sheet-extra-internal-five, /*6 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-six:checked+.sheet-extra-internal-six, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-six:checked+.sheet-extra-internal-six, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-six:checked+.sheet-extra-internal-six, /*7 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-seven:checked+.sheet-extra-internal-seven, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-seven:checked+.sheet-extra-internal-seven, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-seven:checked+.sheet-extra-internal-seven, /*8 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-eigth:checked+.sheet-extra-internal-eigth, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-eigth:checked+.sheet-extra-internal-eigth, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-eigth:checked+.sheet-extra-internal-eigth, /*9 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-nine:checked+.sheet-extra-internal-nine, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-nine:checked+.sheet-extra-internal-nine, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-nine:checked+.sheet-extra-internal-nine, /*10 repeating*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-ten:checked+.sheet-extra-internal-ten, .sheet-character-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox-internal-ten:checked+.sheet-extra-internal-ten, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal-ten:checked+.sheet-extra-internal-ten { display: contents !important; background-color: #c9d1d7;; padding: 5px; } .sheet-hiddencheckbox-internal:checked + .sheet-extra-internal + .sheet-sigilo-label-two, .sheet-hiddencheckbox-internal-two:checked + .sheet-extra-internal-two + .sheet-sigilo-label-three, .sheet-hiddencheckbox-internal-three:checked + .sheet-extra-internal-three + .sheet-sigilo-label-four, .sheet-hiddencheckbox-internal-four:checked + .sheet-extra-internal-four + .sheet-sigilo-label-five, .sheet-hiddencheckbox-internal-five:checked + .sheet-extra-internal-five + .sheet-sigilo-label-six, .sheet-hiddencheckbox-internal-six:checked + .sheet-extra-internal-six + .sheet-sigilo-label-seven, .sheet-hiddencheckbox-internal-seven:checked + .sheet-extra-internal-seven + .sheet-sigilo-label-eigth, .sheet-hiddencheckbox-internal-eigth:checked + .sheet-extra-internal-eigth + .sheet-sigilo-label-nine, .sheet-hiddencheckbox-internal-nine:checked + .sheet-extra-internal-nine + .sheet-sigilo-label-ten{ display: inline-block !important; } .sheet-hiddencheckbox-internal:checked + .sheet-extra-internal + .sheet-sigilo-label-two + .sheet-hiddencheckbox-internal-two, .sheet-hiddencheckbox-internal-two:checked + .sheet-extra-internal-two + .sheet-sigilo-label-three + .sheet-hiddencheckbox-internal-three, .sheet-hiddencheckbox-internal-three:checked + .sheet-extra-internal-three + .sheet-sigilo-label-four + .sheet-hiddencheckbox-internal-four, .sheet-hiddencheckbox-internal-four:checked + .sheet-extra-internal-four + .sheet-sigilo-label-five + .sheet-hiddencheckbox-internal-five, .sheet-hiddencheckbox-internal-five:checked + .sheet-extra-internal-five + .sheet-sigilo-label-six + .sheet-hiddencheckbox-internal-six, .sheet-hiddencheckbox-internal-six:checked + .sheet-extra-internal-six + .sheet-sigilo-label-seven + .sheet-hiddencheckbox-internal-seven, .sheet-hiddencheckbox-internal-seven:checked + .sheet-extra-internal-seven + .sheet-sigilo-label-eigth + .sheet-hiddencheckbox-internal-eigth, .sheet-hiddencheckbox-internal-eigth:checked + .sheet-extra-internal-eigth + .sheet-sigilo-label-nine + .sheet-hiddencheckbox-internal-nine, .sheet-hiddencheckbox-internal-nine:checked + .sheet-extra-internal-nine + .sheet-sigilo-label-ten + .sheet-hiddencheckbox-internal-ten{ display: inline-block !important; } .sheet-odd{ padding: 5px; } .sheet-even{ background-color: white; padding: 5px; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal:checked+span.sheet-hiddencheckboxcover-internal { color: #202020 } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal:hover~.sheet-hiddencheckboxcover-internal { color: #252525 } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment span.sheet-hiddencheckboxcover, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment span.sheet-hiddencheckboxcover-internal { position: absolute; font-family: "Pictos"; font-size: 20px; top: 5px; color: black; right: -37px; width: 20px; height: 22px; display: flex; justify-content: center; align-items: center; z-index: 1 } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox { position: relative; top: -36px; right: -262px; } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-hiddencheckbox-internal { width: 22px !important; height: 22px !important; left: 160px; display: inline-block; z-index: 2; } .sheet-sigilo-label, .sheet-sigilo-label-two, .sheet-sigilo-label-three, .sheet-sigilo-label-four, .sheet-sigilo-label-five, .sheet-sigilo-label-six, .sheet-sigilo-label-seven, .sheet-sigilo-label-eigth, .sheet-sigilo-label-nine, .sheet-sigilo-label-ten{ width: 80px !important; display: inline-block !important; } .sheet-hiddencheckbox-internal, .sheet-hiddencheckbox-internal-two, .sheet-hiddencheckbox-internal-three, .sheet-hiddencheckbox-internal-four, .sheet-hiddencheckbox-internal-five, .sheet-hiddencheckbox-internal-six, .sheet-hiddencheckbox-internal-seven, .sheet-hiddencheckbox-internal-eigth, .sheet-hiddencheckbox-internal-nine, .sheet-hiddencheckbox-internal-ten { display: inline-block; width: 180px !important; } .sheet-hidden-sigilo{ display: none; } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment span.sheet-hiddencheckboxcover-internal{ position: relative; top: -28px; right: -160px; width: 20px !important; height: 22px !important; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra, /*1 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal, /*2 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-two, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-two, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-two, /*3 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-three, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-three, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-three, /*4 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-four, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-four, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-four, /*5 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-five, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-five, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-five, /*6 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-six, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-six, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-six, /*7 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-seven, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-seven, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-seven, /*8 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-eigth, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-eigth, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-eigth, /*9 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-nine, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-nine, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-nine, /*10 mod*/ .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-extra-internal-ten, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-ten, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-extra-internal-ten { display: none; grid-column: 1/6; width: 285px; padding: 4px; font-size: 12px; border: solid 2px #535353; background-color: #fff; column-gap: 4px; row-gap: 4px; color: #535353 } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra { width: 235px; } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-small-boxes{ display: grid; grid-template-columns: 30% 30% 30%; grid-column-gap: 5%; } .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-text-box textarea{ width: 220px; height: 40px; border: none; border: 2px solid black; } .sheet-equipment .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra-internal textarea, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra-internal textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal-two textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal-three textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal-four textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal-five textarea, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra-internal-six textarea{ height:20px; width: 220px; border: none; border: 2px solid black; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra span { height: 100%; align-items: center } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra input, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra select { width: 100%; background-color: transparent; font-size: 12px; height: 25px; border: 0; border-bottom: 2px solid #535353 } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-equipment .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-container-equipment .sheet-extra .sheet-cd { text-align: center; justify-content: center } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-equipment .sheet-extra .sheet-singleline { grid-column: 2/5 } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-equipment .sheet-extra .sheet-fullline { grid-column: 1/5; display: inline-flex; justify-content: center; align-items: center; width: 100% } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-equipment .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-equipment .sheet-extra textarea { font-size: 12px; grid-column: 1/3; width: 95%; height: 175px; border: 2px solid #535353 } /*Attacks*/ .sheet-row { margin:0px; background-color: #c9d1da; margin-bottom: 10px; } .sheet-row::before{ display: table; content: " "; } .sheet-row::after{ clear: both; display: table; content: " "; } .sheet-options .sheet-row { display: block; width: 100%; } .sheet-options .sheet-title input[type=text] { width: 52px; border: none; text-align: center; color: #a0a0a0; } .sheet-options .sheet-title { text-align: center; } .sheet-options .sheet-row > span { color: black; } .sheet-options .sheet-row.sheet-hidden { display: none; } .sheet-row textarea{ height:54px; resize: none; width: 90%; } .sheet-top{ /*display: grid; grid-template-columns: 50% 22.5% 22.5%; column-gap: 2.5%; padding: 10px 10px 15px 10px*/ margin: 0px 0px 0px 24px; height: 36px; } .sheet-attacks-name{ width: 250px; float:left; } .sheet-attacks-bonus{ width: 54px; float:left; } .sheet-attacks-damage{ width: 300px; float:left; } .sheet-attacks span { display: block; font-size: 12px; line-height: 12px; width: 100%; text-align: center; margin-top: 5px; color: #424F66 !important; } .sheet-attacks .sheet-options-flag { opacity: 0; position: absolute; top: 7px; right: 7px; width: 18px !important; height: 18px !important; z-index: 2; } .sheet-attacks input .sheet-resources input[type=number] { width: 100%; text-align: center; font-size: 20px; border: none; background: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; } .sheet-attacks { width: 100%; border-radius: 5px; min-height: 200px; margin-bottom: 10px; padding-top: 20px; } .sheet-attacks .sheet-top span { text-align: left; margin-left: 5px; color: #a0a0a0; font-weight: normal; display: inline-block; width: initial; } .sheet-display-attack{ margin: -13px 12px 13px 12px; background-color: #c9d1da; display: grid; grid-template-columns: 1fr 90px; grid-template-columns: 1fr 78px; gap: 5px; } .sheet-attacks .sheet-display button[type=roll] { background-color: transparent; color: black; border: none; background-image: none; text-shadow: none; box-shadow: none; padding: 0px; margin: 0px; width: 100%; line-height: normal; } .sheet-attacks .sheet-display button[type=roll]::before { content: "" !important; } .sheet-attacks .sheet-display input .sheet-attacks .sheet-display span { font-size: 12px; line-height: 12px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #efefef; cursor: pointer; text-align: left; font-size: 9px; font-weight: bold; } .sheet-attacks .sheet-display span { min-height: 12px; display: inline-block; margin-top: 0px; padding: 4px; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; border-bottom: 1px solid #424F66; } .sheet-attacks .sheet-options-flag + span{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 7px; right: 7px; white-space: nowrap; width: 18px; height: 18px; font-size: 20px; font-family: pictos; color: #A0A0A0; cursor: pointer; margin-top: 0px; display: none; } .sheet-attacks .sheet-options-flag:hover + span { color: #000000; } .sheet-attacks .sheet-options-flag:checked + span { color: black; display: -webkit-box; display: -ms-flexbox; display: flex; } .sheet-attacksgrid{ padding: 0 10px 0 0; } .sheet-attacksgrid .sheet-options { display: none; border-top: 2px dashed #424F66; border-bottom: 2px dashed #424F66; padding: 12px; } .sheet-rolls { display: none; } .sheet-attacks .sheet-attacksgrid:hover .sheet-options-flag + span { display: flex; } .sheet-attacksgrid .sheet-options input[type=text]{ display: inline-block; text-align: left; font-size: 12px; padding: 3px; width: initial; } .sheet-attacksgrid .sheet-options select { /*border-bottom: 1px solid #D3D3D3; border-top: 0px; border-left: 0px; border-right: 0px; background: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; color: black; display: inline-block; font-size: 12px; width: initial; padding: 0px; margin: 0px; line-height: 18px; height: 18px; */ width: initial; padding: 0px; margin: 0px; margin-left: 0px; line-height: 18px; height: 25px; padding-left: 5px; } .sheet-attacksgrid .sheet-options span{ width: initial !important; display: inline-block; } .sheet-attacksgrid .sheet-options input[type=checkbox]{ width: 13px; font-size: initial; -webkit-appearance: checkbox; -moz-appearance: checkbox; } .sheet-attacksgrid .sheet-options input[type=text].sheet-num, .sheet-options input[type=text].sheet-num { width: 15px; text-align: center; } .sheet-rolls > button { font-family: 'dicefontd20'; } .sheet-rolls > input { overflow: hidden; } .sheet-rolls-flag{ opacity: 0; position: absolute; width: 150px !important; height: 20px; } .sheet-rolls-small{ width:60px !important; } .sheet-attacks .sheet-options-flag:checked ~ .sheet-options, .sheet-rolls-flag:checked ~ .sheet-rolls { display: inherit; } .sheet-attacks .ammo { display: none; } .ammoflag[value=on] + .sheet-attacks .ammo { display: block; } .licensecontainer .container:not(.npc) .sheet-attacks { box-sizing: border-box; width: 100%; margin-top: 10px; border: 5px solid black; border-image-source: url("https://app.roll20.net/images/dndstyling/5eBorder.svg"); border-image-slice: 6% 8% 12% 8%; border-image-width: 16px 19px 35px 19px; border-image-repeat: round; } .sheet-darkmode .sheet-attacks .display input { background-color: var(--dark-gray-enabled); color: var(--dark-primarytext); } .sheet-darkmode .sheet-attacks .display span { background-color: var(--dark-gray-enabled); color: var(--dark-primarytext); } .sheet-darkmode .sheet-attacks .display span[name=attr_global_damage_name] { font-family: "Proxima Nova", "ProximaNova-Regular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .sheet-darkmode .sheet-attacks .sheet-options-flag:checked + span, .sheet-darkmode .sheet-attacks .sheet-options-flag:hover + span { color: var(--dark-L60) !important; } .sheet-darkmode .sheet-attacks input { color: var(--dark-primarytext); } .sheet-darkmode .sheet-attacks .display button[type=roll] { color: var(--dark-primarytext); margin: 1px 0px; } .sheet-darkmode .licensecontainer .container:not(.npc) .sheet-attacks { border-image-source: url(https://storage.googleapis.com/char-sheet-app-images-6e101411/D%26D5e/images/darkmode/5eBorder_dm.svg); } .sheet-rolltemplate-darkmode{ color: black !important; } .sheet-attacks .sheet-options-flag{ opacity: 0; position: absolute; top: 7px !important; right: 7px !important; width: 18px !important; height: 18px !important; z-index: 2; } /* Roll Templates */ .sheet-rolltemplate-atkdmg, .sheet-rolltemplate-skillroll{ background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/RoenMidnight/roll20-character-sheets/skyfall-new-sheet/Skyfall/imgs/attacks-start.png'); background-repeat: no-repeat; background-size: 100%; padding:15px; font-size: 17px; color: black; } .sheet-rolltemplate-atkdmg span, .sheet-rolltemplate-skillroll span{ color: black; } .sheet-rolltemplate-atkdmg .sheet-charname, .sheet-rolltemplate-atkdmg .sheet-result, .sheet-rolltemplate-atkdmg .sheet-sublabel, .sheet-rolltemplate-atkdmg .sheet-label, .sheet-rolltemplate-atkdmg .sheet-desc, .sheet-rolltemplate-skillroll .sheet-charname, .sheet-rolltemplate-skillroll .sheet-result, .sheet-rolltemplate-skillroll .sheet-sublabel, .sheet-rolltemplate-skillroll .sheet-label, .sheet-rolltemplate-skillroll .sheet-desc{ padding-bottom: 15px; font-size: 17px; margin-bottom: 1px solid black; } .sheet-rolltemplate-atkdmg .sheet-charname span, .sheet-rolltemplate-skillroll .sheet-charname span{ font-size: 20px; font-weight: bold; font-family: 'Bree Serif', serif; } .sheet-rolltemplate-atkdmg div span:first-child{ font-family: 'Bree Serif', serif; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate{ border: 5px solid black; background-color: white; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result{ padding: 15px; } .sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result .sheet-adv{ padding-bottom: 12px; } /*Card*/ .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-extra-body, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-extra-body{ background-color: rgb(241 237 231); display: grid; width: 100%; grid-column: 1/6; padding: 10px; border: 7px solid rgb(66, 79, 102); border-top: none; border-radius: 5px; } .sheet-extra-body span, .sheet-extra-body input { display: inline-block; } .sheet-extra-div span:empty{ display: none; } .sheet-extra-div:has(span:empty) { display: none; } .sheet-extra-div label { font-size: 16px; } .sheet-extra-div span { font-size: 16px; } .sheet-extra-div label, .sheet-extra-div span { display: contents; } .sheet-extra-body .sheet-extra-div:has(input:placeholder-shown) { display: none; } .sheet-extra-body .sheet-extra-div:has(textarea:placeholder-shown) { display: none; } .sheet-extra-body input { width: 70%; } .sheet-actions .repcontainer[data-groupname="repeating_actions"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked ~ .sheet-extra-body, .sheet-spells .repcontainer[data-groupname="repeating_spells"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked ~ .sheet-extra-body{ display:none !important; } .sheet-name-action { word-wrap: break-word; display: block; width: 150px; white-space: normal; } .sheet-extra-body .sheet-descriptor-show{ background-color: #424f66 !important; color: white; padding: 0px 2px; height: 21px; font-weight: bold; display: inline-block; } .sheet-style-acao { padding-left: 5px; display: grid; align-content: center; } .sheet-custo-header{ color: white; font-size: 20px; font-weight: bold; display: grid; align-content: center; } .sheet-img-acao, .sheet-img-bonus, .sheet-img-livre, .sheet-img-passiva, .sheet-img-reacao { filter:invert(1); width: 30px; display:none; } .sheet-tipoacaoshow[value="Acao"] ~ .sheet-img-acao{display: block;} .sheet-tipoacaoshow[value="Bonus"] ~ .sheet-img-bonus{display: block;} .sheet-tipoacaoshow[value="Livre"] ~ .sheet-img-livre{display: block;} .sheet-tipoacaoshow[value="Passiva"] ~ .sheet-img-passiva{display: block;} .sheet-tipoacaoshow[value="Reacao"] ~ .sheet-img-reacao{display: block;} .sheet-img-acao { content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/9ad07fd31fde2bf83937d2e0135f9ee3b6cf4c81/Skyfall/imgs/acao.svg"); } .sheet-img-bonus { content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/9ad07fd31fde2bf83937d2e0135f9ee3b6cf4c81/Skyfall/imgs/bonus.svg"); } .sheet-img-livre { content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/9ad07fd31fde2bf83937d2e0135f9ee3b6cf4c81/Skyfall/imgs/livre.svg"); } .sheet-img-passiva { content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/9ad07fd31fde2bf83937d2e0135f9ee3b6cf4c81/Skyfall/imgs/passiva.svg"); } .sheet-img-reacao { content:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/9ad07fd31fde2bf83937d2e0135f9ee3b6cf4c81/Skyfall/imgs/reacao.svg"); } /*Action & Spells*/ .sheet-rolltemplate-actspell, .sheet-rolltemplate-characteristic{ background-color: #f1ede7; border: 5px solid #424f66; background-repeat: no-repeat; background-size: 100%; } .sheet-rolltemplate-actspell span{ color: black; } .sheet-rolltemplate-actspell .sheet-actionspell-header span, .sheet-rolltemplate-skillroll .sheet-actionspell-header span, .sheet-rolltemplate-characteristic .sheet-actionspell-header span { font-weight: bold; font-family: 'Bree Serif', serif; font-size: 18px; } .sheet-rolltemplate-actspell .sheet-img-acao, .sheet-rolltemplate-actspell .sheet-img-bonus, .sheet-rolltemplate-actspell .sheet-img-livre, .sheet-rolltemplate-actspell .sheet-img-passiva, .sheet-rolltemplate-actspell .sheet-img-reacao { filter:invert(1); width: 30px; display:none; } .sheet-rolltemplate-actspell .sheet-tipoacaoshow[value="Acao"] ~ .sheet-rolltemplate-actspell .sheet-img-acao{display: block;} .sheet-rolltemplate-actspell .sheet-tipoacaoshow[value="Bonus"] ~ .sheet-rolltemplate-actspell .sheet-img-bonus{display: block;} .sheet-rolltemplate-actspell .sheet-tipoacaoshow[value="Livre"] ~ .sheet-rolltemplate-actspell .sheet-img-livre{display: block;} .sheet-rolltemplate-actspell .sheet-tipoacaoshow[value="Passiva"] ~ .sheet-rolltemplate-actspell .sheet-img-passiva{display: block;} .sheet-rolltemplate-actspell .sheet-tipoacaoshow[value="Reacao"] ~ .sheet-rolltemplate-actspell .sheet-img-reacao{display: block;} .sheet-rolltemplate-actspell .sheet-charname span, .sheet-rolltemplate-characteristic .sheet-charname span{ font-size: 20px; font-weight: bold; font-family: 'Bree Serif', serif; } .sheet-rolltemplate-actspell .sheet-span-info, .sheet-rolltemplate-skillroll .sheet-span-info{ font-weight: bold; font-family: 'Bree Serif', serif; margin-right: 5px; } .sheet-rolltemplate-actspell .sheet-span-info-header, .sheet-rolltemplate-skillroll .sheet-span-info-header{ font-size: 18px; } .sheet-rolltemplate-skillroll .sheet-actionspell-info, .sheet-rolltemplate-characteristic .sheet-actionspell-info{ background-color: white; padding: 10px; border: 5px solid black; margin-top: 7px; } .sheet-rolltemplate-skillroll .sheet-skillreroll { margin-top: 7px; } .sheet-rolltemplate-skillroll .sheet-skillreroll a{ padding: 5px; color: white; background-color: #222b54; } .sheet-attributes-secound-part{ width: 100%; display: block; } .sheet-collumn-skills{ float:left; width: 30%; } .sheet-collumn-initiative{ float:left; width: 34%; } .sheet-collumn-initiative input{ text-align: center; font-size: 25px !important; font-family: 'Bree Serif', serif !important; font-weight: bold; } .sheet-collumn-initiative .sheet-small-box{ font-size: 15px !important; } .sheet-collumn-language{ float:left; width: 36%; } .sheet-collumn-attack{ float:left; width: 70%; } .sheet-rolltemplate-actspell .sheet-container-actspell .sheet-charname { background-color: #404d64; color: white !important; } .sheet-rolltemplate-actspell .sheet-container-actspell .sheet-charname span { color: white !important; } .sheet-rolltemplate-actspell .sheet-container-actspell .sheet-actionspell-header { background-color: #404d64; color: white !important; text-align: center; } .sheet-rolltemplate-actspell .sheet-container-actspell .sheet-actionspell-header span{ color: white !important; } .sheet-rolltemplate-actspell .sheet-actionspell-descriptor{ margin: 5px; padding: 3px; background-color: #424f66; } .sheet-rolltemplate-actspell .sheet-actionspell-descriptor span{ color: white !important; } .sheet-rolltemplate-actspell .sheet-actionspell-body{ background-color: #F1EDE7; padding: 5px; font-size: 16px; } .sheet-rolltemplate-actspell .sheet-actionspell-info { margin: 5px; font-size: 16px; } /* Fix to Broken Style Layout */ .sheet-font-size-seventeen{ font-size: 17px !important; } .sheet-border-none{ border: none !important; } .sheet-float-left{ float: left !important; } .sheet-font-size-twenty{ font-size: 20px !important; } .sheet-atk-span-name{ width: 65px !important; text-align: right !important; } .sheet-atk-span-two-name{ width: 50px !important; text-align: right !important; } .sheet-atk-plus{ margin-left: 5px !important; font-size: 20px !important; } .sheet-atk-mod { width: 30px !important; margin-left: 2px !important; } .sheet-atk-input-flag{ margin-left: 5px !important; } .sheet-style-width-thirty{ width: 30px !important; } .sheet-style-width-hundred{ width: 100px !important; } .sheet-style-width-hundred{ width: 100px !important; } .sheet-style-width-fifty{ width:50px !important; } .sheet-style-width-hundred-seventy{ width: 170px !important; } .sheet-atk-margin-atk{ margin-left: 2px !important; } .sheet-atk-input-name{ width: 170px !important; } .sheet-atk-name-span { width: 230px !important; text-align: left !important; } .sheet-atk-bonus-span{ width: 60px !important; text-align: center !important; } .sheet-atk-dmg-span {width: 300px !important;} .sheet-bg-padding { background-color: #424f66 !important; padding:3px !important; } .sheet-dmg-two{ width: 52px !important; text-align:right !important; } .sheet-negat-right{ right: -27px !important; } .sheet-width-sheet-extra{ width: 235px !important; }