diff client/digitallibrary/jquery/svg/jquery.digilibSVG.css @ 781:d5f47dfaf0ce jquery

status line for SVG measuring tool
author hertzhaft
date Sun, 13 Feb 2011 17:36:31 +0100
parents f8235c42f4a0
children 7703ff1f2173
line wrap: on
line diff
--- a/client/digitallibrary/jquery/svg/jquery.digilibSVG.css	Sun Feb 13 16:22:32 2011 +0100
+++ b/client/digitallibrary/jquery/svg/jquery.digilibSVG.css	Sun Feb 13 17:36:31 2011 +0100
@@ -9,32 +9,57 @@
     }
  
 div#svg-toolbar {
-    border: 1px solid black;
-    color: black;
+    color: grey;
     background-color: grey;
     position: fixed;
-    left: 10px;
-    bottom: 10px;
+    left: 8px;
+    bottom: 8px;
+    border: 1px solid black;
+    }
+
+span.svg-label {
+    font-size: 12px;
+    padding: 0px 3px;
+    color: silver;
+    background-color: grey;
+    }
+
+span.svg-number {
+    font-size: 12px;
+    padding: 0px 3px;
+    display: inline-block;
+    width: 50px;
+    background-color: grey;
+    color: white;
     }
 
 select {
-    border: none;
+    font-size: 12px;
+    padding: 0px 3px;
+    margin: 0px;
+    display: inline-block;
     background-color: grey;
     color: lightgreen;
-    font-size: 12px;
+    border: none;
     }
 
-span {
+input.svg-input {
+    width: 50px;
     font-size: 12px;
+    padding: 0px 3px;
+    margin: 0px;
+    display: inline-block;
+    background-color: grey;
+    color: lightgreen;
+    border: none;
     }
 
-span#svg-pixel, span#svg-pixelfactor {
-    width: 50px;
-    background-color: silver;
-    color: white;
+select:hover, select:active, select:focus,
+input.svg-input:hover, input.svg-input:active, input.svg-input:focus {
+    background-color: white;
+    color: black;
     }
 
-
 div.digilib {
     margin: 0px;
 }