initial commit of file from CVS for smeserver-phpsysinfo on Sat Sep 7 20:53:46 AEST 2024

root/opt/phpsysinfo/templates/aqua.css

@@ -0,0 +1,161 @@
+/*
+ $Id*
+ */
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    height: 100%;
+    background: url("aqua/aq_background.gif");
+}
+
+body {
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+    font: 62.5% arial, tahoma, helvetica, sans-serif;
+    color: #000;
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    border-top: 1px solid #2971a7;
+    border-bottom: 1px solid #2971a7;
+    font-size: 2em;
+    font-weight: normal;
+    color: #fff;
+    background: #569FD6;
+}
+
+#select {
+    text-align: right;
+    padding: 10px;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 8px;
+    _margin: 10px 4px 0 4px; /* ie6 */
+    padding: 1px;
+    border: 2px solid #2971a7;
+    background: #fff;
+}
+
+h2 {
+    padding: 5px 10px;
+    font-family: "trebuchet ms";
+    font-size: 1.2em;
+    font-weight: bold;
+    letter-spacing: 0.0em;
+    text-transform: uppercase;
+    color: #fff;
+}
+
+table {
+    width: 100%;
+    font-size: 1.2em;
+    background-color: #fff;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 8px;
+    _margin: 10px 4px 0 4px; /* ie6 */
+    padding: 1px;
+    border: 2px solid #2971a7;
+    background: #fff;
+}
+
+.dataTables_wrapper{
+    margin: 0 0 0 0 !important;
+    border: 0px !important;
+}
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+h3 {
+    font-size: 120%;
+}
+
+
+.even {
+    background: #E4EBF3;
+}
+
+
+#footer {
+    clear: both;
+    color: #000;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+}
+
+h1 {
+    background: #2971a7;
+}
+
+h2 {
+    background: #2971a7;
+    text-align: center;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background: #2971a7;
+}
+
+.barwarn {
+    background: #a72971;
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+table tfoot td {
+    color: #2E2E2E;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/blue.css

@@ -0,0 +1,146 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    background: url("blue/bg.png") #195287;
+    color: #195287;
+    font-size: 100%;
+    height: 100%;
+}
+
+body {
+    font-family: Helvetica, Verdana, Tahoma, Arial, 'Liberation Sans', FreeSans, sans-serif;
+    font-size: .75em;
+    position: relative;
+    margin: 0 auto;
+    min-height: 100%;
+    padding: 20px 20px 0 20px;
+    overflow: auto;
+    width: 940px;
+    _width: 945px; /* ie6 */
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+h1 {
+    color: #FFF;
+    font-size: 170%;
+    font-weight: bold;
+    line-height: 1.5em;
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+    text-shadow: #444444 2px 2px 3px;
+}
+
+h2 {
+    background-image: url('blue/title.png');
+    background-color: #195287;
+    color: #fff;
+    font-size: 130%;
+    font-weight: bold;
+    line-height: 1.5em;
+    padding: 3px 10px;
+    /*text-transform: uppercase;*/
+    text-shadow: #333333 2px 2px 2px;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    background-color: #F6F6F6;
+}
+
+th, td, h3 {
+    font-size: 100%;
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+a {
+    text-decoration: none;
+    color: #EFEFEF;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+#select {
+    text-align: right;
+    color: #FFF
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    background-color: #fff;
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    width: 451px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+#footer {
+    clear: both;
+    color: #FFF;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+.odd {
+    background-color: #F6F6F6;
+}
+
+.even {
+    background-color: #EFEFEF;
+}
+
+.bar {
+    background-image: url('blue/bar.png');
+    background-color: #195287;
+}
+
+.barwarn {
+    background-image: url('blue/barwarn.png');
+    background-color: #871952;
+}
+
+.right {
+    padding-right: 20px;
+    text-align: right;
+}

root/opt/phpsysinfo/templates/clean.css

@@ -0,0 +1,141 @@
+/*
+ $Id: clean.css 518 2011-10-28 08:09:07Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    font-size: 100%;
+    height: 100%;
+    color: #333;
+}
+
+body {
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: .75em;
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: 130%;
+    line-height: 1.5em;
+    color: #224970;
+}
+
+#select {
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    color: #000;
+}
+
+h2 {
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: 120%;
+    padding: 3px 10px;
+    text-transform: uppercase;
+    line-height: 1.5em;
+    color: #224970;
+    text-align: left;
+}
+
+table {
+    width: 100%;
+    border-top: solid 2px #DADADA;
+    border-bottom: solid 2px #DADADA;
+    background-color: #F3F8FC;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+.treeTable {
+    border: none;
+}
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+    font-size: 100%;
+}
+
+#footer {
+    clear: both;
+    color: #000;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background-color: #2F659B;
+}
+
+.barwarn {
+    background-color: #9B2F65;
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+table th {
+    color: #333300;
+}
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/cleansyn.css

@@ -0,0 +1,142 @@
+/*
+ $Id: cleansyn.css 518 2015-03-21 10:31:07Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #363;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    font-size: 100%;
+    height: 100%;
+    color: #ddd;
+}
+
+body {
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: .75em;
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+	background-color: #111;
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: 130%;
+    line-height: 1.5em;
+    color: #fff;
+}
+
+#select {
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    color: #ccc;
+}
+
+h2 {
+    font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
+    font-size: 120%;
+    padding: 3px 10px;
+    text-transform: uppercase;
+    line-height: 1.5em;
+    color: #fff;
+    text-align: left;
+}
+
+table {
+    width: 100%;
+    border-top: solid 2px #DADADA;
+    border-bottom: solid 2px #DADADA;
+    background-color: #333;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+.treeTable {
+    border: none;
+}
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+    font-size: 100%;
+}
+
+#footer {
+    clear: both;
+    color: #bbb;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background-color: #0f0;
+}
+
+.barwarn {
+    background-color: #944;
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+table th {
+    color: #3a3;
+}
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable  {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/cream.css

@@ -0,0 +1,141 @@
+/*
+ $Id
+ */ * {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    background: url("cream/bg.gif") repeat-x #F8F2E3;
+    color: #444B54;
+    font-size: 100%;
+    height: 100%;
+}
+
+body {
+    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
+    font-size: .75em;
+    position: relative;
+    margin: 0 auto;
+    min-height: 100%;
+    padding: 20px 20px 0 20px;
+    overflow: auto;
+    width: 940px;
+    _width: 945px; /* ie6 */
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+h1 {
+    color: #394047;
+    font-size: 150%;
+    font-weight: normal;
+    line-height: 1.5em;
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+}
+
+h2 {
+    background-color: #444B54;
+    color: #fff;
+    font-size: 130%;
+    font-weight: bold;
+    line-height: 1.5em;
+    padding: 3px 10px;
+    text-transform: uppercase;
+}
+
+table {
+    width: 100%;
+    background-color: #fff;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    background: #fff;
+}
+
+
+th, td, h3 {
+    font-size: 100%;
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+#select {
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    background-color: #fff;
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    width: 451px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+#footer {
+    clear: both;
+    color: #5C5C5C;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+
+.even {
+    background-color: #FBFBF9;
+}
+
+.bar {
+    background-color: #58626D;
+}
+
+.barwarn {
+    background-color: #9B2F65;
+}
+
+.right {
+    padding-right: 20px;
+    text-align: right;
+}

root/opt/phpsysinfo/templates/html/error_config.html

@@ -0,0 +1,22 @@
+<?php echo"<?xml version=\"1.0\" encoding=\"utf-8\">"; ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta http-equiv="Content-Style-Type" content="text/css" />
+    <link rel="shortcut icon" href="gfx/favicon.png" />
+    <link type="text/css" rel="stylesheet" href="./templates/phpsysinfo.css" />
+    <title>phpSysInfo - Error</title>
+    <noscript>
+      <meta http-equiv="refresh" content="2; URL=index.php?disp=static" />
+    </noscript>
+</head>
+<body onload="doRedirect()">
+<h1>phpSysInfo - Error</h1>
+<div style="position:absolute;top:150px;text-align:center;width:95%;">
+    <p style="margin:12pt;"><strong>phpsysinfo.ini</strong> does not exist or is not readable by the webserver in the phpsysinfo directory or is misunderstood.</p>
+    <p style="margin:12pt;">Generated by&nbsp;<a href="http://phpsysinfo.sourceforge.net/">phpSysInfo&nbsp;-&nbsp;<?php echo PSI_VERSION_STRING ?></a></p>
+</div>
+</body>
+</html>

root/opt/phpsysinfo/templates/html/index_all.html

@@ -0,0 +1,40 @@
+<?php echo "<?xml version=\"1.0\" encoding=\"utf-8\">"; ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta http-equiv="Content-Style-Type" content="text/css" />
+    <link rel="shortcut icon" href="gfx/favicon.png" />
+    <link type="text/css" rel="stylesheet" href="./templates/phpsysinfo.css" />
+    <title>phpSysInfo - Redirection</title>
+    <noscript>
+      <meta http-equiv="refresh" content="2; URL=index.php?disp=static" />
+    </noscript>
+    <script type="text/JavaScript" language="JavaScript">
+      <!--
+      var sTargetURL = "index.php?disp=dynamic";
+      function doRedirect() {
+        setTimeout( "window.location.href = sTargetURL", 2*1000 );
+      }
+      //-->
+    </script>
+    <script type="text/JavaScript" language="JavaScript1.1">
+      <!--
+      function doRedirect() {
+        window.location.replace( sTargetURL );
+      }
+      doRedirect();
+      //-->
+    </script>
+</head>
+<body onload="doRedirect()">
+<h1>REDIRECTING ... </h1>
+<div style="position:absolute;top:150px;text-align:center;width:95%;">
+    <p style="margin:12pt;">Loading <a href="index.php?disp=static">redirection target</a></p>
+    <p style="margin:12pt;">In approx. 2 seconds the redirection target page should load.<br/>
+    If it doesn't please select the link above.</p>
+    <p style="margin:12pt;">Generated by&nbsp;<a href="http://phpsysinfo.sourceforge.net/">phpSysInfo&nbsp;-&nbsp;<?php echo PSI_VERSION_STRING ?></a></p>
+</div>
+</body>
+</html>

root/opt/phpsysinfo/templates/html/index_bootstrap.html

@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <title>phpSysInfo</title>
+    <link href="gfx/favicon.ico" type="image/x-icon" rel="shortcut icon">
+    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+    <!--[if lt IE 9]>
+    <script type="text/JavaScript" src="./js.php?name=html5shiv-printshiv"></script>
+    <![endif]-->
+    <link rel="stylesheet" href="templates/vendor/bootstrap.min.css">
+    <link rel="stylesheet" href="templates/phpsysinfo_bootstrap.css">
+</head>
+
+<body>
+
+<div class="navbar navbar-fixed-top">
+    <div class="container">
+        <a class="navbar-brand"><img class="navbar-logo" src="gfx/logo_48.png" style="width:32px"/> phpSysInfo <sup><?php echo PSI_VERSION; ?></sup>
+            <img id="loader" style="display:none" src="gfx/ajax-loader.gif">
+            <button id="errorbutton" type="button" data-toggle="modal" data-target="#errors-dialog"
+                class="btn btn-default btn-xs" style="display:none">Errors
+            </button>
+        </a>
+    </div>
+</div>
+
+<div class="container">
+
+<div class="row">
+    <div class="col-lg-6">
+        <div class="panel panel-primary">
+            <div class="panel-heading">System Vitals</div>
+            <div class="panel-body">
+                <table id="vitals" class="table table-hover table-condensed">
+                    <tr>
+                        <th>Hostname</th>
+                        <td><span data-bind="Hostname"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Listening IP</th>
+                        <td><span data-bind="IPAddr"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Kernel Version</th>
+                        <td><span data-bind="Kernel"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Distro Name</th>
+                        <td><span data-bind="Distro"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Uptime</th>
+                        <td><span data-bind="Uptime"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Last boot</th>
+                        <td><span data-bind="LastBoot"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Current Users</th>
+                        <td><span data-bind="Users"></span></td>
+                    </tr>
+                    <tr>
+                        <th>Load Averages</th>
+                        <td><span data-bind="LoadAvg"></span></td>
+                    </tr>
+                    <tr id="tr_SysLang">
+                        <th>System Language</th>
+                        <td><span data-bind="SysLang"></span></td>
+                    </tr>
+                    <tr id="tr_CodePage">
+                        <th>Code Page</th>
+                        <td><span data-bind="CodePage"></span></td>
+                    </tr>
+                    <tr id="tr_Processes">
+                        <th>Processes</th>
+                        <td><span data-bind="Processes"></span></td>
+                    </tr>
+                </table>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="col-lg-6">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Hardware Information</div>
+            <div class="panel-body">
+                <table id="hardware" class="table table-hover table-condensed">
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-lg-12">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Memory Usage</div>
+            <div class="panel-body">
+                <table id="memory" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Type</th>
+                        <th>Usage</th>
+                        <th class="rightCell">Free</th>
+                        <th class="rightCell">Used</th>
+                        <th class="rightCell">Size</th>
+                    </tr>
+                    </thead>
+                    <tbody id="memory-data">
+                    <tr>
+                        <th><span data-bind="Type"></span></th>
+                        <td><span data-bind="Usage"></span></td>
+                        <td class="rightCell"><span data-bind="Free"></span></td>
+                        <td class="rightCell"><span data-bind="Used"></span></td>
+                        <td class="rightCell"><span data-bind="Total"></span></td>
+                    </tr>
+                    </tbody>
+                    <tfoot id="swap-data" style="display:none">
+                    <tr>
+                        <th><span data-bind="Name"></span></th>
+                        <td><span data-bind="Usage"></span></td>
+                        <td class="rightCell"><span data-bind="Free"></span></td>
+                        <td class="rightCell"><span data-bind="Used"></span></td>
+                        <td class="rightCell"><span data-bind="Total"></span></td>
+                    </tr>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div id="block_filesystem" style="display:none" class="col-lg-12">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Mounted Filesystems</div>
+            <div class="panel-body">
+                <table id="filesystem" class="table table-hover table-condensed sortable">
+                    <thead>
+                    <tr>
+                        <th id="filesystem_MountPoint">Mountpoint</th>
+                        <th>Type</th>
+                        <th>Partition</th>
+                        <th>Usage</th>
+                        <th class="rightCell sorttable_numeric">Free</th>
+                        <th class="rightCell sorttable_numeric">Used</th>
+                        <th class="rightCell sorttable_numeric">Size</th>
+                    </tr>
+                    </thead>
+                    <tbody id="filesystem-data">
+                    <tr>
+                        <th><span data-bind="MountPoint"></span></th>
+                        <td><span data-bind="FSType"></span></td>
+                        <td><span data-bind="Name"></span></td>
+                        <td><span data-bind="Percent"></span></td>
+                        <td class="rightCell"><span data-bind="Free"></span></td>
+                        <td class="rightCell"><span data-bind="Used"></span></td>
+                        <td class="rightCell"><span data-bind="Total"></span></td>
+                    </tr>
+                    </tbody>
+                    <tfoot id="filesystem-foot">
+                    <tr>
+                        <td></td>
+                        <td></td>
+                        <th>Totals</th>
+                        <th><span data-bind="Percent"></span></th>
+                        <th class="rightCell"><span data-bind="Free"></span></th>
+                        <th class="rightCell"><span data-bind="Used"></span></th>
+                        <th class="rightCell"><span data-bind="Total"></span></th>
+                    </tr>
+                    </tfoot>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="row">
+    <div id="block_network" style="display:none" class="col-lg-6">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Network Interface</div>
+            <div class="panel-body">
+                <table id="network" class="table table-hover table-condensed">
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_voltage" style="display:none" class="col-lg-6">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Voltage</div>
+            <div class="panel-body">
+                <table id="voltage" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Label</th>
+                        <th class="rightCell">Value</th>
+                        <th class="rightCell">Min</th>
+                        <th class="rightCell">Max</th>
+                    </tr>
+                    </thead>
+                    <tbody id="voltage-data">
+                    <tr>
+                        <th><span data-bind="Label"></span></th>
+                        <td class="rightCell"><span data-bind="Value"></span></td>
+                        <td class="rightCell"><span data-bind="Min"></span></td>
+                        <td class="rightCell"><span data-bind="Max"></span></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_temperature" style="display:none" class="col-lg-3">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Temperatures</div>
+            <div class="panel-body">
+                <table id="temperature" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Label</th>
+                        <th class="rightCell">Value</th>
+                        <th class="rightCell">Limit</th>
+                    </tr>
+                    </thead>
+                    <tbody id="temperature-data">
+                    <tr>
+                        <th><span data-bind="Label"></span></th>
+                        <td class="rightCell"><span data-bind="Value"></span></td>
+                        <td class="rightCell"><span data-bind="Max"></span></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_fans" style="display:none" class="col-lg-3">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Fans</div>
+            <div class="panel-body">
+                <table id="fans" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Label</th>
+                        <th class="rightCell">Value</th>
+                        <th class="rightCell">Min</th>
+                    </tr>
+                    </thead>
+                    <tbody id="fans-data">
+                    <tr>
+                        <th><span data-bind="Label"></span></th>
+                        <td class="rightCell"><span data-bind="Value"></span></td>
+                        <td class="rightCell"><span data-bind="Min"></span></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_current" style="display:none" class="col-lg-3">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Currents</div>
+            <div class="panel-body">
+                <table id="current" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Label</th>
+                        <th class="rightCell">Value</th>
+                        <th class="rightCell">Limit</th>
+                    </tr>
+                    </thead>
+                    <tbody id="current-data">
+                    <tr>
+                        <th><span data-bind="Label"></span></th>
+                        <td class="rightCell"><span data-bind="Value"></span></td>
+                        <td class="rightCell"><span data-bind="Max"></span></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_power" style="display:none" class="col-lg-3">
+        <div class="panel panel-primary">
+            <div class="panel-heading">Power</div>
+            <div class="panel-body">
+                <table id="power" class="table table-hover table-condensed">
+                    <thead>
+                    <tr>
+                        <th>Label</th>
+                        <th class="rightCell">Value</th>
+                        <th class="rightCell">Limit</th>
+                    </tr>
+                    </thead>
+                    <tbody id="power-data">
+                    <tr>
+                        <th><span data-bind="Label"></span></th>
+                        <td class="rightCell"><span data-bind="Value"></span></td>
+                        <td class="rightCell"><span data-bind="Max"></span></td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <div id="block_ups" style="display:none" class="col-lg-6">
+        <div class="panel panel-primary">
+            <div class="panel-heading">UPS Information</div>
+            <div class="panel-body">
+                <table id="ups" class="table table-hover table-condensed">
+                </table>
+            </div>
+        </div>
+    </div>
+
+<?php foreach (CommonFunctions::getPlugins() as $plugin) :
+if (file_exists(APP_ROOT . '/plugins/' . $plugin . '/' . $plugin . '_bootstrap.html')) : ?>
+<?php include APP_ROOT. '/plugins/' . $plugin . '/' . $plugin . '_bootstrap.html'; ?>
+
+<?php endif; endforeach; ?>
+
+</div>
+
+<!-- Errors details modal dialogs -->
+<div class="modal fade" id="errors-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                <h4 class="modal-title">Errors</h4>
+            </div>
+            <div class="modal-body">
+                <ul id="errors" class="list-group">
+                </ul>
+            </div>
+        </div>
+        <!-- /.modal-content -->
+    </div>
+    <!-- /.modal-dialog -->
+</div>
+<!-- /.modal -->
+
+</div>
+<!--[if lt IE 9]>
+    <script type="text/JavaScript" src="./js.php?name=jquery-1"></script>
+<![endif]-->
+<!--[if gte IE 9]><!-->
+    <script type="text/JavaScript" src="./js.php?name=jquery"></script>
+<!--<![endif]-->
+
+<script type="text/JavaScript" src="./js.php?name=console-shim"></script>
+<script type="text/JavaScript" src="./js.php?name=transparency"></script>
+<script type="text/JavaScript" src="./js.php?name=sorttable"></script>
+<script type="text/JavaScript" src="./js.php?name=jquery.treegrid"></script>
+
+<?php foreach (CommonFunctions::getPlugins() as $plugin) : ?>
+<script type="text/JavaScript" src="./js.php?plugin=<?php echo $plugin ?>&amp;name=<?php echo $plugin ?>_bootstrap"></script>
+<?php endforeach; ?>
+
+<script type="text/JavaScript" src="./js.php?name=phpsysinfo_bootstrap"></script>
+
+</body>
+</html>

root/opt/phpsysinfo/templates/html/index_dynamic.html

@@ -0,0 +1,233 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Style-Type" content="text/css" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta name="Description" content="phpSysInfo is a customizable PHP Script that parses /proc, and formats information nicely. It will display information about system facts like Uptime, CPU, Memory, PCI devices, SCSI devices, IDE devices, Network adapters, Disk usage, and more." />
+    <noscript>
+      <meta http-equiv="refresh" content="2; URL=index.php?disp=static" />
+    </noscript>
+    <link rel="shortcut icon" href="gfx/favicon.png" />
+    <link type="text/css" rel="stylesheet" href="./templates/<?php echo $template ?>.css" title="PSI_Template"/>
+    <link type="text/css" rel="stylesheet" href="./templates/plugin/nyroModal.full.css" />
+    <link type="text/css" rel="stylesheet" href="./templates/plugin/jquery.jgrowl.css" />
+    <link type="text/css" rel="stylesheet" href="./templates/plugin/jquery.dataTables.css" />
+    <link type="text/css" rel="stylesheet" href="./templates/plugin/jquery.treeTable.css" />
+<!--[if lt IE 9]>
+    <script type="text/JavaScript" src="./js.php?name=jquery-1"></script>
+<![endif]-->
+<!--[if gte IE 9]><!-->
+    <script type="text/JavaScript" src="./js.php?name=jquery"></script>
+<!--<![endif]-->
+    <script type="text/JavaScript" src="./js.php?name=jquery.dataTables"></script>
+    <script type="text/JavaScript" src="./js.php?name=jquery.nyroModal"></script>
+    <script type="text/JavaScript" src="./js.php?name=jquery.jgrowl"></script>
+    <script type="text/JavaScript" src="./js.php?name=jquery.timers"></script>
+    <script type="text/JavaScript" src="./js.php?name=jquery.treeTable"></script>
+    <script type="text/JavaScript" src="./js.php?name=phpsysinfo"></script>
+<?php foreach (CommonFunctions::getPlugins() as $plugin) : ?>
+    <?php if (file_exists("./plugins/".$plugin."/css/".$plugin.".css")) : ?>
+      <link type="text/css" rel="stylesheet" href="./plugins/<?php echo $plugin ?>/css/<?php echo $plugin ?>.css" />
+    <?php endif; ?>
+    <script type="text/JavaScript" src="./js.php?plugin=<?php echo $plugin ?>"></script>
+<?php endforeach; ?>
+    <title>phpSysInfo <?php echo PSI_VERSION_STRING ?></title>
+  </head>
+  <body>
+    <div id="loader">
+      <h1>Loading... please wait!</h1>
+      <div id="container2">
+        <noscript>
+        <p>Your navigator does not support JavaScript (or JavaScript is not activated).</p>
+        <p>In approximatively 2 seconds you will be redirected to the static version of phpSysInfo.</p>
+        <p>&nbsp;</p>
+        <p><a href="index.php?disp=static">Click here to switch to the static version</a></p>
+        </noscript>
+      </div>
+    </div>
+    <div id="errors" style="display: none; width: 940px">
+      <div id="errorlist">
+        <h2>Oh, I'm sorry. Something seems to be wrong.</h2>
+      </div>
+    </div>
+    <div id="container" style="display: none;">
+      <h1>
+        <a href="#errors" class="nyroModal">
+          <img id="warn" style="vertical-align: middle; display:none; border:0px;" src="./gfx/attention.png" alt="warning" />
+        </a>
+        <span id="title">
+          <span id="lang_001">System information</span>
+          :&nbsp;<span id="s_hostname_title"></span>
+          (<span id="s_ip_title"></span>)
+        </span>
+      </h1>
+      <div id="select">
+        <span id="lang_044">Template</span>
+        <select id="template" name="template">
+<?php foreach ($templates as $t) :
+            $selected = "";
+            if ($template === $t) {
+                $selected = " selected=\"selected\"";
+            }
+?>
+              <option value="<?php echo $t ?>"<?php echo $selected ?>><?php echo $t ?></option>
+<?php endforeach; ?>
+        </select>
+        <span id="lang_045">Language</span>
+        <select id="lang" name="lang">
+<?php foreach ($languages as $l) :
+            $selected = "";
+            if ($language === $l) {
+                $selected = " selected=\"selected\"";
+            }
+?>
+              <option value="<?php echo $l ?>"<?php echo $selected?>><?php echo $l?></option>
+<?php endforeach; ?>
+        </select>
+      </div>
+      <div id="vitals">
+        <h2><span id="lang_002">System vitals</span></h2>
+        <table class="stripeMe" id="vitalsTable" style="border-spacing:0;">
+          <tr>
+            <td style="width:160px;"><span id="lang_003">Hostname</span></td>
+            <td><span id="s_hostname"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_004">Listening IP</span></td>
+            <td><span id="s_ip"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_005">Kernel Version</span></td>
+            <td><span id="s_kernel"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_006">Distro Name</span></td>
+            <td><span id="s_distro"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_007">Uptime</span></td>
+            <td><span id="s_uptime"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_095">Last boot</span></td>
+            <td><span id="s_lastboot"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_008">Current Users</span></td>
+            <td><span id="s_users"></span></td>
+          </tr>
+          <tr>
+            <td style="width:160px;"><span id="lang_009">Load Averages</span></td>
+            <td><span id="s_loadavg"></span></td>
+          </tr>
+          <tr style="display:none" id="s_syslang_tr">
+            <td style="width:160px;"><span id="lang_097">System Language</span></td>
+            <td><span id="s_syslang"></span></td>
+          </tr>
+          <tr style="display:none" id="s_codepage_tr1">
+            <td style="width:160px;"><span id="lang_098">Code Page</span></td>
+            <td><span id="s_codepage_1"></span></td>
+          </tr>
+          <tr style="display:none" id="s_codepage_tr2">
+            <td style="width:160px;"><span id="lang_098">Code Page</span></td>
+            <td><span id="s_codepage_2"></span></td>
+          </tr>
+          <tr style="display:none" id="s_processes_tr1">
+            <td style="width:160px;"><span id="lang_110">Processes</span></td>
+            <td><span id="s_processes_1"></span></td>
+          </tr>
+          <tr style="display:none" id="s_processes_tr2">
+            <td style="width:160px;"><span id="lang_110">Processes</span></td>
+            <td><span id="s_processes_2"></span></td>
+          </tr>
+        </table>
+      </div>
+      <div id="hardware">
+      </div>
+      <div id="memory">
+      </div>
+      <div id="filesystem">
+      </div>
+      <div id="network">
+      </div>
+      <div id="voltage" style="display: none;">
+        <h2><span id="lang_052">Voltage</span></h2>
+        <table class="stripeMe" id="voltageTable" style="border-spacing:0;">
+          <thead>
+            <tr>
+              <th><span id="lang_059">Label</span></th>
+              <th class="right"><span id="lang_052">Voltage</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_055">Min</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_056">Max</span></th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+      </div>
+      <div id="temp" style="display: none;">
+        <h2><span id="lang_051">Temperature</span></h2>
+        <table class="stripeMe" id="tempTable" style="border-spacing:0;">
+          <thead>
+            <tr>
+              <th><span id="lang_059">Label</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_054">Value</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_058">Limit</span></th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+      </div>
+      <div id="fan" style="display: none;">
+        <h2><span id="lang_053">Fan</span></h2>
+        <table class="stripeMe" id="fanTable" style="border-spacing:0;">
+          <thead>
+            <tr>
+              <th><span id="lang_059">Label</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_054">Value</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_055">Min</span></th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+      </div>
+      <div id="current" style="display: none;">
+        <h2><span id="lang_105">Current</span></h2>
+        <table class="stripeMe" id="currentTable" style="border-spacing:0;">
+          <thead>
+            <tr>
+              <th><span id="lang_059">Label</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_054">Value</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_058">Limit</span></th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+      </div>
+      <div id="power" style="display: none;">
+        <h2><span id="lang_102">Power</span></h2>
+        <table class="stripeMe" id="powerTable" style="border-spacing:0;">
+          <thead>
+            <tr>
+              <th><span id="lang_059">Label</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_054">Value</span></th>
+              <th class="right" style="width: 80px;"><span id="lang_058">Limit</span></th>
+            </tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+      </div>
+      <div id="ups" style="display: none;">
+      </div>
+      <div id="footer">
+        <span id="lang_047">Generated by</span>&nbsp;<a href="http://phpsysinfo.sourceforge.net/">phpSysInfo&nbsp;-&nbsp;<span id="version"></span></a>
+      </div>
+    </div>
+  </body>
+</html>

root/opt/phpsysinfo/templates/idash.css

@@ -0,0 +1,151 @@
+/* NextGen Remixed by iDash.pl */
+a {
+    text-decoration: none;
+    color: #006;
+}
+
+a:hover {
+    text-decoration: underline;
+    color: #5A7000;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    height: 100%;
+    background: url("idash/bg.png") repeat-x scroll center top #111;
+}
+
+body {
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+    font: 0.75em tahoma, arial, sans-serif;
+    color: #CCC;
+}
+
+div#container {
+    margin: -20px -10px 0 -10px;
+    padding: 95px 0 0 0;
+}
+
+h1 {
+    position: absolute;
+    top: 35px;
+    left: 10px;
+    margin: 0;
+    padding: 0px 10px;
+    font-size: 2em;
+    font-weight: normal;
+    color: #FFF;
+}
+
+#select {
+    position: absolute;
+    top: 75px;
+    color: #FFF;
+    right: 30px;
+    width: 370px;
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #354242;
+}
+
+h2 {
+    padding: 5px 10px;
+    font-family: "trebuchet ms";
+    font-size: 1.2em;
+    font-weight: bold;
+    letter-spacing: 0.0em;
+    text-transform: uppercase;
+    color: #FFF; /* #7D9100; */
+    background: #354242;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #354242;
+}
+
+.dataTables_wrapper{
+    margin: 0 0 0 0 !important;
+    border: 0px !important;
+}
+
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+h3 {
+    font-size: 120%;
+}
+
+.even {
+    background: #333;
+}
+
+#footer {
+    color: #777777;
+    clear: both;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    text-align: right;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background: #34DA64 url("idash/html.gif");
+}
+
+.barwarn {
+    background: #e69575 url("idash/htmlwarn.gif");
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}
+#lang_047{color:444}

root/opt/phpsysinfo/templates/jstyle_blue.css

@@ -0,0 +1,137 @@
+/*
+ $Id: jstyle_blue.css 518 2011-10-28 08:09:07Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    font-size: 100%;
+    height: 100%;
+    background-color: #f3f1e9;
+    color: #666666;
+}
+
+body {
+    font-family: Verdana, "Bitstream Vera Sans";
+    font-size: .75em;
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+    color: #fff;
+    font-family: Georgia, serif;
+    font-weight: normal;
+    font-size: 150%;
+    line-height: 1.5em;
+    color: #326ea1;
+}
+
+#select {
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+h2 {
+    font-family: Georgia, serif;
+    font-weight: bold;
+    font-size: 130%;
+    padding: 3px 10px;
+    text-transform: uppercase;
+    line-height: 1.5em;
+    color: #326ea1;
+    border-bottom: 2px solid #326ea1;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+    font-size: 100%;
+}
+
+.even {
+    background: #EBE8DA;
+}
+
+#footer {
+    clear: both;
+    color: #5C5C5C;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background-color: #326edf;
+}
+
+.barwarn {
+    background-color: #df326e;
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/jstyle_green.css

@@ -0,0 +1,142 @@
+/*
+ $Id: jstyle_green.css 518 2011-10-28 08:09:07Z namiltd $
+ */
+
+* {
+    margin:0;
+    padding:0;
+}
+
+html {
+    background-color:#f3f1e9;
+    color:#666;
+    font-size:100%;
+    height:100%;
+}
+
+body {
+    font-family:Verdana, "Bitstream Vera Sans";
+    font-size:.75em;
+    margin:0 auto;
+    min-height:100%;
+    overflow:auto;
+    padding:20px 20px 0;
+    position:relative;
+    width:940px;
+    _width: 945px; /* ie6 */
+}
+
+h1 {
+    color:#693;
+    font-family:Georgia, serif;
+    font-size:150%;
+    font-weight:400;
+    line-height:1.5em;
+    margin:0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding:10px;
+    text-align:center;
+}
+
+h2 {
+    border-bottom:2px solid #693;
+    color:#693;
+    font-family:Georgia, serif;
+    font-size:130%;
+    font-weight:700;
+    line-height:1.5em;
+    padding:3px 10px;
+    text-transform:uppercase;
+}
+
+p {
+    line-height:1.6;
+    padding:4px 10px 2px;
+    text-align:left;
+    vertical-align:top;
+}
+
+table {
+    width:100%;
+}
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+th,td,h3 {
+    font-size:100%;
+    padding:4px 10px 2px;
+    text-align:left;
+    vertical-align:top;
+}
+
+a {
+    color:#c03000;
+    text-decoration:none;
+}
+
+a:hover {
+    text-decoration:underline;
+}
+
+/****/
+
+.bar {
+    background-color:#C1DC70;
+}
+
+.barwarn {
+    background-color:#DC8B70;
+}
+
+.even {
+    background:#EBE8DA;
+}
+
+.right {
+    padding-right:20px;
+    text-align:right;
+}
+
+/****/
+
+#filesystemTable thead tr .header {
+    cursor:pointer;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding:0 30px;
+}
+
+#vitals,#network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float:left;
+    margin:10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding:1px;
+    width:451px;
+}
+
+#memory,#filesystem {
+    width:915px;
+}
+
+#select {
+    text-align:right;
+}
+
+#select select {
+    width:100px;
+}
+
+#footer {
+    clear:both;
+    color:#5C5C5C;
+    font-size:80%;
+    line-height:18px;
+    margin:12px;
+    padding:13px 25px;
+    text-align:center;
+}

