diff --git a/Kobolds Ate My Baby/Kobolds Ate My Baby.css b/Kobolds Ate My Baby/Kobolds Ate My Baby.css new file mode 100644 index 0000000000..546a979b1b --- /dev/null +++ b/Kobolds Ate My Baby/Kobolds Ate My Baby.css @@ -0,0 +1,373 @@ +.sheet-5colrow {display:block; text-align:left; width:100%;} +.sheet-5colrow .sheet-col-1 {vertical-align:top; display:inline-block; width:calc(18%); margin-top:20px;} +.sheet-5colrow .sheet-col-2 {vertical-align:top; display:inline-block; width:calc(6%); margin-top:20px; margin-left:calc(-8%);} +.sheet-5colrow .sheet-col-3 {vertical-align:top; text-align: center; display:inline-block; width:calc(22%); margin-top:10px; margin-left:calc(4%);} +.sheet-5colrow .sheet-col-4 {vertical-align:top; text-align: center; display:inline-block; width:calc(21%); margin-left:calc(1%);} +.sheet-5colrow .sheet-col-5 {vertical-align:top; text-align: left; display:inline-block; width:calc(33%); margin-left:calc(0%);} +.sheet-5colrow label {font-size:14px; display:block;width:100%;position:relative;height:1em;} +.sheet-col-subspan {vertical-align:top; text-align: center; display:inline-block; width:calc(50%); margin:calc(0%);} +.sheet-col-subspan label {font-size:14px; display:block; width:100%; position:relative; height:1em;} +.sheet-col-stuff {vertical-align:top; text-align: left; display:inline-block; width:calc(100%); margin-left:calc(0%);} +.sheet-col {vertical-align:middle; display:inline-block; width:calc(100%); margin:calc(1%);} +.sheet-small {font-size:13px; font-style:italic; display:block; width:100%; position:relative; height:0.8em;} +table {width: 100%; border: 1px solid #000000; text-align: left; margin: 3px;} +th {background: -webkit-linear-gradient(,rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Safari 5.1-6*/ + background: -o-linear-gradient(rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Opera 11.1-12*/ + background: -moz-linear-gradient(rgba(102,102,102,1),rgba(102,102,102,0.5)); /*Fx 3.6-15*/ + background: linear-gradient(rgba(102,102,102,1), rgba(102,102,102,0.5)); /*Standard*/} + +/* KAMB Roll Button */ +.charsheet button[type=roll].sheet-KAMBroll { + line-height:1em; + color: #FF9900; + background: transparent; + border:none; + text-shadow: 2px 2px 2px #000000; +} + +/* Background Image Brawn */ +.sheet-background-brawn { + background-image: url("http://i.imgur.com/ChD05Pb.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Background Image Ego */ +.sheet-background-ego { + background-image: url("http://i.imgur.com/G5pNCn5.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Background Image Extraneous */ +.sheet-background-extraneous { + background-image: url("http://i.imgur.com/j6D6sXW.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Background Image Reflexes */ +.sheet-background-reflexes { + background-image: url("http://i.imgur.com/QQfzRh3.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Background Image Name */ +.sheet-background-name { + background-image: url("http://i.imgur.com/ulqTgou.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Background Image Paws */ +.sheet-background-paws { + background-image: url("http://i.imgur.com/T0mHVlg.jpg"); + background-size: 100%; + background-origin: content-box; + background-repeat: no-repeat; +} + +/* Ability Input Styling */ +.sheet-ability { + color: #FF9900; + text-align: center; + font-size: 3em; + font-weight: bold; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 45%; + margin: 15% 0% 7% 12%; +} + +/* Secondary Ability Input Styling */ +.sheet-other-four { + color: #6495ED; + text-align: center; + font-size: 3em; + font-weight: bold; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 100%; + margin: 30% 0% 80% 0%; +} + +/* Stats Input Styling */ +.sheet-stats { + color: #FF9900; + font-size: 2em; + font-weight: bold; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 80%; + margin: 12% 0% 0% 10%; +} + +/* VP Input Styling */ +.sheet-vp { + color: #6495ED; + text-align: center; + font-size: 2em; + font-weight: bold; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 50%; + margin: 9% 0% -9% 15%; +} + +/* Paws Input Styling */ +.sheet-paws { + color: #FF9900; + font-size: 2em; + font-weight: bold; + text-align: center; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 25%; + margin: 3% 0% 3% 2%; +} + +/* Hits Input Styling */ +.sheet-hits { + color: #6495ED; + font-size: 3em; + font-weight: bold; + text-align: center; + text-shadow: 2px 2px 3px #000000; + background: transparent; + border: none; + width: 10%; + margin: 1% 1% 1% 3%; +} + +/* Grey Div Background */ +.sheet-grey { + background-color: #A3A3A3; + border: 1px solid; + border-radius: 10px; + text-align: center; +} + +/* Inverted "White Text" Styling */ +.sheet-inverted { + color: #FFFFFF; + display:inline; + line-height: 1.1em; + font-size: 1em; +} + +/* Table Header Input Styling */ +.sheet-table-data { + color: #FF9900; + font-style: bold; + line-height: 1.25em; + font-size: 1.25em; + background-color: transparent; + border: none; +} + +/* Hide Actual Checkbox For Styling Checkboxes */ +.charsheet input[type="checkbox"].sheet-skill-checkbox { + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake Checkbox Style */ +.charsheet input[type="checkbox"].sheet-skill-checkbox + span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 12px; + text-align: center; + display: inline-block; + vertical-align: middle; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); + + content: ""; /* Unchecked - "Checkbox" */ + width: 12px; + height: 12px; + font-size: 12px; + color: #FF9900; + + -moz-border-radius: 25%; + -webkit-border-radius: 25%; + border-radius: 25%; +} + +/* Checked - "Checkbox" */ +.charsheet input[type="checkbox"].sheet-skill-checkbox:checked + span::before { + content: "✘"; + color: #FF9900; +} + +/* (Opacity for "0" Check Box) "Horrible Death Cheque Tracking" */ +.charsheet .sheet-horrible-checkbox { + opacity: .1; +} + +/* Hide Actual Radio "Horrible Death Cheque Tracking" */ +.charsheet input[type="radio"].sheet-horrible-radio { + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake radio "Horrible Death Cheque Tracking" */ +.charsheet input[type="radio"].sheet-horrible-radio + span::before { + margin-right: 4px; + border: solid 1px #a8a8a8; + line-height: 16px; + text-align: center; + display: inline-block; + vertical-align: middle; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); + + content: "✘"; /* Checked - "Radio" */ + width: 16px; + height: 16px; + font-size: 16px; + font-weight: bold; + color: #FF9900; + + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +/* Remove dot from all radios _after_ selected one */ +.charsheet input[type="radio"].sheet-horrible-radio:checked ~ input[type="radio"] + span::before { + content: ""; +} + +/* Roll Template KAMB*/ +.sheet-rolltemplate-KAMB table { + width:100%; + background-color:white; + border:2px solid #000; + border-spacing: 0; + border-collapse: separate; + border-radius: 5px; + -moz-box-shadow: 2px 2px 5px #000; + -webkit-box-shadow: 2px 2px 5px #000; + box-shadow:2px 2px 5px #000; + overflow: hidden; +} + +.sheet-rolltemplate-KAMB th { + background-color: #FF9900; + color: #000000; + font-family:"Helvetica Neue",Helvetica,sans-serif; + font-size:1.25em; + font-weight:bold; + text-align: center; +} + +.sheet-rolltemplate-KAMB .sheet-subheader { + background-color: #FF9900; + color: #000000; + font-family:"Helvetica Neue",Helvetica,sans-serif; + font-size:0.9em; + font-weight:bold; + text-align: center; + padding-bottom: 5px; +} + +.sheet-rolltemplate-KAMB .sheet-tcat { + font-weight: bold; +} + +.sheet-rolltemplate-KAMB .sheet-green { + color: #008000; +} + +.sheet-rolltemplate-KAMB .sheet-red { + color: #CC0000; +} + +.sheet-rolltemplate-KAMB td { + padding:2px; + line-height:1em; + vertical-align:top; + text-align:center; +} + +.sheet-rolltemplate-KAMB tr:nth-child(odd) { + background-color:#DCDCDC; +} + +.sheet-rolltemplate-KAMB tr:nth-child(even) { + background: -webkit-linear-gradient(left,rgba(184,184,184,0),rgba(220,220,220,1)); /*Safari 5.1-6*/ + background: -o-linear-gradient(right,rgba(184,184,184,0),rgba(220,220,220,1)); /*Opera 11.1-12*/ + background: -moz-linear-gradient(right,rgba(184,184,184,0),rgba(220,220,220,1)); /*Fx 3.6-15*/ + background: linear-gradient(to right, rgba(184,184,184,0), rgba(220,220,220,1)); /*Standard*/ +} + +.sheet-rolltemplate-KAMB .inlinerollresult { + display: inline-block; + min-width: 1em; + min-height: 1em; + text-align: right; + border: none; + color: #6495ED; + background: transparent; +} + +.sheet-rolltemplate-KAMB .inlinerollresult.fullcrit { + border: none; + color: #6495ED; + background: transparent; +} + +.sheet-rolltemplate-KAMB .inlinerollresult.fullfail { + border: none; + color: #6495ED; + background: transparent; +} + +.sheet-rolltemplate-KAMB .inlinerollresult.importantroll { + border: none; + color: #6495ED; + background: transparent; +} diff --git a/Kobolds Ate My Baby/Kobolds Ate My Baby.html b/Kobolds Ate My Baby/Kobolds Ate My Baby.html new file mode 100644 index 0000000000..f8ed37fe4d --- /dev/null +++ b/Kobolds Ate My Baby/Kobolds Ate My Baby.html @@ -0,0 +1,339 @@ +
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+

Skills

+ +
+ +
+ + + +
+ + + +
+ + + +
+ + + + ! Dangerous +
+ +
+ + + +
+ + + +
+ + + +
+ + + + * Everykobold +
+
+
+ +
+

+Edges

+ + + + + + + + +

-Bogies

+ + + + + + + + +
+ +
+ + + + KAMB Logo +
+
+ +
+ + + + + +
+ +
+ + + + + + + + + + + + + + + +
+ +
+ + + + + + + + +
Hits: + Special: Note:
+ + + + + + + + + + + + + +
Stat: Damage: Special:
+ + + + + + + + + + + + + +
Stat: Damage: Special:
+ + + + + + + + + + + + + +
Stat: Damage: Special:
+ + + + + + + + + + + +
Component:
+
+ +
+ Kobold Random Rolling Buttons
+ + + + + + + + + +
+ +
+ More Kobold Random Rolling Buttons
+ + + + + + + +
+ +
+ WWW.KOBOLDSATEMYBABY.COM - © 2005 - 9TH LEVEL GAMES - ART BY JOHN KOVALIC - ( Sheet Version 0.1 ) +
+ + + + + {{#name}}{{/name}} + {{#subheader}}{{/subheader}} + + {{#difficulty}} + + {{/difficulty}} + {{#roll}} + + {{/roll}} + + {{#success}} + {{#rollLess() roll success }} + + {{#damage}} + + {{/damage}} + {{/rollLess() roll success }} + {{/success}} + {{#fail}} + {{#rollGreater() roll fail }} + + {{/rollGreater() roll fail }} + {{/fail}} + + {{#randomroll}} + + {{/randomroll}} + {{#random1}} + {{#rollTotal() randomroll 1 }} + + {{/rollTotal() randomroll 1 }} + {{/random1}} + {{#random2}} + {{#rollTotal() randomroll 2 }} + + {{/rollTotal() randomroll 2 }} + {{/random2}} + {{#random3}} + {{#rollTotal() randomroll 3 }} + + {{/rollTotal() randomroll 3 }} + {{/random3}} + {{#random4}} + {{#rollTotal() randomroll 4 }} + + {{/rollTotal() randomroll 4 }} + {{/random4}} + {{#random5}} + {{#rollTotal() randomroll 5 }} + + {{/rollTotal() randomroll 5 }} + {{/random5}} + {{#random6}} + {{#rollTotal() randomroll 6 }} + + {{/rollTotal() randomroll 6 }} + {{/random6}} + {{#random7}} + {{#rollTotal() randomroll 7 }} + + {{/rollTotal() randomroll 7 }} + {{/random7}} + {{#random8}} + {{#rollTotal() randomroll 8 }} + + {{/rollTotal() randomroll 8 }} + {{/random8}} + {{#random9}} + {{#rollTotal() randomroll 9 }} + + {{/rollTotal() randomroll 9 }} + {{/random9}} + {{#random10}} + {{#rollTotal() randomroll 10 }} + + {{/rollTotal() randomroll 10 }} + {{/random10}} + {{#random11}} + {{#rollTotal() randomroll 11 }} + + {{/rollTotal() randomroll 11 }} + {{/random11}} + {{#random12}} + {{#rollTotal() randomroll 12 }} + + {{/rollTotal() randomroll 12 }} + {{/random12}} + + {{#allprops() name subheader difficulty roll success fail damage randomroll random1 random2 random3 random4 random5 random6 random7 random8 random9 random10 random11 random12}} + + {{/allprops() name subheader difficulty roll success fail damage randomroll random1 random2 random3 random4 random5 random6 random7 random8 random9 random10 random11 random12}} +
{{name}}
{{subheader}}
{{difficulty}}
{{roll}}
Success!
{{damage}}
Failure!
{{randomroll}}
{{random1}}
{{random2}}
{{random3}}
{{random4}}
{{random5}}
{{random6}}
{{random7}}
{{random8}}
{{random9}}
{{random10}}
{{random11}}
{{random12}}
{{key}}{{value}}
+ diff --git a/Kobolds Ate My Baby/Kobolds_Ate_My_Baby.png b/Kobolds Ate My Baby/Kobolds_Ate_My_Baby.png new file mode 100644 index 0000000000..88d66cffc2 Binary files /dev/null and b/Kobolds Ate My Baby/Kobolds_Ate_My_Baby.png differ diff --git a/Kobolds Ate My Baby/README.md b/Kobolds Ate My Baby/README.md new file mode 100644 index 0000000000..e68dfc91b4 --- /dev/null +++ b/Kobolds Ate My Baby/README.md @@ -0,0 +1,13 @@ +# Kobolds-Ate-My-Baby +Character Sheet for Roll20 Web Application + +Creating a character sheet for the 9th Level Games Kobolds Ate My Baby by Chris O'Neill and Dan Landis, with artwork by John Kovalic. Inspiration came from http://www.koboldsatemybaby.com/KAMBSDE_REF.pdf. + +# Things To Do +Adjust the HTML and CSS to provide for different colors in the Roll Template Output. + +#Change Log +Initial Commit on ?? + +#Feedback +Please send me a message with any Suggestions, Bug Reports, etc. diff --git a/Kobolds Ate My Baby/sheet.json b/Kobolds Ate My Baby/sheet.json new file mode 100644 index 0000000000..400e493b63 --- /dev/null +++ b/Kobolds Ate My Baby/sheet.json @@ -0,0 +1,8 @@ +{ + "html": "Kobolds Ate My Baby.html", + "css": "Kobolds Ate My Baby.css", + "authors": "Wesley L. (Wes on Roll20.net)", + "roll20userid": "405463", + "preview": "Kobolds_Ate_My_Baby.png", + "instructions": "**Super Deluxx Edition**\r\r As Decreed by King Torg™ *(All Hail King Torg!)* there is now a character sheet for Kobolds Ate My Baby!\r\rComplete with Kobold Horrible Death Record™ and Lots of Random Tables!!" +}