remove unnecessary informatiton on pcuview page

[monitor.git] / web / MonitorWeb / monitorweb / static / css / style.css

diff --git a/web/MonitorWeb/monitorweb/static/css/style.css b/web/MonitorWeb/monitorweb/static/css/style.css
index 5a6b72c..d3a365c 100644 (file)
--- a/web/MonitorWeb/monitorweb/static/css/style.css
+++ b/web/MonitorWeb/monitorweb/static/css/style.css
@@ -17,39 +17,111 @@ tr.even td {background-color:#fff;}
 \r
 #header {\r
   height: 40px;\r
-  width: 780px;\r
+  /*width: 780px;*/\r
   /*background: blue URL('../images/header_inner.png') no-repeat;*/\r
-  border-left: 1px solid #aaa;\r
-  border-right: 1px solid #aaa;\r
+  /*border-left: 1px solid #aaa;*/\r
+  /*border-right: 1px solid #aaa;*/\r
   margin: 0 auto 0 auto;\r
   text-align: center;\r
   font-size: 180%;\r
 }\r
 \r
+ pre.results {\r
+  margin: 0 auto 0 auto;\r
+} \r
+\r
 a.link, a, a.active {\r
   color: #369;\r
+  display: inline;\r
+  page-break-after: avoid;\r
+  page-break-before: avoid;\r
 }\r
 \r
+\r
+/*@media screen {*/\r
+ a.ext-link .icon {\r
+  background: URL(../images/extlink.gif) left center no-repeat;\r
+  padding-left: 16px;\r
+ }\r
+\r
+a.info{\r
+    position:relative; /*this is the key*/\r
+    z-index:24;\r
+    color:#000;\r
+    }\r
+\r
+a.info:hover{z-index:25;}\r
+\r
+a.info span{display: none}\r
+\r
+a.info:hover span{ /*the span will display just on :hover state*/\r
+    display:block;\r
+    position:absolute;\r
+    top:1em; left:-7em; width: 100%;\r
+    border:1px solid #AAA;\r
+       color:#DDD;\r
+    background-color:black; \r
+    text-align: center}\r
+\r
+div#legend a:hover span {display: block;\r
+   float: left; width: 30em;\r
+   padding: 5px; margin: 5px; z-index: 100;\r
+   color: #333; background: white;\r
+   font: 10px Verdana, sans-serif; text-align: left;}\r
+\r
+div#links a:hover span {display: block;\r
+   /*position: absolute; top: 200px; left: 0; width: 125px;*/\r
+   /*position: relative; top: 0px; left: 40; width: 30em;*/\r
+   float: left; width: 30em;\r
+   padding: 5px; margin: 5px; z-index: 100;\r
+   color: #AAA; background: black;\r
+   font: 10px Verdana, sans-serif; text-align: center;}\r
+\r
+\r
+div.oneline { clear : both; }\r
+a.left { float: left; }\r
+a.right { float: right; }\r
+\r
+ /** html a.ext-link .icon { display: inline-block; }*/\r
+/*}*/\r
+\r
 #portopen     { background-color: lightgreen; }\r
 #portclosed   { background-color: indianred; }\r
 #portfiltered { background-color: gold; }\r
 \r
 #dns-DNS-OK { background-color: lightgreen; }\r
-#dns-NOHOSTNAME { background-color: white; }\r
+/*#dns-NOHOSTNAME { background-color: white; }*/\r
 #dns-DNS-MISMATCH { background-color: gold; }\r
 #dns-DNS-NOENTRY { background-color: indianred; }\r
 #dns-NO-DNS-OR-IP { background-color: indianred; }\r
 \r
 #status-NetDown { background-color: lightgrey; }\r
 #status-Not_Run  { background-color: lightgrey; }\r
-#status-ok     { background-color: darkseagreen; }\r
+#status-Ok     { background-color: darkseagreen; }\r
 #status-0     { background-color: darkseagreen; }\r
 #status-error  { background-color: indianred; }\r
 #status-none   { background-color: white; }\r
 \r
+#site-new { background-color: gold; }\r
 #site-good { background-color : darkseagreen; }\r
+#site-online { background-color : lightgreen; }\r
+#site-offline { background-color: red; }\r
 #site-down { background-color: indianred; }\r
 \r
+#node-online { background-color : lightgreen; }\r
+#node-good { background-color : darkseagreen; }\r
+#node-offline { background-color: red; }\r
+#node-down { background-color: indianred; }\r
+\r
+#pcu-online { background-color : lightgreen; }\r
+#pcu-good { background-color : darkseagreen; }\r
+#pcu-offline { background-color: red; }\r
+#pcu-down { background-color: indianred; }\r
+\r
+/*#site-0 { background-color : white; }*/\r
+#site-1 { background-color: gold; }\r
+#site-2 { background-color: indianred; }\r
+\r
 #node-BOOT { background-color: darkseagreen; }\r
 #node-DOWN { background-color: indianred; }\r
 #node-DEBUG { background-color: gold; }\r
@@ -127,7 +199,7 @@ h2 {
 }\r
 \r
 #footer {\r
-  border: 1px solid #aaa;\r
+  /*border: 1px solid #aaa;*/\r
   border-top: 0px none;\r
   color: #999;\r
   background-color: white;\r
@@ -140,11 +212,13 @@ h2 {
 \r
 .code {\r
   font-family: monospace;\r
+  width: 100%;\r
+  background: #eee;\r
 }\r
 \r
 span.code {\r
-  font-weight: bold;\r
-  background: #eee;\r
+  font-size: 120%;\r
+  /*font-weight: bold;*/\r
 }\r
 \r
 #status_block {\r
@@ -164,6 +238,13 @@ span.code {
   background: #eef URL('../images/info.png') left center no-repeat;\r
   border: 1px solid #cce;\r
 }\r
+.error {\r
+  margin: 0.5em auto 0.5em auto;\r
+  padding: 15px 10px 15px 55px;\r
+  width: 450px;\r
+  background: #e30 URL('../images/widgets.png') left center no-repeat;\r
+  border: 1px solid #c00;\r
+}\r
 \r
 .fielderror {\r
     color: red;\r