root/opt/phpsysinfo/templates/nextgen.css

@@ -0,0 +1,152 @@
+/*
+ $Id: nextgen.css 518 2011-10-28 08:09:07Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #00A;
+}
+
+a:hover {
+    text-decoration: underline;
+    color: #7D9100;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    height: 100%;
+    background: url("nextgen/nextgen_bg.png") repeat-x scroll center top #F3F1E9;
+}
+
+body {
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+    font: 0.75em arial, tahoma, helvetica, sans-serif;
+    color: #000;
+}
+
+div#container {
+    margin: -20px -10px 0 -10px;
+    padding: 116px 0 0 0;
+}
+
+h1 {
+    position: absolute;
+    top: 35px;
+    left: 10px;
+    margin: 0;
+    padding: 0px 10px;
+    font-size: 2em;
+    font-weight: normal;
+    color: #fff;
+}
+
+#select {
+    position: absolute;
+    top: 75px;
+    color: #FFF;
+    right: 30px;
+    width: 370px;
+    text-align: right;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #354242;
+}
+
+h2 {
+    padding: 5px 10px;
+    font-family: "trebuchet ms";
+    font-size: 1.2em;
+    font-weight: bold;
+    letter-spacing: 0.0em;
+    text-transform: uppercase;
+    color: #C9DE55; /* #7D9100; */
+    background: #354242;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #354242;
+}
+
+.dataTables_wrapper{
+    margin: 0 0 0 0 !important;
+    border: 0px !important;
+}
+
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+h3 {
+    font-size: 120%;
+}
+
+.even {
+    background: #DDD;
+}
+
+#footer {
+    color: #777777;
+    clear: both;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    text-align: right;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background: #C1DC70 url("../gfx/html.gif");
+}
+
+.barwarn {
+    background: #DC8B70 url("../gfx/htmlwarn.gif");
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/phpsysinfo.css

@@ -0,0 +1,142 @@
+/*
+ $Id: phpsysinfo.css 589 2012-07-01 09:58:44Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    height: 100%;
+    background: url("../gfx/html.gif");
+}
+
+body {
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+    font: 0.75em arial, tahoma, helvetica, sans-serif;
+    color: #000;
+    background: #fff url("../gfx/body.png") repeat-y;
+    _bac\kground: #fff; /* ie6 only */
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    border-top: 1px solid #8A6E5A;
+    border-bottom: 1px solid #8A6E5A;
+    font-size: 2em;
+    font-weight: normal;
+    color: #fff;
+    background: #8A6E5A;
+}
+
+#select {
+    text-align: right;
+    padding: 10px;
+}
+
+#select select {
+    width: 100px;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #5A7E8A;
+}
+
+h2 {
+    padding: 5px 10px;
+    font-family: "trebuchet ms";
+    font-size: 1.2em;
+    font-weight: bold;
+    letter-spacing: 0.0em;
+    text-transform: uppercase;
+    color: #fff;
+    background: #5A7E8A;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+    border: 1px solid #5A7E8A;
+}
+
+.dataTables_wrapper{
+    margin: 0 0 0 0 !important;
+    border: 0px !important;
+}
+
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+}
+
+h3 {
+    font-size: 120%;
+}
+
+.even {
+    background: #d6d6d6;
+}
+
+#footer {
+    clear: both;
+    color: #c9c9c9;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+.bar {
+    background: #C1DC70 url("../gfx/html.gif");
+}
+
+.barwarn {
+    background: #DC8B70 url("../gfx/htmlwarn.gif");
+}
+
+p {
+    padding: 4px 10px 2px 10px;
+    line-height: 1.6;
+    text-align: left;
+    vertical-align: top;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}

