From 2c983a115f9da047dfbc79aa2e88f59debbd5f39 Mon Sep 17 00:00:00 2001 From: timdenee Date: Wed, 20 Jul 2016 10:54:25 +1200 Subject: [PATCH] The Sprawl - Restoring Old Sheet and Adding New Sheet --- The Sprawl - Advanced Sheet/sheet.json | 8 - The Sprawl/Source Code/thesprawl_sheet.html | 349 +++++++++ The Sprawl/Source Code/thesprawl_style.css | 733 ++++++++++++++++++ The Sprawl/sheet.json | 8 + .../thesprawl.png | Bin .../thesprawl_sheet.html | 0 .../thesprawl_style.css | 0 7 files changed, 1090 insertions(+), 8 deletions(-) delete mode 100644 The Sprawl - Advanced Sheet/sheet.json create mode 100644 The Sprawl/Source Code/thesprawl_sheet.html create mode 100644 The Sprawl/Source Code/thesprawl_style.css create mode 100644 The Sprawl/sheet.json rename The Sprawl - Advanced Sheet/thesprawladvanced.png => The Sprawl/thesprawl.png (100%) rename The Sprawl - Advanced Sheet/thesprawladvanced_sheet.html => The Sprawl/thesprawl_sheet.html (100%) rename The Sprawl - Advanced Sheet/thesprawladvanced_style.css => The Sprawl/thesprawl_style.css (100%) diff --git a/The Sprawl - Advanced Sheet/sheet.json b/The Sprawl - Advanced Sheet/sheet.json deleted file mode 100644 index b50f11055d..0000000000 --- a/The Sprawl - Advanced Sheet/sheet.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "html": "thesprawladvanced_sheet.html", - "css": "thesprawladvanced_style.css", - "authors": "Tim Denee", - "roll20userid": "782723", - "preview": "thesprawladvanced.png", - "instructions": "Advanced sheet for The Sprawl by Hamish Cameron, with more options and a more complex graphic interface." -} diff --git a/The Sprawl/Source Code/thesprawl_sheet.html b/The Sprawl/Source Code/thesprawl_sheet.html new file mode 100644 index 0000000000..a1987131d0 --- /dev/null +++ b/The Sprawl/Source Code/thesprawl_sheet.html @@ -0,0 +1,349 @@ +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ +
+
+ +
+ Act Under Pressure
+ Apply First Aid + +
+
+ +
+ Assess
+ Play Hardball +
+
+ +
+ Mix It Up
+ Acquire Agri Property +
+
+ +
+ Research +
+
+ +
+ Fast Talk
+ Hit The Street +
+
+ +
+ Use Cyberwear +
+
+
+
+ +
+ + +
+ +
+
+
+
+ +
+
12:00
+
15:00
+
18:00
+
21:00
+
22:00
+
23:00
+
00:00
+
+ + + + + + + +
+ +
+
+ +
+
+ + +
+
Name
+
Notes
+ +
+
+
+
Name
+
Notes
+
+
+
+ +
+
Name
Notes
Img Url
+
+
+
+ + + +
+
+
+ +
+ +
+
+ +
+
+
+
+
+
+
+ +
+
Name
+
Details
+ +
+ +
+
+
Name
+
Details
+ +
+
+
+
+ +
+
+ +
+
Name
+
Tags
+
Harm
Img Url
+
+
+
Name
+
Tags
+
Harm
Img Url
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+ +
+
+ + +
+
+
+ +
+
Name
+
Frame
+
Design
+
Profile
+
Strengths
+
Looks
+
Weaknesses
+
Weapons
+
Img Url
+
+
+
+ +
+
Name
+
Style
+
Frame
+
Strengths
+
Sensors
+
Weaknesses
+
Armed
+
Img Url
+
+
+
+ +
+
+
+
+
+ +
+
+ + +
+
+
+ +
+
Name
+
Hardening
/
+
Firewall
/
+
Processor
/
+
Stealth
/
+
Programs Loaded
+
Avatar Img
+
+
+ +
+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+ + +
+
+
+ +
+
Name
+
Type
+
Size
+
Tags
+
Territory
+
Character
+
Leader
+
Main Gigs
+
Img Url
+
+
+
+ +
+
+
Name
+
Type
+
Profit
+
Disaster
+
Img Url
+
+
+
+ +
+
+
+
+
+ + +
+ + + + + + + + + + + + {{#roll_harm1}}{{/roll_harm1}} + {{#roll_harm2}}{{/roll_harm2}} + {{#roll_harm3}}{{/roll_harm3}} + {{#roll_harm4}}{{/roll_harm4}} + {{#roll_harm5}}{{/roll_harm5}} + {{#roll_harm6}}{{/roll_harm6}} + {{#roll_harm7}}{{/roll_harm7}} + {{#roll_imageurl}}{{/roll_imageurl}} + {{#roll_value1value}}{{/roll_value1value}} + {{#roll_value2value}}{{/roll_value2value}} + {{#roll_value3value}}{{/roll_value3value}} + {{#roll_value4value}}{{/roll_value4value}} + {{#roll_value5value}}{{/roll_value5value}} + {{#roll_value6value}}{{/roll_value6value}} + {{#roll_value7value}}{{/roll_value7value}} + + + + +
{{roll_tabledescname}}
{{roll_tabledescvalue}}
[roll_harmimagedesc}}](http://i.imgur.com/aJQbMCV.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/r7DeZid.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/U3HQbtc.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/chNCCfx.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/Xtbv4tF.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/cFWDwj7.jpg)
[roll_harmimagedesc}}](http://i.imgur.com/HhmjEZs.jpg)
[{{roll_imagedesc}}]({{roll_imageurl}})
{{roll_value1name}}{{roll_value1value}}
{{roll_value2name}}{{roll_value2value}}
{{roll_value3name}}{{roll_value3value}}
{{roll_value4name}}{{roll_value4value}}
{{roll_value5name}}{{roll_value5value}}
{{roll_value6name}}{{roll_value6value}}
{{roll_value7name}}{{roll_value7value}}
+ + diff --git a/The Sprawl/Source Code/thesprawl_style.css b/The Sprawl/Source Code/thesprawl_style.css new file mode 100644 index 0000000000..31681f74ba --- /dev/null +++ b/The Sprawl/Source Code/thesprawl_style.css @@ -0,0 +1,733 @@ +.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; +} \ No newline at end of file diff --git a/The Sprawl/sheet.json b/The Sprawl/sheet.json new file mode 100644 index 0000000000..ccc3c83870 --- /dev/null +++ b/The Sprawl/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "thesprawl_sheet.html", + "css": "thesprawl_style.css", + "authors": "Tim Denee", + "roll20userid": "782723", + "preview": "thesprawl.png", + "instructions": "A character sheet for The Sprawl, by Hamish Cameron." +} diff --git a/The Sprawl - Advanced Sheet/thesprawladvanced.png b/The Sprawl/thesprawl.png similarity index 100% rename from The Sprawl - Advanced Sheet/thesprawladvanced.png rename to The Sprawl/thesprawl.png diff --git a/The Sprawl - Advanced Sheet/thesprawladvanced_sheet.html b/The Sprawl/thesprawl_sheet.html similarity index 100% rename from The Sprawl - Advanced Sheet/thesprawladvanced_sheet.html rename to The Sprawl/thesprawl_sheet.html diff --git a/The Sprawl - Advanced Sheet/thesprawladvanced_style.css b/The Sprawl/thesprawl_style.css similarity index 100% rename from The Sprawl - Advanced Sheet/thesprawladvanced_style.css rename to The Sprawl/thesprawl_style.css