AAI-180 Modify the VIM register portal

Change-Id: Ifcc9bb1f6cb4c47ddcb534c6d4b467071e48ce84
Issue-ID: AAI-180
Signed-off-by: qin.liang(10184303) <qin.liang13@zte.com.cn>

1 files changed, 90 insertions, 16 deletions

diff --git a/esr/src/main/webapp/extsys/vim/css/vim.css b/esr/src/main/webapp/extsys/vim/css/vim.css
index 373cd92..0998451 100644
--- a/esr/src/main/webapp/extsys/vim/css/vim.css
+++ b/esr/src/main/webapp/extsys/vim/css/vim.css
@@ -53,11 +53,6 @@ body {
     color: #fff;
 }
 
-a {
-    font-weight: bold;
-    text-decoration: none;
-}
-
 p {
     color: #444;
     font-size: 14px;
@@ -227,6 +222,18 @@ div[data-name="cond_zone"] div {
     margin-bottom: 15px;
 }
 
+div[data-name="res-conds-zone"] {
+    display: inline;
+}
+
+div[data-name="res-conds-zone"] select, div[data-name="res-conds-zone"] span {
+    /**height:33px;*/
+    margin-left: 15px;
+    color: #5b9bd1;
+    border-color: #ccc;
+    font-weight: bold;
+}
+
 .input {
     width: 250px;
     height: 34px;
@@ -304,12 +311,10 @@ input[name="daterange"] {
 }
 
 td.details-control {
-    background: url('../images/details_open.png') no-repeat center center;
     cursor: pointer;
 }
 
 tr.shown td.details-control {
-    background: url('../images/details_close.png') no-repeat center center;
 }
 
 .details table td {
@@ -396,10 +401,10 @@ input.pagination-panel-input {
     animation-duration: .5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
+    -webkit-animation-delay: 0.1s;
 }
 
 .hpanel {
-    background-color: none;
     border: none;
     box-shadow: none;
     margin-bottom: 25px;
@@ -414,12 +419,18 @@ input.pagination-panel-input {
 }
 
 .h-200 {
-    min-height: 220px;
+    min-height: 120px;
 }
 
 .m-t-xl {
     margin-top: 40px;
 }
+.card-name{
+    text-align: center;
+}
+.m-t-xl div {
+    margin-bottom: 15px;
+}
 
 .text-success {
     color: #0d638f;
@@ -461,16 +472,79 @@ h3 {
     min-width: 30px !important;
 }
 
-.refresh-status-text {
-    float: right;
-}
-
-.font {
+.font-bold {
+    font-weight: 600;
     margin-bottom: 15px;
 }
-
 .hpanel_show {
-    cursor: pointer;
     background-color: #f7f9fa;
 }
+.vnfm-padding {
+    padding-left: 0;
+}
+.step-content{
+    margin-top: 20px;
+}
+.px-ui-steps{
+    height: 36px;
+}
+.px-ui-horizon-ul-horizon{
+    display: flex;
+    box-orient: horizontal;
+    margin: 0;
+    padding: 0;
+}
+.px-ui-steps-li{
+    list-style: none;
+    position: relative;
+    width: 386px;
+    height: 24px;
+    line-height: 24px;
+    float: left;
+    margin-right: 0;
+}
+.px-ui-menuitem-div-passive{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    min-width: 120px;
+    -webkit-transform: translate(-50%,-50%);
+    -moz-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    -o-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+}
+.step-active div:first-child span:last-child{
+    color: #4d5761;
+}
+.step-active div:last-child, .step-active div:first-child span:first-child{
+    background: #33bcff;
+}
+.px-ui-steps-number-passive{
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 10px;
+    float: left;
+    color: #fff;
+    text-align: center;
+    background: #ddd;
+}
+.px-ui-steps-title-passive{
+    white-space: nowrap;
+}
+.px-ui-steps-title-active{
+    color: #4d5761;
+}
+.px-ui-steps-title-passive{
+    color: #7c868d;
+}
 
+.px-ui-underline-passive{
+    width: 100%;
+    height: 2px;
+    margin-top: 35px;
+    position: absolute;
+    background: #ddd;
+}
\ No newline at end of file