Информация системы
(custom)
<style type="text/css">
@import url("/css/font-awesome/css/font-awesome.min.css");
progress {
-webkit-appearance: none;
height: 14px;
width: 120px;
}
progress[value]::-webkit-progress-bar {
background-color: rgb(68, 68, 68);
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) 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: yellow;
}
s_greenyellow progress[value]::-webkit-progress-value {
background-color: greenyellow;
}
s_lime progress[value]::-webkit-progress-value {
background-color: lime;
}
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: red;
}
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: 11px;
font-family: arial;
color: rgb(200, 200, 200);
}
/* Background-color of the odd rows */
.wp-table tr:nth-child(odd) {
background-color: rgb(49, 49, 49);
}
/* Background-color of the even rows */
.wp-table tr:nth-child(even) {
background-color: rgb(59, 59, 59);
}
.wp-table td {
padding: 4px;
border-top: 2px solid rgb(42, 42, 42);
}
.toggle_ip {
font-size: 150%;
float: right;
color: grey;
cursor: pointer;
}
</style>
<div align="center" style="font-size:14px;"><span style="font-size:24px; color:orange;"><b>Алиса</b></span><br>
<table class="wp-table">
<tbody>
<tr>
<td colspan="3" align="center">
<b>CPU: <span style="font-size:12px; color:orange;">%ThisComputer.CPUtip%</span></b><br>
</td>
</tr>
<tr>
<td>Последнее сообщение<br>
</td>
<td colspan="2" align="right">"<span style="font-size:11px; color:orange;">%ThisComputer.lastSayMessage%</span>"</td>
</tr>
<tr>
<td><br>
Занято HDD<br>
<br>
</td>
<td align="left"><div class="vov-cont"><s_%ThisComputer.DISKused_color%><progress value="%ThisComputer.DISKused%" max="100"></progress></s_%ThisComputer.DISKused_color%></div></td>
<td> <span style="font-size:12px; color:orange;">%ThisComputer.DISKused%</span> %</td>
</tr>
<tr>
<td>Загрузка CPU</td>
<td align="left">
<!-- <div class="vov-cont"><s_%ThisComputer.CPUload_color%><progress value="%ThisComputer.CPUload%" max="100"></progress></s_%ThisComputer.CPUload_color%></div><br>
-->
<!-- блок вывода гистограммы загрузки CPU -->
<div class="vov-cont">
<div class="vov">
<font color="%ThisComputer.CPUload_color_9%"><b>%ThisComputer.CPUload_9%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_8%"><b>%ThisComputer.CPUload_8%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_7%"><b>%ThisComputer.CPUload_7%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_6%"><b>%ThisComputer.CPUload_6%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_5%"><b>%ThisComputer.CPUload_5%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_4%"><b>%ThisComputer.CPUload_4%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_3%"><b>%ThisComputer.CPUload_3%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_2%"><b>%ThisComputer.CPUload_2%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_1%"><b>%ThisComputer.CPUload_1%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUload_color_0%"><b>%ThisComputer.CPUload_0%</b></font>
</div>
</div>
<br>
</td>
<td>
<span style="font-size:12px; color:orange;">%ThisComputer.CPUload%</span> %
</td>
</tr>
<tr>
<td>Температ. CPU</td>
<td align="left">
<!-- <div class="vov-cont"><s_%ThisComputer.CPUtemp_color%><progress value="%ThisComputer.CPUtemp%" max="70"></progress></s_%ThisComputer.CPUtemp_color%></div><br>
-->
<!-- блок вывода гистограммы температуры CPU -->
<div class="vov-cont">
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_9%"><b>%ThisComputer.CPUtemp_9%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_8%"><b>%ThisComputer.CPUtemp_8%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_7%"><b>%ThisComputer.CPUtemp_7%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_6%"><b>%ThisComputer.CPUtemp_6%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_5%"><b>%ThisComputer.CPUtemp_5%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_4%"><b>%ThisComputer.CPUtemp_4%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_3%"><b>%ThisComputer.CPUtemp_3%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_2%"><b>%ThisComputer.CPUtemp_2%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_1%"><b>%ThisComputer.CPUtemp_1%</b></font>
</div>
<div class="vov">
<font color="%ThisComputer.CPUtemp_color_0%"><b>%ThisComputer.CPUtemp_0%</b></font>
</div>
</div>
<br>
</td>
<td>
<span style="font-size:12px; color:orange;">%ThisComputer.CPUtemp%</span> °C
</td>
</tr>
<tr>
<td><br>
Занято ОЗУ<br>
<br>
</td>
<td align="left">
<div class="vov-cont">
<s_%ThisComputer.Memory_color%><progress value="%ThisComputer.Memory%" max="100"></progress></s_%ThisComputer.Memory_color%>
</div>
</td>
<td> <span style="font-size:12px; ">%ThisComputer.Memory%</span> %</td>
</tr>
</tbody>
</table>
</div>