1 files changed, 156 insertions, 0 deletions
diff --git a/apiroute/apiroute-service/src/main/resources/iui-metrics/css/metrics.css b/apiroute/apiroute-service/src/main/resources/iui-metrics/css/metrics.css
new file mode 100644
index 0000000..58169bb
--- /dev/null
+++ b/apiroute/apiroute-service/src/main/resources/iui-metrics/css/metrics.css
@@ -0,0 +1,156 @@
+/*
+ * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+body {
+  color: #333;
+  font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
+  padding: 0px !important;
+  margin: 0px !important;
+  direction: ltr;
+  background-color: #f1f3fa !important; 
+}
+
+.row{
+     margin-left: 0px; 
+  margin-right: 0px; 
+}
+
+select {
+  border-width: 1px;
+  padding: 4px 1px;
+  border-radius: 4px;
+}
+
+.navbar {
+  overflow: visible;
+  margin-bottom: 0px;
+
+}
+
+#top-bar, #top-bar small, #top-bar a {
+  text-shadow: 0px -1px 0px #182127;
+  color: #ffffff;
+}
+
+.span12{
+  margin-top:10px;
+}
+
+#title {
+  color: #ffffff;
+  font-weight: bolder;
+}
+
+#top-bar {
+  background-color: #363F45;
+  background-image: -moz-linear-gradient(top, #545d63, #182127);
+  background-image: -ms-linear-gradient(top, #545d63, #182127);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
+  background-image: -webkit-linear-gradient(top, #545d63, #182127);
+  background-image: -o-linear-gradient(top, #545d63, #182127);
+  background-image: linear-gradient(top, #545d63, #182127);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  height: 55px;
+}
+
+.navbar-inner {
+  padding-left: 20px;
+  padding-right: 20px;
+  background-color: #2c2c2c;
+  background-image: -moz-linear-gradient(top, #333333, #222222);
+  background-image: -ms-linear-gradient(top, #333333, #222222);
+  background-image: -o-linear-gradient(top, #333333, #222222);
+  background-image: linear-gradient(top, #333333, #222222);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+
+
+
+.container-fluid {
+  background-color: #fff;
+}
+
+
+
+p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space:nowrap; 
+}
+
+
+
+
+
+
+
+
+.titlefont {
+  font-size: 16px;
+    margin-left: 10px;
+}
+
+.separator-line {
+  height: 1px;
+  width: 100%;
+  background: #ddd;
+  overflow: hidden;
+  margin-bottom: 15px;
+  margin-top: 6px;
+  opacity: 0.6;
+}
+
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+    background: 0 0;
+}
+
+table.dataTable thead .sorting_asc:after {
+    content: "\f0de";
+    float: right;
+    font-family: fontawesome;
+}
+
+table.dataTable thead .sorting_desc:after {
+    content: "\f0dd";
+    float: right;
+    font-family: fontawesome;
+}
+
+table.dataTable thead .sorting:after {
+    content: "\f0dc";
+    float: right;
+    font-family: fontawesome;
+    color: rgba(50,50,50,.5);
+}
+
+.metricsChart {
+  /*width: 560px;*/
+  height: 400px;
+  padding: 5px;
+}
+\ No newline at end of file