Trying to get the Roll Template CSS to work and I really have no idea why its not working. It seems like the css is not loading...i've tested the css code and it works but when i bring it into roll20 nothing displays. Any help is greatly appreciated! I'm working towards an API free dice roller for FFGs Star Wars. <span>Number of Dice to roll:</span>
<input type="number" name="attr_numdicetoroll" value=1 />
<input type="text" name="attr_rollformula" style="display: none;" value="{{Die one=[[1d6]]}}" />
<button class="sheet-templatebutton" type='roll' name='roll_genericroll' title="@{genericroll}" value='&{template:starwarsdice} {{name=@{character_name}}} @{rollformula}'></button>
<rolltemplate class="sheet-rolltemplate-starwarsdice">
<table>
<tr>
<th>{{name}} <br/> Roll Results</th>
</tr>
<tr>
<td>
{{#allprops()}}
<span class="sheet-{{key}}">{{value}}</span><!--{{value}}-->
{{/allprops()}}
</td>
</tr>
</table>
</rolltemplate>
<script type="text/worker">
on("sheet:opened change:numdicetoroll", function () {
'use strict';
getAttrs(["numdicetoroll"], function (value) {
console.log("Number of Dice to Roll: " + value.numdicetoroll);
var dice = parseInt(value.numdicetoroll);
console.log("Number of Dice Type = " + typeof dice);
var newFormula = " ";
var newOrd;
var i = 0;
for (i = 1; i <= dice; i += 1) {
console.log("i = " + i);
newFormula += "{{boost"+i+"=[[1d6cs>100cf<0]]}} ";
console.log("Roll Formula = " + newFormula);
}
setAttrs({rollformula: newFormula});
});
});
</script>
/* CSS ---------------------------------------------------------- */
.sheet-rolltemplate-starwarsdice span.inlinerollresult {
font-size:0px;
}
.sheet-rolltemplate-starwarsdice span[class*=Boost],
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult::before {
display:inline-block;
background-size:100%;
background-position:center center;
background-repeat:no-repeat;
width:30px;
height:30px;
}
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult[original-title*=">1<"]::before {
content: "";
background-image: url(<a href="http://galacticcampaigns.com/images/EotE/Boost/boostBlank.png" rel="nofollow">http://galacticcampaigns.com/images/EotE/Boost/boostBlank.png</a>);
}
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult[original-title*=">2<"]::before {
content: "";
background-image:url(<a href="http://galacticcampaigns.com/images/EotE/Boost/boostBlank.png" rel="nofollow">http://galacticcampaigns.com/images/EotE/Boost/boostBlank.png</a>);
}
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult[original-title*=">3<"]::before {
content: "";
background-image: url(<a href="http://galacticcampaigns.com/images/EotE/Boost/boostS.png" rel="nofollow">http://galacticcampaigns.com/images/EotE/Boost/boostS.png</a>);
}
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult[original-title*=">4<"]::before {
content: "";
background-image: url(<a href="http://galacticcampaigns.com/images/EotE/Boost/boostSA.png" rel="nofollow">http://galacticcampaigns.com/images/EotE/Boost/boostSA.png</a>);
}
.sheet-rolltemplate-starwarsdice span[class*=Boost] span.inlinerollresult[original-title*=">5<"]::before {
content: "";
background-image:url(<a href="http://galacticcampaigns.com/images/EotE/Boost/boostAA.png" rel="nofollow">http://galacticcampaigns.com/images/EotE/Boost/boostAA.png</a>);
}