X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=web%2FMonitorWeb%2Fmonitorweb%2Fstatic%2Fcss%2Fstyle.css;h=ac85b3319a430e9844dd5dbdc99875c105a64bdd;hb=28e240eb7def09d695bff401226193faffbbd59a;hp=64370c64a336f5069fb581c14aa89be413200fa2;hpb=d389a66c8cc1819095018e741352aff301cfcb4c;p=monitor.git

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