roll20-character-sheets/MEGALOS/megalos.css

@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";.emoji{font-family:"Noto Color Emoji",sans-serif}.roll20reset select,.roll20reset textarea,.roll20reset input[type=text],.roll20reset input[type=number],.roll20reset label,.roll20reset button{all:initial}.roll20reset button,.roll20reset label{cursor:pointer}.roll20reset input::-webkit-outer-spin-button,.roll20reset input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#noctis{font-family:"Verdana","Arial"}#noctis .sheet{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#020024;background:linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(160, 212, 255) 100%);color:#fff;padding:1em}#noctis input,#noctis textarea,#noctis select,#noctis button{box-sizing:border-box}#noctis input[type=text]{border-bottom:thin solid #000;width:100%}#noctis textarea{border:thin solid #000;width:100%;white-space:pre-line}#noctis input[type=checkbox]{border:thin solid #000;width:1em}#noctis input[type=number]{border:thin solid #000;text-align:center;-moz-appearance:textfield;width:2em}#noctis select{border:thin solid #000}#noctis .btn.repcontrol_add,#noctis .btn.repcontrol_edit,#noctis .btn.repcontrol_move,#noctis .btn.repcontrol_del{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#516a92;color:#fff}#noctis .btn.repcontrol_del{padding:4px 10px}#noctis button.d6::before{font-family:"dicefontd6";content:"f"}#noctis button.d20::before{font-family:"dicefontd20";content:"t"}#noctis .repeating-section *{position:inherit !important}#noctis .noctis-box{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;color:#000;background:#fff;text-align:center;margin:auto}#noctis .noctis-box-title{background:#516a92;color:#fff;padding-left:2px}#noctis .noctis-box-title h3,#noctis .noctis-box-title h4{color:#fff}#noctis .noctis-section{color:#000;background:#fff;padding:.5rem}#noctis .noctis-section-icon{font-family:"Noto Color Emoji",sans-serif;position:absolute;background:#fff;border:thick solid #daa520;font-size:24px;width:1.5em;text-align:center;box-shadow:2px 2px;z-index:99}#noctis .noctis-section-title{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#516a92;color:#fff;padding-left:2px;margin-bottom:.6em}#noctis .noctis-section-title h3,#noctis .noctis-section-title h4{color:#fff}#noctis .noctis-section-offset{padding-left:2.5em}#noctis .noctis-button-green{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#4abcad;color:#fff}#noctis .noctis-button-yellow{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#e69c55;color:#fff}#noctis .noctis-button-red{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#9c3335;color:#fff}#noctis .noctis-button-announce{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#4e8eb2}#noctis .noctis-button-announce:before{color:#fff;font-family:"Pictos";content:"w "}#noctis .noctis-button-lock,#noctis .noctis-button-unlock{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#4e8eb2}#noctis .noctis-button-unlock:before{color:#fff;font-family:"Pictos";content:"( "}#noctis .noctis-button-lock:before{color:#fff;font-family:"Pictos";content:") "}.pictos{font-family:"Pictos" !important}.tabs-trigger:not([value=tab1])~.sheet-tab1{display:none}.tabs-trigger[value=tab1]~.tabs-buttons button[data-tab=tab1]{color:#daa520 !important}.tabs-trigger:not([value=tab2])~.sheet-tab2{display:none}.tabs-trigger[value=tab2]~.tabs-buttons button[data-tab=tab2]{color:#daa520 !important}.tabs-trigger:not([value=tab3])~.sheet-tab3{display:none}.tabs-trigger[value=tab3]~.tabs-buttons button[data-tab=tab3]{color:#daa520 !important}.tabs-trigger:not([value=tab4])~.sheet-tab4{display:none}.tabs-trigger[value=tab4]~.tabs-buttons button[data-tab=tab4]{color:#daa520 !important}.tabs-trigger:not([value=tab5])~.sheet-tab5{display:none}.tabs-trigger[value=tab5]~.tabs-buttons button[data-tab=tab5]{color:#daa520 !important}#noctis .tabs-buttons{display:flex;flex-wrap:wrap;justify-content:center}#noctis .tabs-buttons button{border-radius:3px;border-top:solid #eee;border-left:solid #eee;border-bottom:solid #111;border-right:solid #111;background:#516a92;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-family:"Candal","Georgia","Arial";font-size:24px}.sheet-rolltemplate-aether .sheet-rolltemplate-header{background:linear-gradient(to right, #9C3335, rgba(255, 0, 0, 0))}.sheet-rolltemplate-attack .sheet-rolltemplate-header{background:linear-gradient(to right, #9C3335, rgba(255, 0, 0, 0))}.sheet-rolltemplate-check .sheet-rolltemplate-header{background:linear-gradient(to right, #4ABCAD, rgba(255, 0, 0, 0))}.sheet-rolltemplate-save .sheet-rolltemplate-header{background:linear-gradient(to right, #E69C55, rgba(255, 0, 0, 0))}.sheet-rolltemplate-soak .sheet-rolltemplate-header{background:linear-gradient(to right, #E69C55, rgba(255, 0, 0, 0))}.sheet-rolltemplate-announce .sheet-rolltemplate-header{background:linear-gradient(to right, #4e8eb2, rgba(255, 0, 0, 0))}.sheet-rolltemplate-header{padding-left:.5em;border-left:thick solid #000}.sheet-rolltemplate-header h3{color:#fff !important}.sheet-rolltemplate-outcome{margin-top:.5em}.sheet-rolltemplate-outcome-label{display:inline-block;width:7em;font-weight:bold}#megalos-sheet{/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */}#megalos-sheet .button{-moz-appearance:none;-webkit-appearance:none;align-items:center;border:1px solid rgba(0,0,0,0);border-radius:4px;box-shadow:none;display:inline-flex;font-size:1rem;height:2.5em;justify-content:flex-start;line-height:1.5;padding-bottom:calc(0.5em - 1px);padding-left:calc(0.75em - 1px);padding-right:calc(0.75em - 1px);padding-top:calc(0.5em - 1px);position:relative;vertical-align:top}#megalos-sheet .button:focus,#megalos-sheet .button:active{outline:none}#megalos-sheet .tabs,#megalos-sheet .button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#megalos-sheet .tabs:not(:last-child),#megalos-sheet .message:not(:last-child),#megalos-sheet .block:not(:last-child),#megalos-sheet .content:not(:last-child){margin-bottom:1.5rem}#megalos-sheet .delete{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:rgba(10,10,10,.2);border:none;border-radius:9999px;cursor:pointer;pointer-events:auto;display:inline-block;flex-grow:0;flex-shrink:0;font-size:0;height:20px;max-height:20px;max-width:20px;min-height:20px;min-width:20px;outline:none;position:relative;vertical-align:top;width:20px}#megalos-sheet .delete::before,#megalos-sheet .delete::after{background-color:#fff;content:"";display:block;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);transform-origin:center center}#megalos-sheet .delete::before{height:2px;width:50%}#megalos-sheet .delete::after{height:50%;width:2px}#megalos-sheet .delete:hover,#megalos-sheet .delete:focus{background-color:rgba(10,10,10,.3)}#megalos-sheet .delete:active{background-color:rgba(10,10,10,.4)}#megalos-sheet .is-medium.delete{height:24px;max-height:24px;max-width:24px;min-height:24px;min-width:24px;width:24px}#megalos-sheet .is-large.delete{height:32px;max-height:32px;max-width:32px;min-height:32px;min-width:32px;width:32px}#megalos-sheet p,#megalos-sheet ul,#megalos-sheet li,#megalos-sheet fieldset,#megalos-sheet textarea,#megalos-sheet hr,#megalos-sheet h3,#megalos-sheet h4{margin:0;padding:0}#megalos-sheet h3,#megalos-sheet h4{font-size:100%;font-weight:normal}#megalos-sheet ul{list-style:none}#megalos-sheet button,#megalos-sheet input,#megalos-sheet select,#megalos-sheet textarea{margin:0}#megalos-sheet *,#megalos-sheet *::before,#megalos-sheet *::after{box-sizing:inherit}#megalos-sheet section{display:block}#megalos-sheet button,#megalos-sheet input,#megalos-sheet select,#megalos-sheet textarea{font-family:BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif}#megalos-sheet code{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;font-family:monospace}#megalos-sheet a{color:#485fc7;cursor:pointer;text-decoration:none}#megalos-sheet a strong{color:currentColor}#megalos-sheet a:hover{color:#363636}#megalos-sheet code{background-color:#f5f5f5;color:#da1039;font-size:.875em;font-weight:normal;padding:.25em .5em .25em}#megalos-sheet hr{background-color:#f5f5f5;border:none;display:block;height:2px;margin:1.5rem 0}#megalos-sheet input[type=checkbox],#megalos-sheet input[type=radio]{vertical-align:baseline}#megalos-sheet span{font-style:inherit;font-weight:inherit}#megalos-sheet strong{color:#363636;font-weight:700}#megalos-sheet fieldset{border:none}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#megalos-sheet .button{background-color:#fff;border-color:#dbdbdb;border-width:1px;color:#363636;cursor:pointer;justify-content:center;padding-bottom:calc(0.5em - 1px);padding-left:1em;padding-right:1em;padding-top:calc(0.5em - 1px);text-align:center;white-space:nowrap}#megalos-sheet .button strong{color:inherit}#megalos-sheet .button:hover{border-color:#b5b5b5;color:#363636}#megalos-sheet .button:focus{border-color:#485fc7;color:#363636}#megalos-sheet .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(72,95,199,.25)}#megalos-sheet .button:active{border-color:#4a4a4a;color:#363636}#megalos-sheet .button.is-primary{background-color:#00d1b2;border-color:rgba(0,0,0,0);color:#fff}#megalos-sheet .button.is-primary:hover{background-color:#00c4a7;border-color:rgba(0,0,0,0);color:#fff}#megalos-sheet .button.is-primary:focus{border-color:rgba(0,0,0,0);color:#fff}#megalos-sheet .button.is-primary:focus:not(:active){box-shadow:0 0 0 .125em rgba(0,209,178,.25)}#megalos-sheet .button.is-primary:active{background-color:#00b89c;border-color:rgba(0,0,0,0);color:#fff}#megalos-sheet .button.is-medium{font-size:1.25rem}#megalos-sheet .button.is-large{font-size:1.5rem}#megalos-sheet .container{flex-grow:1;margin:0 auto;position:relative;width:auto}@media screen and (min-width: 1024px){#megalos-sheet .container{max-width:960px}}@media screen and (min-width: 1216px){#megalos-sheet .container:not(.is-max-desktop){max-width:1152px}}@media screen and (min-width: 1408px){#megalos-sheet .container:not(.is-max-desktop):not(.is-max-widescreen){max-width:1344px}}#megalos-sheet .content li+li{margin-top:.25em}#megalos-sheet .content p:not(:last-child),#megalos-sheet .content ul:not(:last-child){margin-bottom:1em}#megalos-sheet .content h3,#megalos-sheet .content h4{color:#363636;font-weight:600;line-height:1.125}#megalos-sheet .content h3{font-size:1.5em;margin-bottom:.6666em}#megalos-sheet .content h3:not(:first-child){margin-top:1.3333em}#megalos-sheet .content h4{font-size:1.25em;margin-bottom:.8em}#megalos-sheet .content ul{list-style:disc outside;margin-left:2em;margin-top:1em}#megalos-sheet .content ul ul{list-style-type:circle;margin-top:.5em}#megalos-sheet .content ul ul ul{list-style-type:square}#megalos-sheet .content .tabs li+li{margin-top:0}#megalos-sheet .content.is-medium{font-size:1.25rem}#megalos-sheet .content.is-large{font-size:1.5rem}#megalos-sheet .image{display:block;position:relative}@keyframes moveIndeterminate{from{background-position:200% 0}to{background-position:-200% 0}}#megalos-sheet .tag:not(body){align-items:center;background-color:#f5f5f5;border-radius:4px;color:#4a4a4a;display:inline-flex;font-size:.75rem;height:2em;justify-content:center;line-height:1.5;padding-left:.75em;padding-right:.75em;white-space:nowrap}#megalos-sheet .tag:not(body) .delete{margin-left:.25rem;margin-right:-0.375rem}#megalos-sheet .tag:not(body).is-primary{background-color:#00d1b2;color:#fff}#megalos-sheet .tag:not(body).is-medium{font-size:1rem}#megalos-sheet .tag:not(body).is-large{font-size:1.25rem}#megalos-sheet a.tag:hover{text-decoration:underline}#megalos-sheet .number{align-items:center;background-color:#f5f5f5;border-radius:9999px;display:inline-flex;font-size:1.25rem;height:2em;justify-content:center;margin-right:1.5rem;min-width:2.5em;padding:.25rem .5rem;text-align:center;vertical-align:top}#megalos-sheet .message{background-color:#f5f5f5;border-radius:4px;font-size:1rem}#megalos-sheet .message strong{color:currentColor}#megalos-sheet .message a:not(.button):not(.tag):not(.dropdown-item){color:currentColor;text-decoration:underline}#megalos-sheet .message.is-medium{font-size:1.25rem}#megalos-sheet .message.is-large{font-size:1.5rem}#megalos-sheet .message.is-primary{background-color:#ebfffc}#megalos-sheet .tabs{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;font-size:1rem;justify-content:space-between;overflow:hidden;overflow-x:auto;white-space:nowrap}#megalos-sheet .tabs a{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;color:#4a4a4a;display:flex;justify-content:center;margin-bottom:-1px;padding:.5em 1em;vertical-align:top}#megalos-sheet .tabs a:hover{border-bottom-color:#363636;color:#363636}#megalos-sheet .tabs li{display:block}#megalos-sheet .tabs ul{align-items:center;border-bottom-color:#dbdbdb;border-bottom-style:solid;border-bottom-width:1px;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start}#megalos-sheet .tabs.is-centered ul{justify-content:center}#megalos-sheet .tabs.is-medium{font-size:1.25rem}#megalos-sheet .tabs.is-large{font-size:1.5rem}#megalos-sheet .column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1;padding:.75rem}@media screen and (min-width: 769px),print{#megalos-sheet .column.is-narrow{flex:none;width:unset}#megalos-sheet .column.is-one-fifth{flex:none;width:20%}#megalos-sheet .column.is-1{flex:none;width:8.33333337%}#megalos-sheet .column.is-2{flex:none;width:16.66666674%}#megalos-sheet .column.is-3{flex:none;width:25%}#megalos-sheet .column.is-6{flex:none;width:50%}}#megalos-sheet .columns{margin-left:-0.75rem;margin-right:-0.75rem;margin-top:-0.75rem}#megalos-sheet .columns:last-child{margin-bottom:-0.75rem}#megalos-sheet .columns:not(:last-child){margin-bottom:calc(1.5rem - 0.75rem)}#megalos-sheet .columns.is-centered{justify-content:center}#megalos-sheet .columns.is-vcentered{align-items:center}@media screen and (min-width: 769px),print{#megalos-sheet .columns:not(.is-desktop){display:flex}}#megalos-sheet .has-text-white{color:#fff !important}#megalos-sheet a.has-text-white:hover,#megalos-sheet a.has-text-white:focus{color:#e6e6e6 !important}#megalos-sheet .mt-3{margin-top:.75rem !important}#megalos-sheet .pt-0{padding-top:0 !important}#megalos-sheet .p-3{padding:.75rem !important}#megalos-sheet .is-size-3{font-size:2rem !important}#megalos-sheet .section{padding:3rem 1.5rem}@media screen and (min-width: 1024px){#megalos-sheet .section{padding:3rem 3rem}#megalos-sheet .section.is-medium{padding:9rem 4.5rem}#megalos-sheet .section.is-large{padding:18rem 6rem}}#sheet-logo{text-align:center;font-family:"Shadows Into Light","Arial";font-size:64px;border-bottom:thick dotted gray}.show-combat-effects-toggle:not([value=on])~.show-combat-effects-section{display:none !important}.unlock_ac5_toggle:not([value=on])~.ac_die_5{display:none !important}.powertype_toggle:not([value=Cantrip])~.aether-current-charges{display:none !important}.defense-warning-trigger[value="0"]~.defense-warning-message,.defense-warning-trigger[value=""]~.defense-warning-message{display:none !important}input[name=attr_readonly]:not([value=on])~.power-block-readonly{display:none}input[name=attr_readonly][value=on]~.power-block-editable{display:none}input[name=attr_injured][value=Injured]~span[name=attr_injured]{color:red}.mini-hp[value=Current]~span[name=attr_injured]{display:none}.attr_powertype_key[value=Talent]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #8E7CC3 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Talent]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Calling Bonus"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #E69C55 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Calling Bonus"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Bonus]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #E69C55 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Bonus]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Invocation]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Invocation]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Astral Invocation"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Astral Invocation"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Umbral Invocation"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Umbral Invocation"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Arcana]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #9C3335 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Arcana]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Charged Strike"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #9C3335 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Charged Strike"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Combo Strike"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Combo Strike"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Counter]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #E69C55 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Counter]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Finisher]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #4B74BA 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Finisher]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Sorcery]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #9C3335 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Sorcery]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Cantrip]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Cantrip]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value=Artifact]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #B17E6E 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value=Artifact]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Major Action (◆◆)"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #9C3335 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Major Action (◆◆)"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Minor Action (◆)"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #70BC63 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Minor Action (◆)"]~.attr_powertype_container .powertype-display span{color:#fff}.attr_powertype_key[value="Reaction (◇)"]~.attr_powertype_container .powertype-display{background:linear-gradient(to right, #E69C55 80%, rgba(255, 0, 0, 0));color:#fff}.attr_powertype_key[value="Reaction (◇)"]~.attr_powertype_container .powertype-display span{color:#fff}