input, textarea { background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; position: relative; resize: none; } /* Fix for arrows in number fields */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; /* Firefox */ } .sheet-character-sheet { width: 867px; height: 1121px; background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Taura/TauraSheet.png") top left no-repeat; } /* Personal details */ .sheet-character-name { top: 33px; left: 147px; width: 240px; } .sheet-character-race { left: 174px; top: 32px; width: 213px; } .sheet-character-concept { left: 152px; top: 31px; width: 235px; } /* Attributes */ .sheet-fortitude-value, .sheet-reflexes-value, .sheet-willpower-value, .sheet-intellect-value { left: 97px; text-align: center; font-size: 20; border-radius: 25px; width: 32px !important; height: 32px !important; } .sheet-fortitude-value { top: 67px; } .sheet-reflexes-value { top: 121px; } .sheet-willpower-value { top: 172px; } .sheet-intellect-value { top: 224px; } .sheet-fortitude-aspect, .sheet-reflexes-aspect, .sheet-willpower-aspect, .sheet-intellect-aspect { left: 137px; height: 24px; width: 198px; } .sheet-fortitude-aspect { top: -59px; } .sheet-reflexes-aspect { top: -2px; } .sheet-willpower-aspect { top: 54px; } .sheet-intellect-aspect { top: 110px; } /* General checkbox configuration */ .sheet-health-point-1, .sheet-health-point-2, .sheet-health-point-3, .sheet-health-point-4, .sheet-health-point-5, .sheet-fatigue-point-1, .sheet-fatigue-point-2, .sheet-fatigue-point-3, .sheet-fatigue-point-4, .sheet-fatigue-point-5, .sheet-position-point-1, .sheet-position-point-2, .sheet-position-point-3, .sheet-position-point-4, .sheet-position-point-5, .sheet-sanity-point-1, .sheet-sanity-point-2, .sheet-sanity-point-3, .sheet-sanity-point-4, .sheet-sanity-point-5, .sheet-drama-point-1, .sheet-drama-point-2, .sheet-drama-point-3, .sheet-drama-point-4, .sheet-drama-point-5, .sheet-drama-point-6, .sheet-drama-point-7, .sheet-drama-point-8, .sheet-drama-point-9, .sheet-drama-point-10 { -webkit-appearance: none; background-color: white; border-radius: 50%; border: 1px solid #ddd; cursor: pointer; height: 15px !important; outline: none; vertical-align: middle; width: 15px !important; } .sheet-health-point-1:checked, .sheet-health-point-2:checked, .sheet-health-point-3:checked, .sheet-health-point-4:checked, .sheet-health-point-5:checked, .sheet-fatigue-point-1:checked, .sheet-fatigue-point-2:checked, .sheet-fatigue-point-3:checked, .sheet-fatigue-point-4:checked, .sheet-fatigue-point-5:checked, .sheet-position-point-1:checked, .sheet-position-point-2:checked, .sheet-position-point-3:checked, .sheet-position-point-4:checked, .sheet-position-point-5:checked, .sheet-sanity-point-1:checked, .sheet-sanity-point-2:checked, .sheet-sanity-point-3:checked, .sheet-sanity-point-4:checked, .sheet-sanity-point-5:checked, .sheet-drama-point-1:checked, .sheet-drama-point-2:checked, .sheet-drama-point-3:checked, .sheet-drama-point-4:checked, .sheet-drama-point-5:checked, .sheet-drama-point-6:checked, .sheet-drama-point-7:checked, .sheet-drama-point-8:checked, .sheet-drama-point-9:checked, .sheet-drama-point-10:checked { background-color: black; } /* Health points */ .sheet-health-point-1, .sheet-health-point-2, .sheet-health-point-3, .sheet-health-point-4, .sheet-health-point-5 { top: -142px; } .sheet-health-point-1 { left: 214px; } .sheet-health-point-2 { left: 218px; } .sheet-health-point-3 { left: 225px; } .sheet-health-point-4 { left: 230px; } .sheet-health-point-5 { left: 235px; } /* Fatigue points */ .sheet-fatigue-point-1, .sheet-fatigue-point-2, .sheet-fatigue-point-3, .sheet-fatigue-point-4, .sheet-fatigue-point-5 { top: -77px; } .sheet-fatigue-point-1 { left: 214px; } .sheet-fatigue-point-2 { left: 218px; } .sheet-fatigue-point-3 { left: 225px; } .sheet-fatigue-point-4 { left: 230px; } .sheet-fatigue-point-5 { left: 235px; } /* Position points */ .sheet-position-point-1, .sheet-position-point-2, .sheet-position-point-3, .sheet-position-point-4, .sheet-position-point-5 { top: -9px; } .sheet-position-point-1 { left: 214px; } .sheet-position-point-2 { left: 218px; } .sheet-position-point-3 { left: 225px; } .sheet-position-point-4 { left: 230px; } .sheet-position-point-5 { left: 235px; } /* Sanity points */ .sheet-sanity-point-1, .sheet-sanity-point-2, .sheet-sanity-point-3, .sheet-sanity-point-4, .sheet-sanity-point-5 { top: 58px; } .sheet-sanity-point-1 { left: 214px; } .sheet-sanity-point-2 { left: 218px; } .sheet-sanity-point-3 { left: 225px; } .sheet-sanity-point-4 { left: 230px; } .sheet-sanity-point-5 { left: 235px; } /* Drama points */ .sheet-drama-value { left: 464px; top: -241px; width: 60px !important; height: 60px !important; border-radius: 50%; text-align: center; font-size: 30px; } .sheet-drama-point-1 { top: -288px; left: 432px; } .sheet-drama-point-2 { top: -286px; left: 434px; } .sheet-drama-point-3 { top: -285px; left: 443px; } .sheet-drama-point-4 { top: -289px; left: 457px; } .sheet-drama-point-5 { top: -300px; left: 475px; } .sheet-drama-point-6 { top: -319px; left: 497px; } .sheet-drama-point-7 { top: -345px; left: 516px; } .sheet-drama-point-8 { top: -376px; left: 530px; } .sheet-drama-point-9 { top: -413px; left: 538px; } .sheet-drama-point-10 { top: -451px; left: 541px; } /* Approaches points */ .sheet-discipline-value, .sheet-rush-value, .sheet-caution-value { border-radius: 50%; font-size: 19px; height: 33px !important; text-align: center; width: 33px !important; } .sheet-discipline-value { left: 709px; top: -512px; } .sheet-rush-value { left: 672px; top: -476px; } .sheet-caution-value { left: 749px; top: -509px; } /* Additional stats */ .sheet-initiative-value, .sheet-melee-damage-value, .sheet-ranged-damage-value, .sheet-supernatural-damage-value, .sheet-defense-value, .sheet-unprepared-value { border-radius: 50%; font-size: 14px; height: 24px !important; left: 409px; text-align: center; top: -462px; width: 24px !important; } .sheet-melee-damage-value { top: -459px; } .sheet-ranged-damage-value { top: -455px; } .sheet-supernatural-damage-value { top: -452px; } .sheet-defense-value { top: -448px; } .sheet-unprepared-value { top: -445px; } .sheet-weapon-1-value, .sheet-weapon-2-value, .sheet-armor-value, .sheet-reinforcement-value, .sheet-shield-value, .sheet-toughness-value, .sheet-pa-value, .sheet-minus-defense-value { top: -611px; left: 625px; width: 186px; } .sheet-weapon-2-value { top: -613px; left: 594px; width: 226px; } .sheet-armor-value { top: -614px; left: 647px; width: 173px; } .sheet-reinforcement-value { top: -615px; left: 640px; width: 180px; } .sheet-shield-value { top: -616px; left: 630px; width: 192px; } .sheet-toughness-value, .sheet-pa-value, .sheet-minus-defense-value { border-radius: 50%; font-size: 14px; height: 24px !important; left: 643px; text-align: center; top: -607px; width: 24px !important; } .sheet-pa-value { left: 682px; } .sheet-minus-defense-value { left: 724px; } .sheet-hitos { top: -526px; left: 122px; width: 400px; height: 200px; } .sheet-talents { top: -747px; left: 578px; width: 198px; height: 130px; } hr { border-width: 3px; left: 247px; position: relative; top: -780px; width: 208px; } .sheet-label { left: 633px; position: relative; } .sheet-potence { top: -793px; } .sheet-potence-value { top: -794px; } .sheet-structure { top: -790px; } .sheet-structure-value { top: -788px; } .sheet-versatility { top: -784px; } .sheet-versatility-value { top: -785px; } .sheet-potence-value, .sheet-structure-value, .sheet-versatility-value { border-radius: 50%; font-size: 14px; height: 24px !important; left: 626px; text-align: center; width: 24px !important; } .sheet-ship-talents { height: 41px; left: 599px; width: 154px; top: -780px; } .sheet-problem { top: -844px; left: 128px; width: 400px; } .sheet-consecuences, .sheet-equipment, .sheet-relationships { top: -761px; left: 130px; width: 185px; height: 155px; } .sheet-equipment { left: 128px; } .sheet-relationships { left: 193px; width: 173px; height: 150px; top: -773px; }