<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_yellow progress[value]::-webkit-progress-value { background-color:rgb(255, 235, 59); }
s_greenyellow progress[value]::-webkit-progress-value { background-color: greenyellow; }
s_lime progress[value]::-webkit-progress-value { background-color:rgb(0, 220, 9); }
s_green progress[value]::-webkit-progress-value { background-color: green; }
s_orange progress[value]::-webkit-progress-value { background-color: orange; }
s_red progress[value]::-webkit-progress-value { background-color:rgb(255, 33, 17); }
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 colspan="3" align="center"> <b>CPU: <span style="font-size:12px;">%ServInfo.CPUtip%</span></b><br/>
</td>
</tr>
<tr>
<td><br>
Громкос. сист.<br>
<br>
</td>
<td align="left">
<div class="vov-cont">
<s_lime><progress value="%ThisComputer.volumeLevel%" max="100"></progress></s_lime>
</div>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.volumeLevel%</span> %</td>
</tr>
<tr>
<td>Загрузка CPU</td>
<td align="left">
<!-- блок вывода гистограммы загрузки CPU -->
<div class="vov-cont">
<div class="vov">
<b style="color:%ServInfo.CPUload_color_9%">%ServInfo.CPUload_9%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_8%">%ServInfo.CPUload_8%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_7%">%ServInfo.CPUload_7%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_6%">%ServInfo.CPUload_6%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_5%">%ServInfo.CPUload_5%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_4%">%ServInfo.CPUload_4%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_3%">%ServInfo.CPUload_3%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_2%">%ServInfo.CPUload_2%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_1%">%ServInfo.CPUload_1%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUload_color_0%">%ServInfo.CPUload_0%</b>
</div>
</div> <br>
</td>
<td> <span style="font-size:12px; ">%ServInfo.CPUload%</span> %</td>
</tr>
<tr>
<td>Температ. CPU</td>
<td align="left">
<!-- блок вывода гистограммы температуры CPU -->
<div class="vov-cont">
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_9%">%ServInfo.CPUtemp_9%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_8%">%ServInfo.CPUtemp_8%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_7%">%ServInfo.CPUtemp_7%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_6%">%ServInfo.CPUtemp_6%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_5%">%ServInfo.CPUtemp_5%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_4%">%ServInfo.CPUtemp_4%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_3%">%ServInfo.CPUtemp_3%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_2%">%ServInfo.CPUtemp_2%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_1%">%ServInfo.CPUtemp_1%</b>
</div>
<div class="vov">
<b style="color:%ServInfo.CPUtemp_color_0%">%ServInfo.CPUtemp_0%</b>
</div>
</div> <br>
</td>
<td> <span style="font-size:12px; ">%ServInfo.CPUtemp%</span> °C</td>
</tr>
<tr>
<td><br>
Занято ОЗУ<br>
<br>
</td>
<td align="left">
<div class="vov-cont">
<s_%ServInfo.ServerMemory_color%><progress value="%ServInfo.ServerMemory%" max="100"></progress></s_%ServInfo.ServerMemory_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ServInfo.ServerMemory%</span> %</td>
</tr>
<tr>
<td><br>
Занято HDD<br>
<br>
</td>
<td align="left">
<div class="vov-cont"><span style="font-size: 9px; float: left;">%ServInfo.zanyatoHDD% GB</span><span style="font-size: 9px; float: right;"></span><span style="font-size: 9px; float: right;">%ServInfo.totalHDD% GB</span><br>
<s_%ServInfo.DISKused_color%><progress value="%ServInfo.DISKused%" max="100"></progress></s_%ServInfo.DISKused_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ServInfo.DISKused%</span> %</td>
</tr>
<tr>
<td><br>
Температ. HDD<br>
<br>
</td>
<td align="left">
<div class="vov-cont">
<s_%ServInfo.HddTemp_color%><progress value="%ServInfo.HddTemp%" max="60"></progress></s_%ServInfo.HddTemp_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ServInfo.HddTemp%</span> °C</td>
</tr>
<tr>
<td align="left"><br>
Uptime<br>
<br>
</td>
<td colspan="2" align="left">
<img style="margin-bottom:3px;" src="/maksim/img/icon/server.png" align="absmiddle"> <span title="Рекорд %ThisComputer.uptimeRecordTXT%">%ThisComputer.uptimeTXT%</span><br/>
<img style="margin-bottom:3px;" src="/maksim/img/icon/megad.png" align="absmiddle"> <span title="Рекорд %statusTerminal.uptimeRecordTXT%">%statusTerminal.uptime%</span>
</td>
</tr>
</tbody>
</table>
</div>