changes made in UI of Dashboard as enhancement

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@100231 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/GWT-Component/war/GwtDashboardPage.css

@@ -437,7 +437,7 @@ right: 10px	;
     border-radius: 3px;
 	border: 1px solid lightgray;
 	left: auto !important;
-	right: 300px;
+	right: 10px;
 	top: 300px;
 	z-index: 20;
 	background: none repeat scroll 0% 0% #FFF;
@@ -1124,13 +1124,13 @@ border-left: solid 1px #b4b4b4;
 	overflow: hidden !important;
 	position: relative;
 	/*width: 170px !important;*/
-	border: solid 1px #b4b4b4;
+	/*border: solid 1px #b4b4b4;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
 	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-	box-shadow: 0 1px 3px rgba(0,0,0, .3);
+	box-shadow: 0 1px 3px rgba(0,0,0, .3);*/
 /*	background: #ddd repeat-x 0 0;*/
 }
 

webitm-dashboard/GWT-Component/war/circle.css

@@ -252,17 +252,17 @@
 .c100.small {
   font-size: 80px;
 }
-.c100 > span {
+/* .c100 > span {
   position: absolute;
   width: 100%;
   z-index: 1;
-  /* left: 0;
-  top: 0; */
+  left: 0;
+  top: 0;
   left: 14px;
   top: 22px;
   width: 5em;
-  /* line-height: 5em; */
-  /* font-size: 0.2em; */
+  line-height: 5em;
+  font-size: 0.2em;
   font-size:13px;
   color: #cccccc;
   display: block;
@@ -280,10 +280,34 @@
   -moz-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
-  
-  
-  
+} */
+
+.c100 > span {
+    position: absolute;
+    width: 100%;
+    z-index: 1;
+    left: 14px;
+    top: 22px;
+    font-size: 13px;
+    color: #cccccc;
+    display: block;
+    text-align: center;
+    white-space: nowrap;
+    -webkit-transition-property: all;
+    -moz-transition-property: all;
+    -o-transition-property: all;
+    transition-property: all;
+    -webkit-transition-duration: 0.2s;
+    -moz-transition-duration: 0.2s;
+    -o-transition-duration: 0.2s;
+    transition-duration: 0.2s;
+    -webkit-transition-timing-function: ease-out;
+    -moz-transition-timing-function: ease-out;
+    -o-transition-timing-function: ease-out;
+    transition-timing-function: ease-out;
 }
+
+
 .c100:after {
   position: absolute;
   top: 0.08em;
@@ -1838,13 +1862,28 @@
 {
 	margin-top: 5px;
 }
-.internalSpan
+/* .internalSpan
 {
 	color: #000 !important;
 	font-size: 25px !important;
 	left: -12px !important;
 	top: 25px !important;
 }
+ */
+
+.internalSpan {
+    color: #000 !important;
+    font-size: 25px !important;
+    left: 3px !important;
+    top: 32px !important;
+}
+
+
+
+
+
+
+
 .circleNotDisplay {
   position: relative;
   font-size: 92px;