Настройка html-оформления фрагментов отчета

Добавил возможность настройки оформления не только всего отчета целиком,
но и настройки фрагментов html/css которые добавляются в отчет.
Подобный фрагменты могут содержать метки переменных заменяемые при генерировании отчета на значения.
Для раздела отчета можно не только указать html-фрагмент, но и css-оформление, которое будет добавлено в начало документа (head) к основному css-оформлению.

Ниже привел примеры раздела отчета и его html/css-кода.

Переменные не только отображаются в отчете, но и передаются в атрибуты (data), позволяя менять оформление в зависимости от их значений ([data="0"]).

html

<div class="spellcheck_result" data="%DICTIONARY.SPELLCHECK.ERROR.COUNT%"> 
<div class="header" style="font-size:300%;font-weight:bold;padding:20px;padding-left:100px;width:1000px"> 
<span class="successfull" style="color:green;">Ошибок орфографии не обнаружено</span> 
<span class="error" style="color:red;">Обнаружены ошибки орфографии</span> 
</div> 
<div class="table"> 
<span style="font-size:300%;margin-left:100px" data="%DICTIONARY.SPELLCHECK.ERROR.COUNT%">всего:&nbsp;</span><span style="font-size:600%;color:red;font-weight:bold;" data="%DICTIONARY.SPELLCHECK.ERROR.COUNT%">%DICTIONARY.SPELLCHECK.ERROR.COUNT%&nbsp;&nbsp;&nbsp;</span> 
<span style="font-size:150%;" data="%DICTIONARY.SPELLCHECK.ERROR.USUAL.COUNT%">обычных:&nbsp;</span><span style="font-size:300%" class="chk" data="%DICTIONARY.SPELLCHECK.ERROR.USUAL.COUNT%">%DICTIONARY.SPELLCHECK.ERROR.USUAL.COUNT%</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<span style="font-size:150%;" data="%DICTIONARY.SPELLCHECK.ERROR.YO.COUNT%">букв Ё:&nbsp;</span><span style="font-size:300%" class="chkyo" data="%DICTIONARY.SPELLCHECK.ERROR.YO.COUNT%">%DICTIONARY.SPELLCHECK.ERROR.YO.COUNT%</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<span style="font-size:150%;" data="%DICTIONARY.SPELLCHECK.ERROR.EN.COUNT%">англ.+рус.:&nbsp;</span><span style="font-size:300%" class="chken" data="%DICTIONARY.SPELLCHECK.ERROR.EN.COUNT%">%DICTIONARY.SPELLCHECK.ERROR.EN.COUNT%</span> 
</div> 
</div>

css

div.spellcheck_result .table span {color:black;}
div.spellcheck_result .table span[data="0"] {color:#eeeeee}
div.spellcheck_result .header {background:#ffeeee;}
div.spellcheck_result .header span.successfull {display:none}
div.spellcheck_result[data="0"] .header span.successfull {display:block}
div.spellcheck_result[data="0"] .header {background:#eeffee;}
div.spellcheck_result[data="0"] .header span.error {display:none}
div.spellcheck_result[data="0"] .table {display:none}