input:focus { outline: none; } .sheet-head-container { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .sheet-form-style-1,.sheet-form-style-4 { max-width: 200px; padding: 5px; display: inline-block; background-color:#f7f8f8; } .sheet-form-style-2 { display: inline-block; border-style: none; } .sheet-form-style-1 { max-width: 100%; } .sheet-form-style-2 { max-width: 48%; } .sheet-form-style-4 { max-width: 200px; padding: 0px; margin: 0px; } .sheet-form-style-1 h1,.sheet-form-style-2 h1,.sheet-form-style-4 h1 { display: block; text-align: center; padding: 0; color: #eaeaea; font-size: x-large; } .sheet-form-style-1 ul,.sheet-form-style-2 ul,.sheet-form-style-4 ul { list-style: none; padding: 0; } .sheet-form-style-1 li>label,.sheet-form-style-2 li>label,.sheet-form-style-4 li>label { display: block; float: left; margin-top: -19px; height: 14px; padding: 2px 0px 2px 5px; color: #183642; font-size: 14px; overflow: hidden; font-variant: small-caps; background-color:#f7f8f8; } label { background-color: #fbfcfc; width: auto; } .sheet-form-style-1 li,.sheet-form-style-4 li { display: block; padding: 9px; } .sheet-form-style-2 li { display: block; //padding: 9px; } .sheet-form-style-1 { width: 600px; } .sheet-form-style-1 input[type="text"],.sheet-form-style-1 input[type="date"],.sheet-form-style-1 input[type="datetime"],.sheet-form-style-1 input[type="email"],.sheet-form-style-1 input[type="number"],.sheet-form-style-1 input[type="search"],.sheet-form-style-1 input[type="time"],.sheet-form-style-1 input[type="url"],.sheet-form-style-1 input[type="password"],.sheet-form-style-2 textarea,.sheet-form-style-1 select { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: block; outline: none; border: none; height: 25px; line-height: 25px; font-size: 14px; padding: 0px; background-color: #eff0f0; color: #000000; text-align: center; } .sheet-form-style-2 textarea { width: 99%; height: 400px; //text-align: left; } .sheet-form-style-3 input[type="text"]:focus,.sheet-form-style-1 input[type="text"]:focus,.sheet-form-style-1 input[type="date"]:focus,.sheet-form-style-1 input[type="datetime"]:focus,.sheet-form-style-1 input[type="email"]:focus,.sheet-form-style-1 input[type="number"]:focus,.sheet-form-style-1 input[type="search"]:focus,.sheet-form-style-1 input[type="time"]:focus,.sheet-form-style-1 input[type="url"]:focus,.sheet-form-style-1 input[type="password"]:focus,.sheet-form-style-1 textarea:focus,.sheet-form-style-1 select:focus { } .sheet-form-style-1 li>span,.sheet-form-style-2 li>span,.sheet-form-style-4 li>span { display: block; padding: 0px; text-align: center; font-size: 11px; } .sheet-form-style-2 textarea { resize: none; max-width: 100%; text-align: left; } .sheet-ob_value_ta::-webkit-scrollbar { width: 12px; background-color: #183642; } .sheet-ob_value_ta::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #111; } .sheet-ob_value_ta { outline: none; background-color: #111; color: #183642; font-size: 12px; height: 50px; border: 1px dotted white; padding-right: 10px; font-family: "Courier New", Courier, monospace; resize: none; width: 100%; } .sheet-rollbutton { border: 0; background: none; box-shadow: none; border-radius: 0px; font-size: 48px; width: 52px; color: #4f5d75; color: red; } .sheet-genButton { //background-color: #4CAF50; /* Green */ border: none !; color: white !; padding: 15px 32px; text-align: center; text-decoration: none !; display: inline-block; font-size: 16px; } .sheet-genButton :hover{ //background-color: #4CAF50; /* Green */ border: none !; color: white !; padding: 15px 32px; text-align: center; text-decoration: none !; display: inline-block; font-size: 16px; } .sheet-rollbar { text-align: center; width: 90%; font-size: 25px !important; background-color:#eff0f0; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .sheet-rollbar button[type=roll]::before, .sheet-gen button[type=roll]::before, .sheet-genButton.btn.ui-draggable::before, .sheet-genButtonResources.btn.ui-draggable::before { content: '' !important; } .attr_row { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-content: space-around; } .attr_container { font-family: "Courier New", Courier, monospace; border-radius: 0px; padding: 5px; border-width: 1px; text-align: center; background-color: #eaeaea; color: #fff; height: auto; width: 68px; margin: auto; display: block; } .attr_title { color: #183642; font-size: 18px; } .attr_sub { font-size: 14px; height: 100px; } .attr_adv { color: #183642; font-size: 12px; } .attr_val { width: 60px; height: 50px; text-align: center; display: block; margin: 0 auto; } .sheet-atNum { font-size: 28px; width: 40px; } .sheet-check { -webkit-appearance: none; background-color: #eaeaea; border: 1px solid #183642; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 9px; border-radius: 3px; display: inline-block; position: relative; margin: 5px; } .sheet-check:active,.sheet-check:checked:active { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); } .sheet-check:checked { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); background-color: #183642; border-color: #4f5d75; color: #253a4e; } .sheet-check:checked:after { font-family: "Pictos"; content: '3' !important; font-size: 14px; position: absolute; top: 2px; left: 2px; color: #99a1a7; } .sheet-skills { border-radius: 0px; padding: 0px; border-width: 1px; border-style: dotted; border-color: white; width: 250px; display: inline-block; text-align: center; color: #fff; text-align: center; } .sheet-form-style-4 li { background-color: #fbfcfc; color: #4f5d75; } .sheet-dx,.sheet-d4,.sheet-d6,.sheet-d8,.sheet-d10,.sheet-d12,.sheet-d20 { font-size: 18px; padding: 0px; width: 18px; //background-color: #f7f8f8; background-color:#eff0f0 !important; } .sheet-dx { font-family: "Pictos"; width: 24px; } .sheet-d4 { font-family: "dicefontd4"; } .sheet-d6 { font-family: "dicefontd6"; } .sheet-d8 { font-family: "dicefontd8"; } .sheet-d10 { font-family: "dicefontd10"; } .sheet-d12 { font-family: "dicefontd12"; } .sheet-d20 { font-family: "dicefontd20"; } .sheet-radio-toolbar { display: inline-block; text-align: center; align-content: center; background-color:#eff0f0 !important; } .sheet-radio-toolbar input[type="radio"] { opacity: 0; position: fixed; width: 0; background-color:#eff0f0 !important; } .sheet-radio-toolbar label { display: inline-block; float: left; } .sheet-radio-toolbar ::after { box-sizing: 0; } .sheet-radio-toolbar label:hover { color: yellow; } .sheet-radio-toolbar input[type="radio"]+label { color: #4f5d75; padding: 3px; font-size: 24px; } .sheet-radio-toolbar2 input[type="radio"]+label { color: #4f5d75; padding: 2px; } .sheet-radio-toolbar input[type="radio"]:checked+label { color: #ef8354; padding: 3px; } .sheet-fl_dx input[type="radio"]:checked+label { color: red; padding: 3px; } .sheet-hd-skills { width: 200px; } .sheet-hp { font-family: "Courier New", Courier, monospace; border-radius: 0px; padding: 20px; border-width: 1px; width: 220px; display: inline-block; text-align: center; background-color: #555; color: #fff; } .sheet-armed { background-color: #FFF; border-radius: 0px; padding: 15px; border-width: 1px; width: 110px; display: inline-block; text-align: center; background-color: #555; color: #fff; } .sheet-content { display: flex; flex-flow: column wrap; color: #4f5d75; background-color: #f7f8f8; width: 700px; } .sheet-section1 { display: block; width: 700px; text-align: center; justify-content: center; align-content: center; } .sheet-section2 { display: block; width: 680px; text-align: center; justify-content: center; align-content: center; background-color:#f7f8f8; margin-left: 20px; } .sheet-section3 { display: block; width: 700px; text-align: center; } .sheet-wealthElement,.sheet-combatElement,.sheet-damageElement { width: 20%; display: block; float: left; //background-color: #ef8354; border-left-style: solid; border-left-color: #ffffff; border-left-width: 2px; } .sheet-wealthElement ul,.sheet-combatElement ul,.sheet-damageElement ul { margin: 0px; } .sheet-wealthElement input,.sheet-combatElement input,.sheet-damageElement input { color: #2d3142; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: block; outline: none; border: none; border-bottom-color: #eff0f0; border-bottom-style: dotted; height: 35px; line-height: 30px; font-size: 16px; padding: 0; background-color: #ef8354; text-align: center; color: #eff0f0; } .sheet-wealthElementLabel,.sheet-nameTagElementLabel,.sheet-combatElementLabel,.sheet-damageElementLabel { display: block; margin-top: -19px; height: 14px; padding: 2px 0px 2px 0px; font-size: 14px; overflow: hidden; font-variant: small-caps; text-align: center; background-color: #f7f8f8; } .sheet-wealthElement input, .sheet-wealthElement, .sheet-wealthElementLabel { color: #eff0f0; background-color: #85cfbe; } .sheet-damageElement input, .sheet-damageElement, .sheet-damageElementLabel { color: #eff0f0; background-color: #4f5d75; } .sheet-combatElement input, .sheet-combatElement, .sheet-combatElementLabel { color: #eff0f0; background-color: #ef8354; } .sheet-nameTagElement { width: 35%; display: block; float: left; } .sheet-nameTagElement input { color: #2d3142; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; display: block; outline: none; border: none; height: 35px; line-height: 30px; font-size: 16px; padding: 0; background-color: #eff0f0; text-align: center; } .sheet-formatHelpText { line-height: 9px; height: 25px; font-size: 11px; } .sheet-form-style-3 { max-width: 15%; display: inline-block; } .sheet-form-style-2 ul { margin: 0px; } .sheet-form-style-3 ul { padding: 10px; } .sheet-form-style-3 input { width: 90%; } .sheet-check { width: 15px !important; } .sheet-form-style-3 li>label { display: block; margin-top: -19px; height: 14px; padding: 2px 0px 2px 5px; font-size: 14px; overflow: hidden; font-variant: small-caps; } .sheet-attrWrapper { text-align: center !important; justify-content: center !important; align-content: center !important; background-color: #f7f8f8; font-size: 9px; font-weight: bold; } .sheet-form-style-3 li>input[type="text"] { color: #183642; font-size: 14px; overflow: hidden; font-variant: small-caps; height: 35px; font-size: 16px; padding: 0; background-color: #eff0f0; text-align: center; border: 0px; } .sheet-form-style-3 li { padding: 9px; width: 100%; } .sheet-form-style-3 span { font-size: 9px; } li { list-style: none; padding: 0; } .sheet-form-style-4 li { background-color:#f7f8f8; } .sheet-sectionBreak { width: 90%; margin-left: auto; margin-right: auto; border-top: 1px dotted; } .sheet-gen { border: 0; background: none; box-shadow: none; border-radius: 0px; font-size: 10px; font-size: 10px !important; } .sheet-gen_a { border: 0; background: none; box-shadow: none; border-radius: 0px; font-size: 16px; margin-bottom: 2px; } .sheet-genButton { text-align: center; background-color: #eff0f0; margin-bottom: 15px; line-height: 10px; margin: 0; overflow: visible; text-transform: none; border-style: none; padding: 0; background: transparent; cursor: pointer; color: blue; } .sheet-genButtonResources, .sheet-genButtonResources:hover { text-align: center; background-color: #eff0f0; margin-bottom: 15px; line-height: 10px; overflow: visible; text-transform: none; border-style: none; padding: 10px !important; background: transparent; cursor: pointer; color: blue; } .sheet-rolltemplate-saveCheck, .sheet-rolltemplate-attributes, .sheet-rolltemplate-resources{ padding: 2px; line-height: 1.6em; font-size: 16px; width: 100% } .sheet-rolltemplate-saveCheck div.sheet-template-container, .sheet-rolltemplate-attributes div.sheet-template-container, .sheet-rolltemplate-resources div.sheet-template-container{ background-color: #4f5d75; color: white; padding: 5px; } .sheet-rolltemplate-saveCheck-results div:nth-child(odd){ background-color: rgba(217, 217, 214, 1); color: #4f5d75; border-bottom: 1px dotted black; } .sheet-rolltemplate-saveCheck-results div:nth-child(even){ background-color: rgba(233, 233, 233, 1); color: #4f5d75; border-bottom: 1px dotted black; } .sheet-rolltemplate-saveCheck, .inlinerollresult{ display: inline-block; min-width: 1.5em; text-align: center; } .sheet-rolltemplate-saveCheck .inlinerollresult.fullcrit{ border: 2px solid #3FB315; } .sheet-rolltemplate-saveCheck .inlinerollresult.fullfail{ border: 2px solid #B31515; } .sheet-rolltemplate-saveCheck .inlinerollresult.importantroll{ border: 2px solid #4A57ED; } .sheet-rolltemplate-attributes .sheet-template-header, .sheet-rolltemplate-resources .sheet-template-header { text-align: center; }