Files
roll20-character-sheets/Taura/TauraSheet.css

565 lines
8.4 KiB
CSS

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;
}