Styling issues of the GSO service page

Issue-ID:GSO-232

Change-Id: I97e65631c362b4a326492031b3aa19224f30594e
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>

diff --git a/lifecyclemgr/src/main/webapp/lifecyclemgr/css/open-ostyle.css b/lifecyclemgr/src/main/webapp/lifecyclemgr/css/open-ostyle.css
index 52c3076..2aa348c 100644 (file)
--- a/lifecyclemgr/src/main/webapp/lifecyclemgr/css/open-ostyle.css
+++ b/lifecyclemgr/src/main/webapp/lifecyclemgr/css/open-ostyle.css
@@ -1,6 +1,6 @@
 /*\r
 \r
-    Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
+    Copyright 2017, Huawei Technologies Co., Ltd.\r
 \r
     Licensed under the Apache License, Version 2.0 (the "License");\r
     you may not use this file except in compliance with the License.\r
@@ -223,7 +223,7 @@ a:hover {
 }\r
 \r
 .homecontent {\r
-    text-align: center;\r
+    /* text-align: center; */\r
     letter-spacing: 1.4px;\r
 }\r
 \r
@@ -315,7 +315,6 @@ a:hover {
     transform: translateY(-50%);\r
     padding-left: 70px;\r
     white-space: normal;\r
-    color:blue;\r
 }\r
 \r
 /* Functional */\r
@@ -562,6 +561,7 @@ a:hover {
 .modal-header {\r
        /*background-color: #cccccc;*/\r
     background: linear-gradient(to bottom, #fbfbfb 0, #f6f6f6 70%, #f0f0f0 100%);\r
+    padding:0px;\r
 }\r
 \r
 /* Tree */\r
@@ -622,6 +622,10 @@ a:hover {
     font-size: 12px;\r
 }\r
 \r
+tr{\r
+       text-align:center;\r
+}\r
+\r
 /* Vertical Tab */\r
 .nav-stacked {\r
     margin-top: 20px;\r
@@ -640,9 +644,10 @@ a:hover {
     background-color: transparent;\r
 }\r
 .nav-stacked>li.active>a {\r
-    background-color: #ccc;\r
+    background-color: #fff;\r
     border: none;\r
     border-radius: 4px;\r
+    border-left: 3px solid #4ac9ff;\r
 }\r
 \r
 #vtabArea .tab-content .tab-pane {\r
@@ -767,10 +772,10 @@ a:hover {
     letter-spacing: 3px;\r
     width:100%;\r
 }\r
-#notifications h5, #functional h5{\r
+ #functional h5{\r
     padding : 0;\r
 }\r
-#notifications a, #functional a{\r
+ #functional a{\r
     padding: 12px 14px;\r
 }\r
 .tableAlign{\r
@@ -836,7 +841,7 @@ a:hover {
 }\r
 \r
 #menu_accordion .collapsed span {\r
-    background: url(../thirdparty/images/expand_arrow.png) 1px 3px no-repeat;\r
+    background: url(../../thirdparty/images/expand_arrow.png) 1px 3px no-repeat;\r
     display: block;\r
     float: left;\r
     margin-bottom: -1px;\r
@@ -845,7 +850,7 @@ a:hover {
     padding-left: 20px;\r
 }\r
 #menu_accordion span {\r
-    background: url(../thirdparty/images/collapse_arrow.png) 1px 3px no-repeat;\r
+    background: url(../../thirdparty/images/collapse_arrow.png) 1px 3px no-repeat;\r
     display: block;\r
     float: left;\r
     margin-bottom: -1px;\r
@@ -939,7 +944,8 @@ a:hover {
 \r
 .labelstyle{\r
     text-align:left;\r
-    font-size:12px;\r
+    font-size:14px;\r
+    font-weight: 700;\r
     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
 }\r
 \r
@@ -947,12 +953,68 @@ a:hover {
     font-size:14px !important;\r
     font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
 }\r
+\r
+.header{\r
+    text-align:left;\r
+    font-size:14px;\r
+    font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+}\r
+\r
+.message{\r
+    font-size:12px;\r
+    font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+}\r
+\r
 .shortnoteHeader {\r
     color : blue;\r
 }\r
 .shortnoteText {\r
-    font-size : 12px;\r
+    font-size : 10px;\r
 }\r
-tr{\r
-    text-align:center;\r
+.form-group, .modal-header{\r
+    text-align: left;\r
+}\r
+\r
+.labelHeader, .labelTitle {\r
+    font-size: 28px;\r
+    font-weight: bold;\r
+    color: #333;\r
+    text-transform: capitalize;\r
+    border-top: 2px solid #f1f1f1;\r
+    border-bottom: 2px solid #f1f1f1;\r
+    padding: 13px 5px;\r
+    display: inline-block;\r
+    letter-spacing: 5px;\r
 }\r
+\r
+.labelTitle {\r
+    font-size: 24px;\r
+    font-weight: normal;\r
+    text-align: left;\r
+    border: none;\r
+}\r
+\r
+pre code {\r
+    white-space: pre-line;\r
+\r
+}\r
+.plus-icon {\r
+    background-image: url("../../thirdparty/images/add.png");\r
+}\r
+.edit-icon {\r
+    background-image: url("../../thirdparty/images/edit.png");\r
+}\r
+.delete-icon {\r
+    background-image: url("../../thirdparty/images/delete.png");\r
+}\r
+\r
+.staricon{\r
+    color: red;\r
+    float: right;\r
+}\r
+\r
+.inputfield{\r
+    width:95%;\r
+    display:inline-block;\r
+\r
+}
\ No newline at end of file

diff --git a/lifecyclemgr/src/main/webapp/lifecyclemgr/css/style.css b/lifecyclemgr/src/main/webapp/lifecyclemgr/css/style.css
index e551d23..5cc66ac 100644 (file)
--- a/lifecyclemgr/src/main/webapp/lifecyclemgr/css/style.css
+++ b/lifecyclemgr/src/main/webapp/lifecyclemgr/css/style.css
@@ -38,6 +38,7 @@
 \r
 #lctabArea{\r
     margin-top:100px;\r
+    text-align: center;\r
 }\r
 #lctabArea .nav-tabs{\r
     border-bottom: 1px solid #4ac9ff;\r
@@ -119,10 +120,10 @@
 }\r
 \r
 .mT15 input {\r
-    margin-left: 10px;\r
+    /*margin-left: 10px;*/\r
     width: 100%;\r
     padding: 8px 12px;\r
-    background: #f1f1f1;\r
+    /*background: #f1f1f1;*/\r
     border: 1px solid #ccc;\r
     border-radius: 4px;\r
     font-size: 16px;\r
@@ -146,11 +147,30 @@
     margin-top:25px;\r
 }\r
 \r
-.nav>li>a:hover, .nav>li>a:focus {\r
+.nav>li>a:hover {\r
     text-decoration: none;\r
     background-color: #eee;\r
 }\r
 \r
 select {\r
     padding: 0 !important;\r
+}\r
+\r
+#myModal {\r
+    text-align: center;\r
+}\r
+#myModal .modal-content .modal-body .tab-content {\r
+    overflow-x: hidden;\r
+    overflow-y: auto;\r
+    max-height: 500px;\r
+}\r
+\r
+.row-content {\r
+    overflow: hidden;\r
+    margin-bottom: 7px;\r
+}\r
+\r
+.delete-icon {\r
+    background: url("../images/delete.png") no-repeat;\r
+    height: 16px;\r
 }
\ No newline at end of file