div.menu { float:right; } div.sheet { background-image: url("img/Character Sheet.png"); width: 647px; height: 848px; position: relative; } .error { color: red; } div.circlesSmall { background-image: none; width: 37px; height: 7px; } div.circlesSmall1 { background-image: url("img/CirclesSmall1.png"); } div.circlesSmall2 { background-image: url("img/CirclesSmall2.png"); } div.circlesSmall3 { background-image: url("img/CirclesSmall3.png"); } div.circlesSmall4 { background-image: url("img/CirclesSmall4.png"); } div.circlesSmall5 { background-image: url("img/CirclesSmall5.png"); } div.circlesBig { background-image: none; width: 65px; height: 13px; } div.circlesBig1 { background-image: url("img/CirclesBig1.png"); } div.circlesBig2 { background-image: url("img/CirclesBig2.png"); } div.circlesBig3 { background-image: url("img/CirclesBig3.png"); } div.circlesBig4 { background-image: url("img/CirclesBig4.png"); } div.circlesBig5 { background-image: url("img/CirclesBig5.png"); } div.block { background-image: none; width: 14px; height: 13px; } div.blockChecked { background-image: url("img/BlockChecked.png"); } div.blockDisabled { background-image: url("img/BlockDisabled.png"); } .smallText { width: 44px; height: 18px; font-size: 10px; text-align: center; } input, select, textarea { background: transparent; border: none; } select { border: none; -webkit-appearance: none; } #NAME { position: absolute; left: 17px; top: 46px; width: 194px; } #AGE { position: absolute; left: 17px; top: 77px; width: 93px; text-align: right; } #SEX { position: absolute; left: 118px; top: 77px; width: 93px; direction: rtl; } #CONCEPT { position: absolute; left: 17px; top: 118px; width: 194px; height: 65px; } #KARMA_COST { position: absolute; left: 17px; top: 300px; width: 93px; text-align: center; } #ATTR_COST { position: absolute; left: 118px; top: 300px; width: 93px; text-align: center; } #VITALITY { position: absolute; left: 238px; top: 56px; width: 84px; text-align: center; font-size: 24px; border: none; } #VITALITY_MAX { position: absolute; left: 278px; top: 92px; } #SOUL { position: absolute; left: 330px; top: 56px; width: 84px; text-align: center; font-size: 24px; border: none; } #SOUL_MAX { position: absolute; left: 370px; top: 92px; } #KIAI_CUR { position: absolute; left: 238px; top: 170px; width: 84px; text-align: center; font-size: 32px; border: none; } #KIAI_SPENT { position: absolute; left: 326px; top: 170px; width: 84px; text-align: center; font-size: 32px; border: none; } #KARMA { position: absolute; left: 238px; top: 274px; width: 100px; text-align: center; font-size: 32px; border: none; } #KARMA_PLAYER { position: absolute; left: 344px; top: 274px; width: 70px; } #KARMA_MEIKYO{ position: absolute; left: 344px; top: 306px; width: 70px; } #FATE_0 { position: absolute; left: 17px; top: 386px; width: 184px;}#FATE_COST_0 { position: absolute; left: 164px; top: 379px; } #FATE_1 { position: absolute; left: 17px; top: 423.25px; width: 184px;}#FATE_COST_1 { position: absolute; left: 164px; top: 416.25px; } #FATE_2 { position: absolute; left: 17px; top: 460.5px; width: 184px;}#FATE_COST_2 { position: absolute; left: 164px; top: 453.5px; } #FATE_3 { position: absolute; left: 17px; top: 497.75px; width: 184px;}#FATE_COST_3 { position: absolute; left: 164px; top: 490.75px; } #FATE_4 { position: absolute; left: 209px; top: 386px; width: 184px;}#FATE_COST_4 { position: absolute; left: 356px; top: 379px; } #FATE_5 { position: absolute; left: 209px; top: 423.25px; width: 184px;}#FATE_COST_5 { position: absolute; left: 356px; top: 416.25px; } #FATE_6 { position: absolute; left: 209px; top: 460.5px; width: 184px;}#FATE_COST_6 { position: absolute; left: 356px; top: 453.5px; } #FATE_7 { position: absolute; left: 209px; top: 497.75px; width: 184px;}#FATE_COST_7 { position: absolute; left: 356px; top: 490.75px; } #FATE_COST_TOTAL { position: absolute; left: 370px; top: 523px; } #SKILL_Body_V { position: absolute; left: 592px; top: 72px; } #SKILL_Body { position: absolute; left: 556px; top: 72px; } #ATTR_Unarmed_Combat { position: absolute; left: 552px; top: 94px; } #ATTR_Wormcharm { position: absolute; left: 552px; top: 109.4px; } #SKILL_Agility_V { position: absolute; left: 592px; top: 146.4px; } #SKILL_Agility { position: absolute; left: 556px; top: 146.4px; } #ATTR_Movement { position: absolute; left: 552px; top: 168.4px; } #ATTR_Melee_Weapons { position: absolute; left: 552px; top: 183.8px; } #ATTR_Evasion { position: absolute; left: 552px; top: 199.2px; } #ATTR_Stealth { position: absolute; left: 552px; top: 214.6px; } #ATTR_Ninjutsi { position: absolute; left: 552px; top: 230px; } #ATTR_Criminal_Arts { position: absolute; left: 552px; top: 245.4px; } #SKILL_Senses_V { position: absolute; left: 592px; top: 282.4px; } #SKILL_Senses { position: absolute; left: 556px; top: 282.4px; } #ATTR_First_Aid { position: absolute; left: 552px; top: 304.4px; } #ATTR_Notice { position: absolute; left: 552px; top: 319.8px; } #ATTR_Marksman { position: absolute; left: 552px; top: 335.2px; } #ATTR_Pursuit_OR_Hunt { position: absolute; left: 552px; top: 350.6px; } #ATTR_Forgery { position: absolute; left: 552px; top: 366px; } #SKILL_Knowledge { position: absolute; left: 592px; top: 403px; } #ATTR_Information { position: absolute; left: 552px; top: 425px; } #ATTR_Onmyojustu { position: absolute; left: 552px; top: 440.4px; } #SKILL_Spirit { position: absolute; left: 592px; top: 477.4px; } #ATTR_Willpower { position: absolute; left: 552px; top: 499.4px; } #ATTR_Resonance { position: absolute; left: 552px; top: 514.8px; } #ATTR_Interface { position: absolute; left: 552px; top: 530.2px; } #ATTR_Buddhist_Magic { position: absolute; left: 552px; top: 545.6px; } #SKILL_Empathy { position: absolute; left: 592px; top: 582.6px; } #ATTR_Pursuasion { position: absolute; left: 552px; top: 604.6px; } #ATTR_Pillow_Arts { position: absolute; left: 552px; top: 620px; } #ATTR_Perform { position: absolute; left: 552px; top: 635.4px; } #SKILL_Station { position: absolute; left: 592px; top: 672.4px; } #ATTR_Strategy { position: absolute; left: 552px; top: 694.4px; } #ATTR_Etiquette { position: absolute; left: 552px; top: 709.8px; } #ATTR_Shinto { position: absolute; left: 552px; top: 725.2px; } #ATTR_Art_of_Rule { position: absolute; left: 552px; top: 740.6px; } #WOUND_LIGHT_0 { position: absolute; left: 14px; top: 586px; } #WOUND_LIGHT_1 { position: absolute; left: 24px; top: 586px; } #WOUND_LIGHT_2 { position: absolute; left: 34px; top: 586px; } #WOUND_LIGHT_3 { position: absolute; left: 44px; top: 586px; } #WOUND_LIGHT_4 { position: absolute; left: 54px; top: 586px; } #WOUND_LIGHT_5 { position: absolute; left: 68.5px; top: 586px; } #WOUND_LIGHT_6 { position: absolute; left: 78.5px; top: 586px; } #WOUND_LIGHT_7 { position: absolute; left: 88.5px; top: 586px; } #WOUND_LIGHT_8 { position: absolute; left: 98.5px; top: 586px; } #WOUND_LIGHT_9 { position: absolute; left: 108.5px; top: 586px; } #WOUND_LIGHT_10 { position: absolute; left: 123px; top: 586px; } #WOUND_LIGHT_11 { position: absolute; left: 133px; top: 586px; } #WOUND_LIGHT_12 { position: absolute; left: 143px; top: 586px; } #WOUND_LIGHT_13 { position: absolute; left: 153px; top: 586px; } #WOUND_LIGHT_14 { position: absolute; left: 163px; top: 586px; } #WOUND_LIGHT_15 { position: absolute; left: 177.5px; top: 586px; } #WOUND_LIGHT_16 { position: absolute; left: 187.5px; top: 586px; } #WOUND_LIGHT_17 { position: absolute; left: 197.5px; top: 586px; } #WOUND_LIGHT_18 { position: absolute; left: 207.5px; top: 586px; } #WOUND_LIGHT_19 { position: absolute; left: 217.5px; top: 586px; } #WOUND_HEAVY_0 { position: absolute; left: 261px; top: 586px; } #WOUND_HEAVY_1 { position: absolute; left: 271px; top: 586px; } #WOUND_HEAVY_2 { position: absolute; left: 281px; top: 586px; } #WOUND_HEAVY_3 { position: absolute; left: 291px; top: 586px; } #WOUND_HEAVY_4 { position: absolute; left: 301px; top: 586px; } #WOUND_HEAVY_5 { position: absolute; left: 315.5px; top: 586px; } #WOUND_HEAVY_6 { position: absolute; left: 325.5px; top: 586px; } #WOUND_HEAVY_7 { position: absolute; left: 335.5px; top: 586px; } #WOUND_HEAVY_8 { position: absolute; left: 345.5px; top: 586px; } #WOUND_HEAVY_9 { position: absolute; left: 355.5px; top: 586px; } #WOUND_CRIT_0 { position: absolute; left: 14px; top: 620px; } #WOUND_CRIT_1 { position: absolute; left: 24px; top: 620px; } #WOUND_CRIT_2 { position: absolute; left: 34px; top: 620px; } #WOUND_CRIT_3 { position: absolute; left: 44px; top: 620px; } #WOUND_CRIT_4 { position: absolute; left: 54px; top: 620px; } #WOUND_DEAD { position: absolute; left: 260px; top: 620px; } #WEAPON_0 { position: absolute; left: 16px; top: 691px; width: 194px; text-align: left; } #WEAPON_1 { position: absolute; left: 16px; top: 707px; width: 194px; text-align: left; } #WEAPON_2 { position: absolute; left: 16px; top: 723px; width: 194px; text-align: left; } #WEAPON_3 { position: absolute; left: 16px; top: 739px; width: 194px; text-align: left; } #POSSESSIONS { position: absolute; left: 17px; top: 800px; width: 194px; height: 30px; text-align: left; }