many improvements.

[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 64370c6..7bb4078 100644 (file)
--- a/web/MonitorWeb/monitorweb/static/css/style.css
+++ b/web/MonitorWeb/monitorweb/static/css/style.css
@@ -26,15 +26,56 @@ 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:2em; left:2em; width:15em;\r
+    border:1px solid #AAA;\r
+       color:#DDD;\r
+    background-color:black; \r
+    text-align: center}\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
@@ -148,11 +189,15 @@ 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
+  margin: 20 20 20 20;\r
+  padding: 20 20 20 20;\r
 }\r
 \r
 #status_block {\r
@@ -172,6 +217,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