733 lines
21 KiB
CSS
733 lines
21 KiB
CSS
.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;
|
|
}
|
|
|
|
|
|
.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{
|
|
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 *{
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
.charsheet{
|
|
width: 852px;
|
|
height:auto !important;
|
|
}
|
|
.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{
|
|
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{
|
|
display:none;
|
|
}
|
|
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;
|
|
}
|
|
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: 2px;
|
|
padding-right:5px;
|
|
}
|
|
|
|
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:68%;}
|
|
.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_leftcol.sheet-longoff{
|
|
vertical-align: top;
|
|
padding-top: 5px;
|
|
}
|
|
.sheet-rolltemplate-spr_desc table td.sheet-desc_rightcol.sheet-longoff{
|
|
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-cyberwear{ 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] {
|
|
display: none;
|
|
}
|
|
.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;
|
|
right: 823px;
|
|
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 {
|
|
right: 784px;
|
|
|
|
}
|
|
.sheet-flipswitch-cb2:checked + .sheet-flipswitch-label2 .sheet-flipswitch-inner2 {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-flipswitch-cb2:checked + .sheet-flipswitch-label2 .sheet-flipswitch-switch2 {
|
|
right: 784px;
|
|
|
|
}
|
|
.sheet-flipswitch-cb3:checked + .sheet-flipswitch-label3 .sheet-flipswitch-inner3 {
|
|
margin-left: 0;
|
|
}
|
|
.sheet-flipswitch-cb3:checked + .sheet-flipswitch-label3 .sheet-flipswitch-switch3 {
|
|
right: 784px;
|
|
|
|
}
|
|
|
|
.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-test .sheet-column_header{
|
|
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;
|
|
} |