root/opt/phpsysinfo/templates/phpsysinfo_bootstrap.css

@@ -0,0 +1,84 @@
+body {
+    font-size: 13px;
+    padding-top: 80px;
+}
+
+.progress {
+    margin-bottom: 0;
+}
+
+.table td.rightCell, .table th.rightCell {
+    text-align: right;
+}
+
+.percent {
+    text-align: center;
+}
+
+.panel-primary {
+    border: none;
+}
+
+.navbar {
+    background-color: #428bca;
+}
+
+.navbar-brand, .navbar-brand:hover {
+    color: #fff;
+}
+
+.navbar-brand>img {
+    display: inline;
+}
+
+.treegrid-indent {
+    width:16px;
+    height: 16px;
+    display: inline;
+    position: relative;
+}
+
+.treegrid-expander {
+    width:16px;
+    height: 16px;
+    display: inline;
+    position: relative;
+    cursor: pointer;
+}
+
+.normalicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.normalicon-right:before {
+  content: "\25ba";
+}
+.normalicon-down:before {
+  content: "\25bc";
+}
+
+table.sortable thead th {
+    cursor: pointer;
+    position: relative;
+    top: 0;
+    left: 0;
+}
+
+table.sortable thead th:hover {
+    background: #efefef;
+}
+
+table.borderless td,table.borderless th{
+     border: none !important;
+}
+
+.navbar-logo {
+    cursor: pointer;
+}

