1 files changed, 117 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.css b/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.css
new file mode 100644
index 00000000..53cf02b4
--- /dev/null
+++ b/usecaseui-portal/src/app/views/network/ccvpn-network/ccvpn-network.component.css
@@ -0,0 +1,117 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    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.
+*/
+.outer{
+  width: 20%;
+  float: left;
+}
+.content{
+  width: 100px;
+  margin: 30px 0;
+}
+
+.submit,.delete,.add{
+  padding:10px 20px;
+  width: 100px;
+  margin: 0 auto;
+  background: dodgerblue;
+  border: none;
+  border-radius: 10px;
+  color: #fff;
+  cursor: pointer;
+}
+
+#tpContainer{
+  position: relative;
+  width:100%;
+  height: 95%;
+  margin-top: 15px;
+  float: left;
+  background: #EEF9FF;
+}
+#tpContainer .no-network{
+  width: 300px;
+  margin: 0 auto;
+  height: 280px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -140px;
+  margin-left: -150px;
+}
+.no-network img{
+  width: 100%;
+}
+.no-network p{
+  text-align: center;
+  color: #A0AACD;
+  font-size: 18px;
+  margin-top: 20px;
+}
+.model {
+  position: relative;
+  padding: 15px;
+  height: 100vh;
+  width: 100%;
+}
+.model h2{
+  display: inline-block;
+  margin: 0;
+  color: #3C4F8C;
+  margin-left: 10px;
+  display: inline-block;
+}
+.model .title-modelshow{
+  color: #A0AACD;
+}
+.model .creation {
+  background-color: #fff;
+  width: 20%;
+  position: absolute;
+  left: 0;
+  margin-top: 30px;
+  margin-left: 30px;
+  border-radius: 5px;
+  box-shadow: 0 0 10px #9e9e9e;
+  padding: 10px;
+  height: 80vh;
+  overflow: auto;
+}
+.model .creation .v_color{
+  height: 17px;
+  float: left;
+  margin-left: -11px;
+  margin-top: 5px;
+  border-left: 4px #3fa8eb solid;
+}
+.w_font4{
+  font-weight: 400;
+}
+.title-span{
+  margin-left: 10%;
+  font-size: 12px;
+}
+.red-span{
+  color: red;
+  margin-right: 3px;
+}
+.choose li nz-select,.choose li input{
+  display: block !important;
+  margin: 5px 10% 15px;
+  width: 80%;
+}
+
+
+