1 line
20 KiB
CSS
1 line
20 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:0px 0px 0px 0px; margin:0px 0px 0px 0px} .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; padding-left:0px; width:18px; /* padding-right:5px; */ position:relative; left:-14px} 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 */ .sheet-rolltemplate-aw, .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{border-collapse:separate; border-spacing:0; padding:10px; min-width:100%} .sheet-rolltemplate-spr_desc table td.sheet-desc_leftcol{width:67px} .sheet-rolltemplate-spr_desc 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 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 td{border-top:1px solid #146D69 !important; box-shadow:0px -5px 8px -7px #2FFFE2 !important} .sheet-rolltemplate-spr_desc th{font-size:1.5em; padding-top:0px; padding-bottom:4px; font-weight:100; color:#ffc53d; text-shadow:0px 0px 14px rgb(255, 210, 44); text-align:left} .sheet-rolltemplate-spr_desc table td.sheet-desc_leftcollongoff{vertical-align:top; padding-top:5px} .sheet-rolltemplate-spr_desc 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} |