I'm working on a custom character sheet, and I've added the roll template to the HTML/CSS, but while the HTML is parsed correctly, the CSS is all being ignored. HTML: <rolltemplate class="sheet-rolltemplate-valor"> <div class="outer"> <div class="header"> {{name}} </div> {{#roll}} <br /> <div class="roll"> {{roll}} </div> {{/roll}} {{#summary}} <br /> <div> {{summary}} </div> {{/summary}} </div> </rolltemplate> CSS: .sheet-rolltemplate-valor .userscript-outer { font-family: "Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif"; color:#730A18; background-color:#FCECD8; margin-left:8px; padding-left:5px; padding-bottom:3px; } .sheet-rolltemplate-valor .userscript-header { position:relative; border:3px solid #F2AC63; color:black; left:-11px; font-weight:bold; font-size:11pt; background-color:white; padding:3px; display:inline-block; border-radius:3px; } .sheet-rolltemplate-valor .userscript-roll { line-height: 170% } I've tried to reproduce things exactly as instructed on the wiki, but I must be doing something wrong, because the result is this: Did I miss something here?
