.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; } .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: 13px 0px 58px 0px; margin-top: 8px; } .sheet-column6 .sheet-col { width: 16.5%; float: left; padding: 0px; padding-bottom: 24px; text-align: center; } .sheet-column6 .sheet-col input { width: 35%; font-size: 1.2em; } .sheet-column6 .sheet-col label { padding-right: 5px; } .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-harmon1, .sheet-harmon2, .sheet-harmon3, .sheet-harmon4, .sheet-harmon5, .sheet-harmon6, .sheet-harmon7 { 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-harm1, input.sheet-harm2, input.sheet-harm3, input.sheet-harm4, input.sheet-harm5, input.sheet-harm6, input.sheet-harm7 { 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; } 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; } 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 { 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; } 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: 25% !important; padding-left: 0 !important; padding-right: 0 !important; } .sheet-topcol2 { width: 22% !important; padding-right: 0 !important; padding-left: 15px !important; } .charsheet .sheet-topcol2 input[type="text"].sheet-playbookinput { width: 50% !important; } .sheet-topcol3 { width: 19% !important; padding-right: 0 !important; padding-left: 6px !important; } .charsheet .sheet-topcol3 input[type="text"].sheet-playbookinput { width: 26% !important; } .sheet-topcol4 { width: 34% !important; padding-right: 0 !important; padding-left: 0 !important; } .charsheet .sheet-topcol4 input[type="text"].sheet-playbookinput { width: 45% !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-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-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; }