root/opt/phpsysinfo/templates/plugin/jquery.dataTables.css

@@ -0,0 +1,14 @@
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables sorting
+ */
+.sorting_asc {
+    background: url('../../gfx/sort_asc.png') no-repeat center right;
+}
+
+.sorting_desc {
+    background: url('../../gfx/sort_desc.png') no-repeat center right;
+}
+
+.sorting {
+    background: url('../../gfx/sort_both.png') no-repeat center right;
+}

root/opt/phpsysinfo/templates/plugin/jquery.jgrowl.css

@@ -0,0 +1,132 @@
+
+div.jGrowl {
+	padding: 			10px;
+	z-index: 			9999;
+	color: 				#fff;
+	font-size: 			12px;
+}
+
+/** Special IE6 Style Positioning **/
+div.ie6 {
+	position: 			absolute;
+}
+
+div.ie6.top-right {
+	right: 				auto;
+	bottom: 			auto;
+	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.top-left {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.bottom-right {
+	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.bottom-left {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+}
+
+div.ie6.center {
+	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
+	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
+	width: 				100%;
+}
+
+/** Normal Style Positions **/
+div.jGrowl {
+	position:			absolute;
+}
+
+body > div.jGrowl {
+	position:			fixed;
+}
+
+div.jGrowl.top-left {
+	left: 				0px;
+	top: 				0px;
+}
+
+div.jGrowl.top-right {
+	right: 				0px;
+	top: 				0px;
+}
+
+div.jGrowl.bottom-left {
+	left: 				0px;
+	bottom:				0px;
+}
+
+div.jGrowl.bottom-right {
+	right: 				0px;
+	bottom: 			0px;
+}
+
+div.jGrowl.center {
+	top: 				0px;
+	width: 				50%;
+	left: 				25%;
+}
+
+/** Cross Browser Styling **/
+div.center div.jGrowl-notification, div.center div.jGrowl-closer {
+	margin-left: 		auto;
+	margin-right: 		auto;
+}
+
+div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
+	background-color: 		#000;
+	opacity: 				.85;
+    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
+    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
+	zoom: 					1;
+	width: 					235px;
+	padding: 				10px;
+	margin-top: 			5px;
+	margin-bottom: 			5px;
+	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
+	font-size: 				1em;
+	text-align: 			left;
+	display: 				none;
+	-moz-border-radius: 	5px;
+	-webkit-border-radius:	5px;
+}
+
+div.jGrowl div.jGrowl-notification {
+	min-height: 			40px;
+}
+
+div.jGrowl div.jGrowl-notification div.jGrowl-header {
+	font-weight: 			bold;
+	font-size:				.85em;
+}
+
+div.jGrowl div.jGrowl-notification div.jGrowl-close {
+	z-index:				99;
+	float: 					right;
+	font-weight: 			bold;
+	font-size: 				1em;
+	cursor:					pointer;
+}
+
+div.jGrowl div.jGrowl-closer {
+	padding-top: 			4px;
+	padding-bottom: 		4px;
+	cursor: 				pointer;
+	font-size:				.9em;
+	font-weight: 			bold;
+	text-align: 			center;
+}
+
+/** Hide jGrowl when printing **/
+@media print {
+	div.jGrowl {
+		display: 			none;
+	}
+}

root/opt/phpsysinfo/templates/plugin/jquery.treeTable.css

@@ -0,0 +1,37 @@
+/*
+ Copyright: Paul Hanlon
+ 
+ Released under the MIT/BSD licence which means you can do anything you want
+ with it, as long as you keep this copyright notice on the page
+ */
+.collapsed {
+    display: none;
+}
+
+.tablemain {
+    border-collapse: collapse;
+    padding: 0px;
+    text-align: left;
+}
+
+.tablemain td {
+    margin-left: 3px;
+}
+
+.tree td {
+    padding: 0px 2px 0px 0px;
+    cursor: pointer;
+}
+
+.adeimg, .ttimage, .parimg, .preimg {
+    border: none;
+    margin: 0px;
+    padding: 0px;
+    vertical-align: bottom;
+    width: 16px;
+    height: 16px;
+}
+
+.adeimg, .parimg {
+    cursor: pointer;
+}

root/opt/phpsysinfo/templates/plugin/nyroModal.full.css

@@ -0,0 +1,105 @@
+div#nyroModalFull {
+	font-size: 12px;
+	color: #777;
+}
+div#nyroModalFull div#nyroModalLoading {
+	border: 4px solid #777;
+	width: 150px;
+	height: 150px;
+	text-indent: -9999em;
+	background: #fff url(../../gfx/ajaxLoader.gif) no-repeat;
+	background-position: center;
+}
+div#nyroModalFull div#nyroModalLoading.error {
+	border: 4px solid #f66;
+	line-height: 20px;
+	padding: 20px;
+	width: 300px;
+	height: 100px;
+	text-indent: 0;
+	background: #fff;
+}
+div#nyroModalFull div#nyroModalWrapper {
+	background: #fff;
+	border: 4px solid #777;
+}
+div#nyroModalFull div#nyroModalWrapper a#closeBut {
+	position: absolute;
+	display: block;
+	top: -13px;
+	right: -13px;
+	width: 12px;
+	height: 12px;
+	text-indent: -9999em;
+	background: url(../../gfx/close.gif) no-repeat;
+	outline: 0;
+}
+div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	top: -22px;
+	left: 5px;
+	font-size: 12px;
+	color: #ddd;
+}
+div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
+	overflow: auto;
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
+	padding: 5px;
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
+	position: relative;
+	overflow: hidden;
+	text-align: center;
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
+	vertical-align: baseline;
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: black;
+	padding: 10px;
+	margin: 10px;
+	border: 1px white dotted;
+	overflow: hidden;
+	opacity: 0.2;
+	filter: alpha(opacity=20);
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+	cursor: help;
+}
+div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
+	z-index: 105;
+	outline: none;
+	position: absolute;
+	top: 0;
+	height: 100%;
+	width: 40%;
+	cursor: pointer;
+	text-indent: -9999em;
+	background: left 20% no-repeat;
+	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
+}
+div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
+	height: 60%;
+	width: 20%;
+}
+div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
+	left: 0;
+}
+div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
+	background-image: url(../../gfx/prev.png);
+}
+div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
+	right: 0;
+	background-position: right 20%;
+}
+div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
+	background-image: url(../../gfx/next.png);
+}

