body { min-width: 700px; } .charsheet { background-image: url('http://i.imgur.com/7nOvYrH.png'); background-repeat: no-repeat; background-color: white; width: 638px; height: 825px; } .charsheet input[type=number] { width: 40px !important; } .sheet-description { left: 200px; top: 20px; margin-top: 296px; margin-left: 26px; } .sheet-description input { width: 180px; margin-bottom: 8px; background: none; border: none; box-shadow: none; } .sheet-attributes { margin-top: 46px; margin-left: -8px; } .sheet-attributes .sheet-base { margin-left: -2px; margin-top: 2px; } .sheet-attributes input { background: none; border: none; box-shadow: none; } .sheet-attribute button { border: none; background-repeat: no-repeat; background-color: transparent !important; } .sheet-attribute button:before { content: "" !important; } .sheet-attribute button.sheet-str { background-image: url('http://i.imgur.com/1YioCTJ.png'); width: 50px; height: 19px; } .sheet-attribute button.sheet-dex { background-image: url('http://i.imgur.com/vBYpqWm.png'); width: 44px; height: 19px; margin-left: 4px !important; margin-right: 8px !important; } .sheet-attribute button.sheet-con { background-image: url('http://i.imgur.com/tLkEotv.png'); width: 51px; height: 19px; margin-left: 3px !important; margin-right: 2px !important; } .sheet-attribute button.sheet-int { background-image: url('http://i.imgur.com/7x56IBM.png'); width: 43px; height: 19px; margin-left: 8px !important; margin-right: 5px !important; } .sheet-attribute button.sheet-wis { background-image: url('http://i.imgur.com/xwsOMvk.png'); width: 49px; height: 19px; margin-left: 4px !important; margin-right: 3px !important; } .sheet-attribute button.sheet-cha { background-image: url('http://i.imgur.com/8eH1BQe.png'); width: 50px; height: 19px; margin-left: 4px !important; margin-right: 2px !important; } .sheet-attributes .sheet-modifier { margin-left: 28px; font-size: 150%; width: 60px !important; } .sheet-attributes .sheet-loot { margin-left: 68px; margin-top: 4px; } .sheet-attributes .sheet-attribute { margin-bottom: 5px; } .sheet-armor { margin-top: 30px; margin-left: -42px; width: 200px; } .sheet-armor input.sheet-modifier { font-size: 200%; width: 60px !important; margin-left: 28px; margin-top: -20px; } .sheet-armor input { background: none; border: none; box-shadow: none; } .sheet-armor button { margin-left: 96px !important; margin-top: 8px !important; margin-bottom: 4px !important; width: 91px; height: 20px; border: none; background-repeat: no-repeat; background-color: transparent !important; background-image: url('http://i.imgur.com/kKrHP2O.png'); } .sheet-armor button:before { content: "" !important; } .sheet-armor .sheet-base { margin-left: 20px; margin-top: 3px; } .sheet-armor .sheet-loot { margin-left: 102px; margin-top: 5px; } .sheet-effort { margin-top: 10px; margin-left: -24px; width: 200px; } .sheet-effort div { margin-bottom: 0px; } .sheet-effort input { background: none; border: none; box-shadow: none; } .sheet-effort button { width: 60px; height: 60px; border: none; } .sheet-effort button:before { content: "" !important; } .sheet-effort .sheet-basic button { margin-left: 0px !important; margin-top: 0px !important; margin-bottom: 4px !important; background-repeat: no-repeat; background-color: transparent !important; background-image: url('http://i.imgur.com/73W4TX2.png'); } .sheet-effort .sheet-basic .sheet-modifier { margin-left: 0px; margin-top: -4px; } .sheet-effort .sheet-basic .sheet-base { margin-left: 28px; margin-top: -38px; } .sheet-effort .sheet-basic .sheet-loot { margin-left: 127px; margin-top: -60px; } .sheet-effort .sheet-weapons button { margin-left: 0px !important; margin-top: -10px !important; margin-bottom: 4px !important; background-repeat: no-repeat; background-color: transparent !important; background-image: url('http://i.imgur.com/k6pKSMD.png'); } .sheet-effort .sheet-weapons .sheet-modifier { margin-left: 0px; margin-top: -24px; } .sheet-effort .sheet-weapons .sheet-base { margin-left: 32px; margin-top: -56px; } .sheet-effort .sheet-weapons .sheet-loot { margin-left: 132px; margin-top: -66px; } .sheet-effort .sheet-magic button { margin-left: 8px !important; margin-top: -14px !important; margin-bottom: 4px !important; margin-right: -4px !important; background-repeat: no-repeat; background-color: transparent !important; background-image: url('http://i.imgur.com/HbEm4uy.png'); } .sheet-effort .sheet-magic .sheet-modifier { margin-left: 0px; margin-top: -24px; } .sheet-effort .sheet-magic .sheet-base { margin-left: 30px; margin-top: -56px; } .sheet-effort .sheet-magic .sheet-loot { margin-left: 130px; margin-top: -64px; } .sheet-effort .sheet-ultimate button { margin-left: 8px !important; margin-top: -12px !important; margin-bottom: 4px !important; margin-right: -4px !important; background-repeat: no-repeat; background-color: transparent !important; background-image: url('http://i.imgur.com/1RH0NBp.png'); } .sheet-effort .sheet-ultimate .sheet-modifier { margin-left: 0px; margin-top: -26px; } .sheet-effort .sheet-ultimate .sheet-base { margin-left: 34px; margin-top: -62px; } .sheet-effort .sheet-ultimate .sheet-loot { margin-left: 134px; margin-top: -72px; } .sheet-effort input.sheet-modifier { font-size: 150%; width: 40px; } .sheet-hearts { margin-top: -18px; margin-left: 24px; } .sheet-hearts input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 28px; height: 22px; cursor: pointer; padding: 0; border: 0; margin-right: -4px; box-shadow: none; background: url('http://i.imgur.com/F0ExPH1.png'); } .sheet-hearts input[type=checkbox]:checked { background: url('http://i.imgur.com/UYMNhAl.png'); } .sheet-health-tracker { display: inline-block; margin-left: 234px; } .sheet-health-tracker input { background: none; border: none; box-shadow: none; } .sheet-death-save { width: 80px; margin-top: 6px; } .sheet-death-save input[type=number] { background: none; border: none; box-shadow: none; width: 40px !important; margin-left: 530px; margin-top: -104px; font-size: 150%; } .sheet-death-save input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 48px; height: 55px; cursor: pointer; padding: 0; border: 0; margin-left: 516px; margin-top: -48px; box-shadow: none; background: url('http://i.imgur.com/DmEZc4Q.png'); } .sheet-death-save input[type=checkbox]:checked { background: url('http://i.imgur.com/DmEZc4Q.png'); } .sheet-loot { margin-left: 20px; } .sheet-loot input[type=text] { background: none; border: none; box-shadow: none; width: 280px !important; margin-top: -24px; } .sheet-loot input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; box-sizing: borer-box; width: 285px; height: 21px; cursor: pointer; padding: 0; border: 0; margin-left: -281px; margin-top: 6px; box-shadow: none; background: url('http://i.imgur.com/NQZaWIG.png'); } .sheet-loot input[type=checkbox]:checked { background: url('http://i.imgur.com/b1RjqgX.png'); } .sheet-loot .sheet-loot-item { margin-bottom: 2px; } .sheet-loot-col2 { margin-left: -36px; }