From 7fb4c9c1ef77081601878d7e6c8a91101f551199 Mon Sep 17 00:00:00 2001
From: Seshu-Kumar-M <seshu.kumar.m@huawei.com>
Date: Tue, 28 Feb 2017 14:26:37 +0530
Subject: 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>
---
 .../main/webapp/lifecyclemgr/css/open-ostyle.css   | 86 +++++++++++++++++++---
 .../src/main/webapp/lifecyclemgr/css/style.css     | 26 ++++++-
 2 files changed, 97 insertions(+), 15 deletions(-)

(limited to 'lifecyclemgr')

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