diff options
author | 2017-02-28 14:26:37 +0530 | |
---|---|---|
committer | 2017-02-28 14:26:37 +0530 | |
commit | 7fb4c9c1ef77081601878d7e6c8a91101f551199 (patch) | |
tree | 9843e7d6fed924dd3c4048c0f065fbcaa08034c5 /lifecyclemgr | |
parent | 58631a9c823e62dba65f2ebbb83806364224d0ba (diff) |
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>
Diffstat (limited to 'lifecyclemgr')
-rw-r--r-- | lifecyclemgr/src/main/webapp/lifecyclemgr/css/open-ostyle.css | 86 | ||||
-rw-r--r-- | lifecyclemgr/src/main/webapp/lifecyclemgr/css/style.css | 26 |
2 files changed, 97 insertions, 15 deletions
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 |