roll20-character-sheets/The Sprawl/thesprawl_style.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:0 0 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:0 0 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 0 58px 0;margin-top:8px}.sheet-column6 .sheet-col{width:16.5%;float:left;padding:0;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:0}.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:0 0 12px rgb(3,255,150);text-transform:uppercase;letter-spacing:2px;font-weight:100;font-size:.76em;padding-top:6px}.element{color:#FFF;font-size:50px}.sheet-row,.sheet-2colrow,.sheet-3colrow,.sheet-row1{margin-top:10px!important;border-top:1px solid #146D69!important;box-shadow:0 -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:0 -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:0 0 1px 0;border-radius:0;font-family:"Lucida Console",Monaco,monospace;color:#f0fffc;text-shadow:0 0 14px rgb(0,255,187);text-transform:uppercase;letter-spacing:2px;font-weight:100;font-size:.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:0 0 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:0;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:0 0 0 13px;margin:0;box-shadow:0 0 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:0 0 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:0 0 20px rgb(107,152,144);text-transform:uppercase;line-height:34%;letter-spacing:1px;font-weight:100;font-size:.7em;white-space:nowrap}.sheet-column5 .sheet-col input{width:64%!important}.sheet-btn{background-color:#0a2328;border:1px solid #fff}.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:0 0 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:0 0 12px rgb(3,255,150);text-transform:uppercase;letter-spacing:2px;font-weight:100;font-size:.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:0}.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 0 -7px 8px -10px #2FFFE2!important}.charsheet .repcontrol{margin-top:10px!important}.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-color:#0a2328;font-family:"Lucida Console",Monaco,monospace;color:#8ed6d3;text-shadow:0 0 14px rgb(0,255,187);text-transform:uppercase;letter-spacing:2px;font-weight:100;font-size:.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:0 0 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:0 -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:0 0 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:0}.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}.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:0 0 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:0 0 14px rgb(0,255,187);text-transform:uppercase;letter-spacing:2px;font-weight:100;font-size:.8em;text-shadow:0 0 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:-.5px;background:#FFF;border:2px solid #26928d;border-radius:50px;position:absolute;top:0;bottom:0;left:2px;box-shadow:0 0 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:0 -5px 10px -7px #ff935f!important}div.sheet-test label{color:#f3a332;text-shadow:0 0 15px #ff935f!important}button.sheet-btn.sheet-tochat.sheet-rollharm.btn.ui-draggable{float:left;font-size:1.3em!important}