mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 11:42:29 +00:00
565 lines
8.4 KiB
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;
|
|
}
|