mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Jeff DeJohn
a32bdcbde2
I understand that I originally uploaded these files incorrectly. I am re-uploading them per forum thread https://app.roll20.net/forum/post/9411466/when-will-the-sprawl-touched-prime-sheet-show/?pageforid=9411466#post-9411466 ______________________ Original notes: I have added/updated elements on the existing character sheet for "The Sprawl" to make it compatible with two official supplements: "Darkening Alley" & "Touched Prime." There are 5 new/updated elements in total: 1: Added a text field to record the character's "kin" 2: Added a field for the new "Touched" attribute with corresponding button to roll the stat into the chat. 2: Added [Artifacts] to the [Intel] & [Gear] list header. 4: Added a name/text field for the character's "coping mechanisms" (& slightly reorganized this portion of the sheet to fit nicer). 5: Added an 'Eldritch Trauma' Tracker, which functions like the Harm clock - complete with buttons to roll Trauma when suffered, and broadcast the trauma level to the chat.
1028 lines
26 KiB
CSS
1028 lines
26 KiB
CSS
.charsheet * {
|
|
box-sizing: border-box;
|
|
}
|
|
.charsheet div{
|
|
white-space: nowrap;
|
|
}
|
|
.charsheet::-webkit-scrollbar {
|
|
width: 8px;
|
|
background-color: #19867e !important;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet::-webkit-scrollbar-corner {
|
|
background-color: #19867e !important;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet::-webkit-scrollbar-track {
|
|
background-color: #041012 !important;
|
|
border-left: 1px solid #ccc;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet::-webkit-scrollbar-thumb {
|
|
background-color: #19867e !important;
|
|
border-radius: 0px !important;
|
|
border: none;
|
|
}
|
|
|
|
.charsheet::-webkit-scrollbar-thumb:hover {
|
|
background-color: #19867e !important;
|
|
border: none;
|
|
}
|
|
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
span.sheet-translate{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.sheet-line{
|
|
display: block;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-clock_numbers {
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #44E6CF !important;
|
|
text-shadow: 0px 0px 15px rgb(0, 255, 187) !important;
|
|
text-transform: uppercase !important;
|
|
letter-spacing: 1px !important;
|
|
font-weight: 100 !important;
|
|
font-size: .65em !important;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.sheet-label,
|
|
input {
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #fffdff;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
}
|
|
.sheet-attrInput {
|
|
font-size: 30px;
|
|
height: 50px;
|
|
width: 50px
|
|
}
|
|
.sheet-bar {
|
|
width: 100%;
|
|
background-color: rgba(102, 102, 102, .4);
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.sheet-attribute {
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
.sheet-column {
|
|
width: 33%;
|
|
float: left;
|
|
padding: 15px;
|
|
}
|
|
.sheet-column5 .sheet-col {
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
.sheet-column6 {
|
|
padding: 0px 0px 0px 0px;
|
|
margin-top: 0px;
|
|
}
|
|
.sheet-column6 .sheet-col {
|
|
width: 14%;
|
|
float: left;
|
|
padding: 0px;
|
|
padding-bottom: 0px;
|
|
text-align: center;
|
|
}
|
|
.sheet-column6 .sheet-col input {
|
|
width: 25%;
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet-column6 .sheet-col label {
|
|
padding-right: 1px;
|
|
}
|
|
.sheet-col {
|
|
width: 25%;
|
|
float: left;
|
|
padding: 0px;
|
|
}
|
|
.charsheet {
|
|
min-width: 852px;
|
|
max-width: 1024px;
|
|
height: auto !important;
|
|
background-color: #0a2328;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
padding: 30px;
|
|
background-image: url("http://i.imgur.com/xnJF9GH.gif"), url("http://i.imgur.com/7F69J5e.gif");
|
|
background-position: left top, right top;
|
|
background-repeat: no-repeat, no-repeat;
|
|
}
|
|
select {
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
.charsheet button {
|
|
background-color: #0a2328 !important;
|
|
box-shadow: none !important;
|
|
background-image: none !important;
|
|
color: white !important;
|
|
border: 1px solid white !important;
|
|
}
|
|
label,
|
|
p,
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #74ffe6;
|
|
text-shadow: 0px 0px 12px rgb(3, 255, 150);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
font-size: 0.76em;
|
|
padding-top: 6px;
|
|
}
|
|
.element {
|
|
color: #FFFFFF;
|
|
font-size: 50px;
|
|
}
|
|
.sheet-row,
|
|
.sheet-2colrow,
|
|
.sheet-3colrow,
|
|
.sheet-row1 {
|
|
margin-top: 10px !important;
|
|
border-top: 1px solid #146D69 !important;
|
|
box-shadow: 0px -5px 8px -7px #2FFFE2 !important;
|
|
padding-bottom: 20px !important;
|
|
}
|
|
.charsheet .sheet-2colrow .sheet-col {
|
|
padding-bottom: 20px !important;
|
|
}
|
|
.charsheet .sheet-2colrow {
|
|
min-height: 165px;
|
|
}
|
|
.sheet-row {
|
|
height: 15px;
|
|
}
|
|
.sheet-row1 {
|
|
height: auto;
|
|
width: 100%;
|
|
display: inline-block;
|
|
}
|
|
.sheet-column5,
|
|
.sheet-column6 {
|
|
border-top: 1px solid #146D69 !important;
|
|
box-shadow: 0px -5px 8px -7px #2FFFE2 !important;
|
|
}
|
|
.sheet-column5 {
|
|
height: 52px;
|
|
}
|
|
.sheet-column6 {
|
|
height: 127px;
|
|
background-color: #0b2729;
|
|
border-top: 11px #0e3133 solid !important;
|
|
}
|
|
.sheet-column4 {
|
|
height: 65px !important;
|
|
}
|
|
label {
|
|
width: auto !important;
|
|
display: inline-block !important;
|
|
padding-top: 20px !important;
|
|
}
|
|
input,
|
|
textarea {
|
|
background-color: #123138;
|
|
border: solid #43E6CF;
|
|
border-width: 0px 0px 1px 0px;
|
|
border-radius: 0px;
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #f0fffc;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
font-size: 0.8em;
|
|
}
|
|
input[type="text"] {
|
|
width: 80% !important;
|
|
}
|
|
input[type="text"].sheet-playbookinput {
|
|
width: 64% !important;
|
|
}
|
|
textarea {
|
|
resize: vertical !important;
|
|
min-height: 100px;
|
|
text-transform: none !important;
|
|
letter-spacing: 0px !important;
|
|
}
|
|
.sheet-orange {
|
|
color: #ffc109;
|
|
text-shadow: 0px 0px 7px rgb(255, 167, 77);
|
|
font-size: 93%;
|
|
}
|
|
.sheet-repeating input[type="text"],
|
|
.sheet-repeating textarea {
|
|
margin-bottom: 10px;
|
|
width: 100% !important;
|
|
min-height: 20px;
|
|
}
|
|
.sheet-repeating textarea {
|
|
height: 80px;
|
|
}
|
|
.sheet-harmclock {
|
|
width: 408px;
|
|
height: 68px;
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
}
|
|
|
|
.sheet-traumaclock {
|
|
width: 298px;
|
|
height: 68px;
|
|
background-image: url("https://i.imgur.com/qWXtkTz.jpg");
|
|
}
|
|
.sheet-harmon1,
|
|
.sheet-harmon2,
|
|
.sheet-harmon3,
|
|
.sheet-harmon4,
|
|
.sheet-harmon5,
|
|
.sheet-harmon6,
|
|
.sheet-harmon7,
|
|
.sheet-traumaon1,
|
|
.sheet-traumaon2,
|
|
.sheet-traumaon3,
|
|
.sheet-traumaon4{
|
|
float: right;
|
|
display: none;
|
|
}
|
|
input.sheet-harm1[type="radio"]:checked~ button.sheet-harmon1 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm2[type="radio"]:checked~ button.sheet-harmon2 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm3[type="radio"]:checked~ button.sheet-harmon3 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm4[type="radio"]:checked~ button.sheet-harmon4 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm5[type="radio"]:checked~ button.sheet-harmon5 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm6[type="radio"]:checked~ button.sheet-harmon6 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm7[type="radio"]:checked~ button.sheet-harmon7 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-harm1[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
}
|
|
input.sheet-harm2[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/r7DeZid.jpg");
|
|
}
|
|
input.sheet-harm3[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/U3HQbtc.jpg");
|
|
}
|
|
input.sheet-harm4[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/chNCCfx.jpg");
|
|
}
|
|
input.sheet-harm5[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/Xtbv4tF.jpg");
|
|
}
|
|
input.sheet-harm6[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/cFWDwj7.jpg");
|
|
}
|
|
input.sheet-harm7[type="radio"]:checked~ .sheet-harmclock {
|
|
background-image: url("http://i.imgur.com/aJQbMCV.jpg");
|
|
background-image: url("http://i.imgur.com/HhmjEZs.jpg");
|
|
}
|
|
|
|
input.sheet-trauma1[type="radio"]:checked~ button.sheet-traumaon1 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-trauma2[type="radio"]:checked~ button.sheet-traumaon2 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-trauma3[type="radio"]:checked~ button.sheet-traumaon3 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
input.sheet-trauma4[type="radio"]:checked~ button.sheet-traumaon4 {
|
|
display: inline;
|
|
font-size: 1.3em !important;
|
|
}
|
|
|
|
input.sheet-trauma1[type="radio"]:checked~ .sheet-traumaclock {
|
|
background-image: url("https://i.imgur.com/qWXtkTz.jpg");
|
|
}
|
|
input.sheet-trauma2[type="radio"]:checked~ .sheet-traumaclock {
|
|
background-image: url("https://i.imgur.com/qWXtkTz.jpg");
|
|
background-image: url("https://i.imgur.com/z2hub54.jpg");
|
|
}
|
|
input.sheet-trauma3[type="radio"]:checked~ .sheet-traumaclock {
|
|
background-image: url("https://i.imgur.com/qWXtkTz.jpg");
|
|
background-image: url("https://i.imgur.com/Z6KqYC6.jpg");
|
|
}
|
|
input.sheet-trauma4[type="radio"]:checked~ .sheet-traumaclock {
|
|
background-image: url("https://i.imgur.com/qWXtkTz.jpg");
|
|
background-image: url("https://i.imgur.com/oDwzvU0.jpg");
|
|
}
|
|
|
|
|
|
input.sheet-harm1,
|
|
input.sheet-harm2,
|
|
input.sheet-harm3,
|
|
input.sheet-harm4,
|
|
input.sheet-harm5,
|
|
input.sheet-harm6,
|
|
input.sheet-harm7,
|
|
input.sheet-trauma1,
|
|
input.sheet-trauma2,
|
|
input.sheet-trauma3,
|
|
input.sheet-trauma4{
|
|
opacity: 0;
|
|
position: relative;
|
|
top: -6px;
|
|
left: 0px;
|
|
z-index: 10;
|
|
}
|
|
|
|
label.sheet-radiolabel1,
|
|
label.sheet-radiolabel2,
|
|
label.sheet-radiolabel3,
|
|
label.sheet-radiolabel4,
|
|
label.sheet-radiolabel5,
|
|
label.sheet-radiolabel6,
|
|
label.sheet-radiolabel7{
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
border-radius: 0 !important;
|
|
border: 1px #44E6CF solid !important;
|
|
display: inline-block !important;
|
|
line-height: 10px !important;
|
|
text-align: center !important;
|
|
color: black !important;
|
|
font-size: 40pt !important;
|
|
cursor: pointer !important;
|
|
background: none !important;
|
|
position: relative !important;
|
|
padding-top: 13px !important;
|
|
padding: 0px 0px 0px 13px;
|
|
margin: 0;
|
|
box-shadow: 0px 0px 24px -3px #43E6CF !important;
|
|
left: -12px;
|
|
}
|
|
label.sheet-radiotraumlabel1,
|
|
label.sheet-radiotraumlabel2,
|
|
label.sheet-radiotraumlabel3,
|
|
label.sheet-radiotraumlabel4{
|
|
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
border-radius: 0 !important;
|
|
border: 1px #44E6CF solid !important;
|
|
display: inline-block !important;
|
|
line-height: 10px !important;
|
|
text-align: center !important;
|
|
color: black !important;
|
|
font-size: 40pt !important;
|
|
cursor: pointer !important;
|
|
background: none !important;
|
|
position: relative !important;
|
|
padding-top: 13px !important;
|
|
padding: 0px 0px 0px 13px;
|
|
margin: 0;
|
|
box-shadow: 0px 0px 24px -3px #43E6CF !important;
|
|
left: -12px;
|
|
}
|
|
input.sheet-harm1:checked+ label.sheet-radiolabel1:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm2:checked+ label.sheet-radiolabel2:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm3:checked+ label.sheet-radiolabel3:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm4:checked+ label.sheet-radiolabel4:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm5:checked+ label.sheet-radiolabel5:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm6:checked+ label.sheet-radiolabel6:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-harm7:checked+ label.sheet-radiolabel7:before {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
input.sheet-trauma1:checked+ label.sheet-radiotraumlabel1:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-trauma2:checked+ label.sheet-radiotraumlabel2:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-trauma3:checked+ label.sheet-radiotraumlabel3:before {
|
|
opacity: 1 !important;
|
|
}
|
|
input.sheet-trauma4:checked+ label.sheet-radiotraumlabel4:before {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
label.sheet-radiolabel1:before,
|
|
label.sheet-radiolabel2:before,
|
|
label.sheet-radiolabel3:before,
|
|
label.sheet-radiolabel4:before,
|
|
label.sheet-radiolabel5:before,
|
|
label.sheet-radiolabel6:before,
|
|
label.sheet-radiolabel7:before,
|
|
label.sheet-radiotraumlabel1:before,
|
|
label.sheet-radiotraumlabel2:before,
|
|
label.sheet-radiotraumlabel3:before,
|
|
label.sheet-radiotraumlabel4:before {
|
|
position: absolute !important;
|
|
top: 1px !important;
|
|
left: 1px !important;
|
|
height: 11px !important;
|
|
width: 11px !important;
|
|
background: #229A91 !important;
|
|
content: '' !important;
|
|
opacity: 0 !important;
|
|
box-shadow: 0px 0px 24px -3px #43E6CF !important;
|
|
}
|
|
.sheet-clockbox {
|
|
display: inline-block;
|
|
width: 18px;
|
|
margin-right: 4px;
|
|
position: relative;
|
|
left: -12px;
|
|
top: -3px;
|
|
}
|
|
.sheet-trauma-clockbox {
|
|
display: inline-block;
|
|
width: 60px;
|
|
margin-right: 4px;
|
|
position: relative;
|
|
left: -12px;
|
|
top: -3px;
|
|
}
|
|
input[type="text"].sheet-linkname {
|
|
width: 79% !important;
|
|
margin-right: 20px !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.sheet-linksmargin {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
.sheet-column6 span {
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #3f8e83;
|
|
text-shadow: 0px 0px 20px rgb(107, 152, 144);
|
|
text-transform: uppercase;
|
|
line-height: 34%;
|
|
letter-spacing: 1px;
|
|
font-weight: 100;
|
|
font-size: 0.7em;
|
|
white-space: nowrap;
|
|
}
|
|
.sheet-column5 .sheet-col input {
|
|
width: 64% !important;
|
|
}
|
|
.sheet-btn {
|
|
background-color: #0a2328;
|
|
border: 1px solid #ffffff;
|
|
}
|
|
.sheet-topcol1 {
|
|
width: 23% !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
.sheet-topcol2 {
|
|
width: 21.5% !important;
|
|
padding-right: 0 !important;
|
|
padding-left: 10px !important;
|
|
}
|
|
.charsheet .sheet-topcol2 input[type="text"].sheet-playbookinput {
|
|
width: 55% !important;
|
|
}
|
|
.sheet-topcol3 {
|
|
width: 12% !important;
|
|
padding-right: 0 !important;
|
|
padding-left: 0px !important;
|
|
}
|
|
.charsheet .sheet-topcol3 input[type="text"].sheet-playbookinput {
|
|
width: 10% !important;
|
|
}
|
|
.sheet-topcol4 {
|
|
width: 10% !important;
|
|
padding-right: 0 !important;
|
|
padding-left: 15px !important;
|
|
}
|
|
.charsheet .sheet-topcol4 input[type="text"].sheet-playbookinput {
|
|
width: 10% !important;
|
|
}
|
|
.sheet-topcol5 {
|
|
width: 30% !important;
|
|
padding-right: 0 !important;
|
|
padding-left: 0px !important;
|
|
}
|
|
.charsheet .sheet-topcol5 input[type="text"].sheet-playbookinput {
|
|
width: 50% !important;
|
|
}
|
|
.charsheet button.sheet-tochat,
|
|
.charsheet button.repcontrol_edit,
|
|
.charsheet button.repcontrol_add {
|
|
font-size: 74% !important;
|
|
text-transform: uppercase !important;
|
|
letter-spacing: 1px !important;
|
|
text-shadow: none !important;
|
|
padding: 6px !important;
|
|
font-family: "Lucida Console", Monaco, monospace !important;
|
|
color: #94cac2 !important;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187) !important;
|
|
border-color: #4e948b !important;
|
|
-webkit-transition: all 0.2s;
|
|
-moz-transition: all 0.2s;
|
|
-ms-transition: all 0.2s;
|
|
-o-transition: all 0.2s;
|
|
transition: all 0.2s;
|
|
}
|
|
.charsheet button.sheet-tochat:hover,
|
|
.charsheet button.repcontrol_edit:hover,
|
|
.charsheet button.repcontrol_add:hover {
|
|
color: #c3fdf4 !important;
|
|
border-color: #c3fdf4 !important;
|
|
}
|
|
.charsheet button.sheet-tochat:before {
|
|
content: "" !important;
|
|
}
|
|
.charsheet button {
|
|
text-shadow: none !important;
|
|
}
|
|
.sheet-column_header {
|
|
padding-bottom: 4px;
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #4fb7a4;
|
|
text-shadow: 0px 0px 12px rgb(3, 255, 150);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
font-size: 0.7em;
|
|
}
|
|
.sheet-column_titles div {
|
|
display: inline-block;
|
|
}
|
|
.sheet-column_titles div input {
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet-column_titles .sheet-gear0 {
|
|
width: 15%;
|
|
}
|
|
.sheet-column_titles .sheet-gear0b {
|
|
width: 15%;
|
|
margin-top: 11px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.sheet-column_titles .sheet-gear0c {
|
|
width: 21%;
|
|
}
|
|
.sheet-column_titles .sheet-gear0d {
|
|
width: 21%;
|
|
margin-top: 11px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.sheet-column_titles .sheet-gear0e {
|
|
width: 12%;
|
|
margin-left: 3px;
|
|
}
|
|
.sheet-column_titles .sheet-gear0f {
|
|
width: 14%!important;
|
|
}
|
|
.sheet-column_titles .sheet-gear0g {
|
|
width: 17%;
|
|
margin-left: 3px;
|
|
}
|
|
.sheet-column_titles .sheet-gear0h {
|
|
width: 2%;
|
|
margin-left: 3px;
|
|
}
|
|
.sheet-column_titles .sheet-gear0i {
|
|
width: 15%;
|
|
margin-left: 20px;
|
|
}
|
|
.sheet-column_titles .sheet-gear1b {
|
|
width: 82%;
|
|
}
|
|
.sheet-column_titles .sheet-gear1 {
|
|
width: 25%;
|
|
}
|
|
.sheet-column_titles .sheet-gear2 {
|
|
width: 82% !important;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-column_titles .sheet-gear2b {
|
|
width: 79% !important;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-column_titles .sheet-gear2c {
|
|
width: 28%;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-column_titles .sheet-gear2d {
|
|
width: 36%;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-column_titles .sheet-gear2e {
|
|
width: 10%;
|
|
margin-top: 6px;
|
|
}
|
|
.sheet-column_titles .sheet-gear2.sheet-long_gear2 input[type="text"] {
|
|
text-transform: none;
|
|
letter-spacing: 0px;
|
|
}
|
|
.sheet-column_titles .sheet-gear3 {
|
|
width: 10%;
|
|
margin-right: 14px;
|
|
}
|
|
.sheet-column_titles .sheet-gear4 {
|
|
width: 66%;
|
|
}
|
|
.sheet-column_titles .sheet-gear4b {
|
|
width: 36%;
|
|
}
|
|
.sheet-column_titles .sheet-gear4c {
|
|
width: 62%;
|
|
}
|
|
.sheet-column_titles .sheet-gear4d {
|
|
width: 67%;
|
|
}
|
|
.sheet-column_titles .sheet-gear4e {
|
|
width: 83%;
|
|
}
|
|
.sheet-column_titles .sheet-gear5 {
|
|
margin-left: 1px;
|
|
text-align: left;
|
|
}
|
|
.sheet-column_titles input[type="text"],
|
|
.sheet-column_titles input[type=number] {
|
|
margin-bottom: 0px !important;
|
|
width: 99% !important;
|
|
}
|
|
.sheet-column_titles textarea {
|
|
font-size: 1.2em;
|
|
}
|
|
.sheet-programs {
|
|
vertical-align: middle;
|
|
line-height: 10px;
|
|
}
|
|
.sheet-twoarea .repcontrol {
|
|
padding-bottom: 23px;
|
|
border-bottom: 1px solid #146D69 !important;
|
|
box-shadow: inset 0px -7px 8px -10px #2FFFE2 !important;
|
|
}
|
|
.charsheet .repcontrol {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
/* ROLL TEMPLATE */
|
|
.withoutavatars .sheet-rolltemplate-spr_desc {
|
|
margin-left: -12px;
|
|
}
|
|
.sheet-rolltemplate-spr_desc {
|
|
margin-left: -42px;
|
|
margin-right: -1px;
|
|
}
|
|
.sheet-rolltemplate-spr_desc {
|
|
height: auto;
|
|
padding: 2px;
|
|
/* background: url(http://i.imgur.com/xBk4U1p.jpg) top left; */
|
|
|
|
background-color: #0a2328;
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #8ed6d3;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
font-size: 0.8em;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table {
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
border: none;
|
|
padding: 10px;
|
|
margin: 0;
|
|
min-width: 100%;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td.sheet-desc_leftcol {
|
|
width: 67px;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td.sheet-desc_rightcol {
|
|
color: #ffc53d;
|
|
text-shadow: 0px 0px 14px rgb(255, 210, 44);
|
|
padding-left: 14px;
|
|
line-height: 1.3em;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td.sheet-desc_rightcol span {
|
|
font-size: 1.2em !important;
|
|
padding: 0;
|
|
font-weight: 100;
|
|
border: 0 !important;
|
|
background-color: #0a2328
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td {
|
|
padding: 0;
|
|
border: none;
|
|
border-top: 1px solid #146D69 !important;
|
|
box-shadow: 0px -5px 8px -7px #2FFFE2 !important;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table th {
|
|
font-size: 1.5em;
|
|
border: none;
|
|
padding: 0 0 4px;
|
|
font-weight: 100;
|
|
color: #ffc53d;
|
|
text-shadow: 0px 0px 14px rgb(255, 210, 44);
|
|
text-align: left;
|
|
}
|
|
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td.sheet-desc_leftcollongoff {
|
|
vertical-align: top;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.sheet-rolltemplate-spr_desc table.sheet-rt-table td.sheet-desc_rightcollongoff {
|
|
font-size: 1.1em;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-transform: none;
|
|
letter-spacing: 0px;
|
|
}
|
|
.sheet-links_icon {
|
|
padding-left: 26px;
|
|
background: url('http://i.imgur.com/OhmAI1U.png') no-repeat scroll -12% 211% transparent;
|
|
}
|
|
.sheet-links-cred {
|
|
padding-left: 29px;
|
|
background: url('http://i.imgur.com/zFl101X.png') no-repeat scroll -14% 211% transparent;
|
|
}
|
|
.sheet-links-intel {
|
|
padding-left: 26px;
|
|
background: url('http://i.imgur.com/cGFPzoi.png') no-repeat scroll -4% 211% transparent;
|
|
}
|
|
.sheet-links-harm {
|
|
padding-left: 26px;
|
|
background: url('http://i.imgur.com/YCaQ6c4.png') no-repeat scroll -17% 211% transparent;
|
|
}
|
|
.sheet-links-trauma {
|
|
padding-left: 27px;
|
|
background: url('https://i.imgur.com/g62EvBG.png') no-repeat scroll -5% 211% transparent;
|
|
}
|
|
.sheet-links-moves {
|
|
padding-left: 28px;
|
|
background: url('http://i.imgur.com/V0oFE72.png') no-repeat scroll -12% 211% transparent;
|
|
}
|
|
.sheet-links-contacts {
|
|
padding-left: 26px;
|
|
background: url('http://i.imgur.com/Iw98XMM.png') no-repeat scroll -12% 211% transparent;
|
|
}
|
|
.sheet-links-copingmechanisms {
|
|
padding-left: 32px;
|
|
background: url('https://i.imgur.com/Wpe2z1Q.png') no-repeat scroll -2% 272% transparent;
|
|
}
|
|
.sheet-links-cyberware {
|
|
padding-left: 31px;
|
|
background: url('http://i.imgur.com/aHaAvKB.png') no-repeat scroll -5% 164% transparent;
|
|
}
|
|
.sheet-links-directives {
|
|
padding-left: 29px;
|
|
background: url('http://i.imgur.com/LXgrgJh.png') no-repeat scroll -8% 272% transparent;
|
|
}
|
|
.sheet-links-equipment {
|
|
padding-left: 32px;
|
|
background: url('http://i.imgur.com/5oql03z.png') no-repeat scroll -2% 190% transparent;
|
|
}
|
|
.sheet-links-weapons {
|
|
padding-left: 64px;
|
|
background: url('http://i.imgur.com/7lBrJFV.png') no-repeat scroll -12% 240% transparent;
|
|
}
|
|
.sheet-links-vehicles {
|
|
padding-left: 42px;
|
|
background: url('http://i.imgur.com/c5eIsbh.png') no-repeat scroll -3% 392% transparent;
|
|
}
|
|
.sheet-links-drones {
|
|
padding-left: 52px;
|
|
background: url('http://i.imgur.com/cLgCqBT.png') no-repeat scroll -2% 166% transparent;
|
|
}
|
|
.sheet-links-cyberdeck {
|
|
padding-left: 36px;
|
|
background: url('http://i.imgur.com/Jhmglku.png') no-repeat scroll -4% 219% transparent;
|
|
}
|
|
.sheet-links-programs {
|
|
padding-left: 38px;
|
|
background: url('http://i.imgur.com/IlCNIed.png') no-repeat scroll -0% 217% transparent;
|
|
}
|
|
.sheet-links-gangs {
|
|
padding-left: 38px;
|
|
background: url('http://i.imgur.com/0UhtFtz.png') no-repeat scroll -6% 240% transparent;
|
|
}
|
|
.sheet-links-crews {
|
|
padding-left: 39px;
|
|
background: url('http://i.imgur.com/CcaKNRE.png') no-repeat scroll 5% 165% transparent;
|
|
}
|
|
.sheet-links-notes {
|
|
padding-left: 34px;
|
|
background: url('http://i.imgur.com/qOu4PMD.png') no-repeat scroll -2% 225% transparent;
|
|
}
|
|
|
|
/* FLIP SWITCH STUFF */
|
|
.sheet-flipswitch {
|
|
position: relative;
|
|
width: 100%;
|
|
height: auto;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
.sheet-flipswitch input[type=checkbox] {
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 68px;
|
|
height: 27px;
|
|
z-index:10;
|
|
}
|
|
.sheet-flipswitch-label1,
|
|
.sheet-flipswitch-label2,
|
|
.sheet-flipswitch-label3 {
|
|
display: block;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
border: 1px solid #4e948b;
|
|
border-radius: 50px;
|
|
padding: 0px !important;
|
|
margin: 0px !important;
|
|
box-shadow: 0px 0px 10px -3px #43E6CF !important;
|
|
}
|
|
.sheet-flipswitch-inner1,
|
|
.sheet-flipswitch-inner2,
|
|
.sheet-flipswitch-inner3 {
|
|
width: 200%;
|
|
margin-left: -100%;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
-ms-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.sheet-flipswitch-inner1:before,
|
|
.sheet-flipswitch-inner1:after,
|
|
.sheet-flipswitch-inner2:before,
|
|
.sheet-flipswitch-inner2:after,
|
|
.sheet-flipswitch-inner3:before,
|
|
.sheet-flipswitch-inner3:after {
|
|
float: left;
|
|
width: 50%;
|
|
height: 24px;
|
|
padding: 0;
|
|
padding-right: 7px;
|
|
padding-top: 3px;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
font-family: "Lucida Console", Monaco, monospace;
|
|
color: #97ADAA;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187);
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-weight: 100;
|
|
font-size: 0.8em;
|
|
text-shadow: 0px 0px 14px rgb(0, 255, 187) !important;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
-ms-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.sheet-flipswitch-inner1:before,
|
|
.sheet-flipswitch-inner2:before,
|
|
.sheet-flipswitch-inner3:before {
|
|
content: "ON";
|
|
padding-left: 12px;
|
|
background-color: #28c7c0;
|
|
color: #0a2328;
|
|
}
|
|
.sheet-flipswitch-inner1:after,
|
|
.sheet-flipswitch-inner2:after,
|
|
.sheet-flipswitch-inner3:after {
|
|
content: "OFF";
|
|
padding-right: 12px;
|
|
background-color: #0a2328;
|
|
color: #97ADAA;
|
|
text-align: right;
|
|
}
|
|
.sheet-flipswitch-switch1,
|
|
.sheet-flipswitch-switch2,
|
|
.sheet-flipswitch-switch3 {
|
|
width: 28px;
|
|
height: 27px;
|
|
margin: -0.5px;
|
|
background: #FFFFFF;
|
|
border: 2px solid #26928d;
|
|
border-radius: 50px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 2px;
|
|
box-shadow: 0px 0px 24px -3px #43E6CF !important;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
-ms-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.sheet-flipswitch-cb1:checked+ .sheet-flipswitch-label1 .sheet-flipswitch-inner1 {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-flipswitch-cb1:checked+ .sheet-flipswitch-label1 .sheet-flipswitch-switch1 {
|
|
left: 41px;
|
|
}
|
|
.sheet-flipswitch-cb2:checked+ .sheet-flipswitch-label2 .sheet-flipswitch-inner2 {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-flipswitch-cb2:checked+ .sheet-flipswitch-label2 .sheet-flipswitch-switch2 {
|
|
left: 41px;
|
|
}
|
|
.sheet-flipswitch-cb3:checked+ .sheet-flipswitch-label3 .sheet-flipswitch-inner3 {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-flipswitch-cb3:checked+ .sheet-flipswitch-label3 .sheet-flipswitch-switch3 {
|
|
left: 41px;
|
|
}
|
|
.sheet-checkboxes2 .sheet-collapsible2.sheet-section2 {
|
|
display: none;
|
|
}
|
|
.sheet-flipswitch-cb1:checked~ .sheet-collapsible2.sheet-section2 {
|
|
display: inline;
|
|
}
|
|
.sheet-checkboxes3 .sheet-collapsible3.sheet-section2 {
|
|
display: none;
|
|
}
|
|
.sheet-flipswitch-cb2:checked~ .sheet-collapsible3.sheet-section2 {
|
|
display: inline;
|
|
}
|
|
.sheet-checkboxes4 .sheet-collapsible4.sheet-section2 {
|
|
display: none;
|
|
}
|
|
.sheet-flipswitch-cb3:checked~ .sheet-collapsible4.sheet-section2 {
|
|
display: inline;
|
|
}
|
|
.sheet-test {
|
|
height: auto;
|
|
padding-top: 5px;
|
|
}
|
|
div.sheet-test .sheet-row1,
|
|
div.sheet-test .sheet-2colrow,
|
|
div.sheet-block {
|
|
border-top: 1px solid #f3a332 !important;
|
|
box-shadow: 0px -5px 10px -7px #ff935f !important;
|
|
}
|
|
div.sheet-test label {
|
|
color: #f3a332;
|
|
text-shadow: 0px 0px 15px #ff935f !important;
|
|
}
|
|
button.sheet-btn.sheet-tochat.sheet-rollharm.btn.ui-draggable {
|
|
float: left;
|
|
font-size: 1.3em !important;
|
|
}
|
|
button.sheet-btn.sheet-tochat.sheet-rolltrauma.btn.ui-draggable {
|
|
float: left;
|
|
font-size: 1.3em !important;
|
|
}
|