root/opt/phpsysinfo/templates/two.css

@@ -0,0 +1,123 @@
+/*
+ $Id: two.css 518 2011-10-28 08:09:07Z namiltd $
+ */
+a {
+    text-decoration: none;
+    color: #c03000;
+}
+
+a:hover {
+    text-decoration: underline;
+}* {
+    margin: 0;
+    padding: 0;
+}
+
+html {
+    font-size: 100%;
+    height: 100%;
+    color: #2B2828;
+    background: url("two/gradient.png") repeat-x #EEF2FE;
+}
+
+body {
+    font-family: Verdana, "Bitstream Vera Sans";
+    font-size: .75em;
+    position: relative;
+    width: 940px;
+    _width: 945px; /* ie6 */
+    min-height: 100%;
+    overflow: auto;
+    margin: 0 auto;
+    padding: 20px 20px 0 20px;
+}
+
+h1 {
+    margin: 0 10px;
+    _margin: 0 15px 0 10px; /* ie6 */
+    padding: 10px 10px;
+    text-align: center;
+    color: #fff;
+    font-weight: normal;
+    font-size: 170%;
+    line-height: 1.5em;
+}
+
+#select {
+    color: #fff;
+    text-align: right;
+    margin-bottom: 45px;
+}
+
+#select select {
+    width: 100px;
+}
+
+h2 {
+    font-weight: bold;
+    font-size: 130%;
+    line-height: 1.5em;
+    color: #8B272A;
+    border-bottom: 2px solid #8B272A;
+}
+
+table {
+    width: 100%;
+}
+
+.plugin {
+    float: left;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+th, td, h3 {
+    padding: 4px 10px 2px 10px;
+    text-align: left;
+    vertical-align: top;
+    font-size: 100%;
+}
+
+#footer {
+    clear: both;
+    color: #5C5C5C;
+    margin: 12px;
+    padding: 13px 25px;
+    line-height: 18px;
+    font-size: 80%;
+    text-align: center;
+}
+
+.bar {
+    background-color: #8B272A;
+}
+
+.barwarn {
+    background-color: #88278B;
+}
+
+#vitals, #network, #memory, #filesystem, #hardware, #temp, #voltage, #fan, #power, #current, #ups {
+    float: left;
+    width: 451px;
+    margin: 10px 0 0 10px;
+    _margin: 10px 5px 0 5px; /* ie6 */
+    padding: 1px;
+}
+
+#memory, #filesystem {
+    width: 915px;
+}
+
+#filesystemTable thead tr .header {
+    cursor: pointer;
+}
+
+.right {
+    text-align: right;
+    padding-right: 20px;
+}
+
+#pciTable, #ideTable, #scsiTable, #usbTable, #tbTable, #i2cTable {
+    padding: 0px 30px;
+}