updated the model for actions, site history

[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..473a4d9 100644 (file)
--- a/web/MonitorWeb/monitorweb/static/css/style.css
+++ b/web/MonitorWeb/monitorweb/static/css/style.css
@@ -26,30 +26,92 @@ tr.even td {background-color:#fff;}
   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
+#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
@@ -140,11 +202,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 +228,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