Расходники
(custom)
<div style="font-size: 12px;display: block;background: beige;margin-bottom: 10px;padding: 5px;text-align: center;margin-top: 10px;font-weight: 600;">Расходники</div>
<style type="text/css">
progress { -webkit-appearance: none; height: 14px; width: 120px; }
progress[value]::-webkit-progress-bar { background-color:rgb(245, 245, 245); border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; }
progress[value]::-webkit-progress-value { border-radius: 3px; }
s_grey progress[value]::-webkit-progress-value { background-color: grey; }
s_lime progress[value]::-webkit-progress-value { background-color:rgb(0, 220, 9); }
div.vov { width: 12px; line-height: 3px; font-size: 18px; float: left; margin-top: -7px; padding-bottom: 14px; }
div.vov-cont { float: right; }
.wp-table { width: 100%; margin: 1 auto; border-collapse: collapse; font-size: 12px; color:rgb(0, 0, 0); }
.wp-table tr:nth-child(odd) { background-color: fff; }
.wp-table tr:nth-child(even) { background-color: rgb(249, 249, 249); }
.wp-table td { padding: 2px; }
</style>
<div align="center" style="text-shadow: none;">
<table class="wp-table">
<tbody>
<tr>
<td>Осн.щетка</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">300 часов</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%RobotVacuum.main_brush_work_time_hour% часов</span><br>
<s_lime><progress value="%RobotVacuum.main_brush_work_time_hour%" max="300"></progress></s_lime>
</div>
</td>
<td> </td>
</tr>
<tr>
<td>Бок.щетка</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">200 часов</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%RobotVacuum.side_brush_work_time_hour% часов</span><br>
<s_lime><progress value="%RobotVacuum.side_brush_work_time_hour%" max="200"></progress></s_lime>
</div>
</td>
<td> </td>
</tr>
<tr>
<td>Фильтр</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">150 часов</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%RobotVacuum.filter_work_time_hour% часов</span><br>
<s_lime><progress value="%RobotVacuum.filter_work_time_hour%" max="150"></progress></s_lime>
</div>
</td>
<td> </td>
</tr>
<tr>
<td>Чист.сенсеров</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">30 часов</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%RobotVacuum.sensor_dirty_time_hour% часов</span><br>
<s_lime><progress value="%RobotVacuum.sensor_dirty_time_hour%" max="30"></progress></s_lime>
</div>
</td>
<td> </td>
</tr>
</tbody>
</table>
</div>
<div style="margin-bottom: 10px;"></div>