Forgive my technobabble, and probably the wrong terms as well but I am working with heavily modifying a roll template used by the Pathfinder (Necros) sheet to suit my purposes and a new more advanced 3.5 character sheet I'm working on. I'm having some issues getting the roll template to display how I believe it should. Included is the picture of how it is displaying and the relevant html and css associated. What I am trying to do is have the <th></th> to display the name of the spell being used aligned to the left. And a Pictos font "i" (lowercase). Which is the infobutton icon aligned to the left in a different color and slightly larger size. That info button text will be an external hyperlink so the user or gm can click on it and it will send you to whatever website might have extra spell information. For some reason it does not change the font-family to pictos and it does not change the color to white, its black.. or maybe navy blue.. cant really tell. Other changes have been made but the code is basically the same as the necros roll template. Eventually I will change the name to keep things from conflicting. The HTML code for the spell section is as follows: <rolltemplate class="sheet-rolltemplate-pf_spell">
<div class="sheet-wrapper">
<div class="sheet-border">
<table>
<tr><th>{{name}}</th>{{#infolink}}<th class="info">[i]({{infolink}})</th>{{/infolink}}</tr>
<tr><td><span class="tcat">School </span>{{school}}; <span class="tcat">Level </span>{{level}}</td></tr>
<tr><td><span class="tcat">Casting Time </span>{{casting_time}}</td></tr>
<tr><td><span class="tcat">Components </span>{{components}}</td></tr>
<tr><td><span class="tcat">Range </span>{{range}}</td></tr>
<tr><td><span class="tcat">Effect/Target </span>{{target}}</td></tr>
<tr><td><span class="tcat">Duration </span>{{duration}}</td></tr>
<tr><td>{{#saving_throw}}<span class="tcat">Save </span>{{saving_throw}}; {{/saving_throw}}<span class="tcat">SR </span>{{sr}}</td></tr>
{{#spl_attack}}
<tr><td><span class="tcat">Attack </span>{{spl_attack}}</td></tr>{{/spl_attack}}
{{#damage}}
<tr><td><span class="tcat">Damage: </span>{{damage}}</td></tr>{{/damage}}
<tr><td>{{spell_description}}</td></tr>
<tr><td><span class="tcat">Cost to Cast </span>{{spell_components}}</td></tr>
{{#extra_line1}}
<tr><td>{{extra_line1}}</td></tr>{{/extra_line1}}
</table>
</div>
</div>
</rolltemplate> The CSS for the roll template is as follows: .sheet-rolltemplate-pf_spell table {
width: 100%;
padding: 2px;
}
.sheet-rolltemplate-pf_spell .sheet-border {
border-color: #7E2D40;
border-style: solid;
border-width: 1px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-pf_spell th {
color: rgb(233, 223, 151);
background-color: #7E2D40;
padding-left: 5px;
line-height: 1.1em;
font-size: 1em;
text-align: left;
font-family:"Arial", Helvetica, sans-serif;
text-transform: uppercase;
}
/* Spell Link Style */
/* Text Color changed to white, alignment set to right and text-transform overridden to default values */
/* All other values are same as the base <th> */
.sheet-rolltemplate-pf_spell th.info {
color: white;
background-color: #7E2D40;
padding-left: 5px;
line-height: 1.1em;
font-size: 1em;
text-align: right;
font-family: "Pictos";
text-transform: lowercase;
}
.sheet-rolltemplate-pf_spell .sheet-arrow-right {
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 180px solid rgb(126, 45, 64);
}
.sheet-rolltemplate-pf_spell .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-pf_spell td {
padding-left: 5px;
font-size: 0.9em;
}
.sheet-rolltemplate-pf_spell .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-pf_spell .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-pf_spell .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-pf_spell .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
