body { min-width: 700px; } .charsheet { background-image: url('https://i.imgur.com/ao18zoI.png'); background-repeat: no-repeat; background-color: white; width: 638px; height: 850px; } .charsheet input[type=number] { width: 40px !important; } .playername1 { position: absolute; top: 178px; left: 165px; } .playername1 input { width: 180px; background: none; border: none; box-shadow: none; } .charactername1 { position: absolute; top: 203px; left: 190px; } .charactername1 input { width: 180px; background: none; border: none; box-shadow: none; } .characterclass1 { position: absolute; top: 225px; left: 125px; } .characterclass1 input{ width: 180px; background: none; border: none; box-shadow: none; } .characterlevel{ position: absolute; top: 250px; left: 125px; } .characterlevel input{ background: none; border: none; box-shadow: none; } .characterxp { position: absolute; top: 250px; left: 175px; } .characterxp input{ width: 80px; background: none; border: none; box-shadow: none; } .characterdef{ position: absolute; top: 335px; left: 135px; } .characterdef input{ font-size: 150%; min-width: 50px !important; background: none; border: none; box-shadow: none; } .characterhpmax{ position: absolute; top: 335px; left: 217px; } .characterhpmax input{ background: none; border: none; box-shadow: none; } .characterhpcurrent{ position: absolute; top: 335px; left: 247px; } .characterhpcurrent input{ background: none; border: none; box-shadow: none; } .characterstats { position: absolute; top: 435px; left: 33px; } .attribute { position: relative; margin-top: 14px; } .attribute input{ font-size: 175%; min-width: 50px !important; background: none; border: none; box-shadow: none; text-align:center } .itemweapons { position: absolute; top: 328px; left: 388px; } .itemweapons2 { resize: none; max-height: 60px; max-width: 350px; background: none; border: none; box-shadow: none; line-height: 165%; } .DBDice1 { position: absolute; top: 206px; left: 373px; } .DBDice1 input{ margin-left: 6px; border: none; } .DBDice1 input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 40px; height: 40px; border: none; box-shadow: none; } .DBDice1 input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 40px; height: 40px; background: url('https://i.imgur.com/G340Rct.png'); background-size: cover; } .DBDice2 { position: absolute; top: 259px; left: 373px; } .DBDice2 input{ margin-left: 6px; border: none; } .DBDice2 input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 40px; height: 40px; border: none; box-shadow: none; } .DBDice2 input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 40px; height: 40px; background: url('https://i.imgur.com/G340Rct.png'); background-size: cover; } .sheet-10colrow{ position: absolute; top: 720px; left: 398px; } .sheet-10colrow input{ margin-left: 1px; } .sheet-10colrow input[type=checkbox] { width: 15px; height: 15px; box-shadow: none; border: none; } .sheet-10colrow input[type=checkbox]:checked { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 15px; height: 15px; background-image:url(http://csscheckbox.com/checkboxes/lite-x-red.png); background-position: 0 -15px; } .itemarmor { position: absolute; top: 415px; left: 388px; } .itemarmor2 { resize: none; max-height: 18px; max-width: 350px; background: none; border: none; box-shadow: none; } .itemequipment { position: absolute; top: 460px; left: 393px; } .itemequipment2 { resize: none; min-height:220px; max-height: 220px; max-width: 350px; background: none; border: none; box-shadow: none; line-height: 165%; } .SpecalAbilities { position: absolute; top: 798px; left: 70px; } .SpecalAbilities2 { resize: none; min-height:100px; min-width: 415px; max-height: 100px; max-width: 415px; background: none; border: none; box-shadow: none; line-height: 165%; } .charactermoney { position: absolute; top: 777px; left: 548px; } .charactermoney input{ margin-top: 12px; min-width: 80px; max-width: 80px; background: none; border: none; box-shadow: none; }