diff options
author | seshukm <seshu.kumar.m@huawei.com> | 2017-01-20 17:43:08 +0530 |
---|---|---|
committer | seshukm <seshu.kumar.m@huawei.com> | 2017-01-20 17:43:08 +0530 |
commit | f0b211f269df2b0bb10d5552d14aeb8991a750ed (patch) | |
tree | 1bd6ccf7503f8dad0785e03ce52937a55ae9555b /openo-portal/portal-auth/src/main/webapp/user/css | |
parent | 68036a69f0dd0dad6b6a715d9850997d21f82940 (diff) |
GUI Code refactor
GUI Code refactor for the sun release code.
Issue-Id : CLIENT-11
Change-Id: I771cc25ff3c8ff7a4e939ce7baef7dd94a67974b
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'openo-portal/portal-auth/src/main/webapp/user/css')
-rw-r--r-- | openo-portal/portal-auth/src/main/webapp/user/css/component.css | 494 | ||||
-rw-r--r-- | openo-portal/portal-auth/src/main/webapp/user/css/user.css | 188 |
2 files changed, 341 insertions, 341 deletions
diff --git a/openo-portal/portal-auth/src/main/webapp/user/css/component.css b/openo-portal/portal-auth/src/main/webapp/user/css/component.css index 13566b98..4f67b28f 100644 --- a/openo-portal/portal-auth/src/main/webapp/user/css/component.css +++ b/openo-portal/portal-auth/src/main/webapp/user/css/component.css @@ -1,247 +1,247 @@ -/* - * Copyright 2016 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. - * 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. - */ -.button_Group { - margin: 15px 0; - overflow: hidden; -} - -.fk_button { - padding: 0 14px; - height: 24px; - float: left; - cursor: pointer; - text-decoration: none; - outline: 0; - border: 1px solid #d3d3d3; - text-align: center; - box-shadow: 0 1px 1px rgba(0,0,0,.05); - background: #fafafa; - background: -moz-linear-gradient(top,#fff,#fafafa); - background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa)); - background: -webkit-linear-gradient(top,#fff,#fafafa); - background: linear-gradient(to bottom,#fff,#fafafa); - border-radius: 6px!important; -} -.fk_button:hover { - color: #009ae7; - border: 1px solid #4AC9FF -} -.fk_button:active { - color: #0000; - border: 1px solid #4AC9FF -} - -.button_Group > button { - margin-right: 10px; -} -.add_imag { - background-image: url(/openoui/user/images/add.png); -} -.delete_imag { - background-image: url(/openoui/user/images/delete.png); -} -.button_imag { - padding-left: 25px; - background-repeat: no-repeat; - background-position: 5px center; -} - - -/*table style*/ -table.dataTable thead th { - padding: 0!important; - height: 22px!important; - padding: 1px 10px 0 5px; - overflow: visible; - white-space: nowrap; - background: #f0f0f0!important; - border: 1px solid #ddd; - border-top: 1px solid #e3e3e3!important; - border-left: 1px dotted transparent!important; - border-bottom: 1px solid #e3e3e3!important; - box-sizing: content-box; - text-align: left; - font-weight: -} -table.dataTable tr td { - padding: 0 10px 0 5px!important; - height: 30px!important; - color: #000!important; - border: none!important; - border-left: 1px solid transparent!important; - border-bottom: 1px solid #e3e3e3!important; - overflow: hidden!important; - white-space: nowrap!important; - text-align: left; -} - -table.dataTable th, table.dataTable td { - font-size: 12px!important; - color: #000!important; - max-width: 95%!important; - font-weight: 400!important; -} - -.paginate_button { - color: #666!important; - font-size: 12px!important; - font-family: Lucida Grande,Verdana,Arial,Helvetica,sans-serif!important; - line-height: 24px!important; - text-align: center!important; - border: 1px solid #e0e0e0!important; - text-decoration: none!important; - padding: 0 7px!important; - border-radius: 3px!important; - background: #fff!important; -} -.paginate_button:hover { - color: #666!important; - border: 1px solid #4ac9ff!important; - cursor: pointer!important; -} -.current { - text-decoration: none!important; - color: #fff!important; - border: 1px solid #00adf5!important; - background: #4ad2ff!important; -} - -/*over write the jquery dataTable*/ -.dataTables_wrapper .dataTables_paginate .paginate_button:hover { - color: #666!important; -} -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - color: #fff!important; -} -table.dataTable tr.odd, table.dataTable tr.odd>.sorting_1 { - background-color: #f9f9f9!important; -} -table.dataTable tr.even, table.dataTable tr.even>.sorting_1 { - background-color: #f7f7f7!important; -} -table.dataTable tbody tr:hover, tbody tr.odd>.sorting_1:hover, tbody tr.even>.sorting_1:hover { - background-color: #E6FBE0!important; -} -table.dataTable.no-footer { - border-bottom: none!important; -} - -/*the length information step style*/ -.dataTables_length, .dataTables_info { - display: inline-block!important; - float: left!important; -} -.left { - display: inline-block; - float: left; - overflow: hidden; - margin: 10px 20px 10px 5px; -} - .right { - display: inline-block; - float: right; - overflow: hidden; - margin-top: 10px; -} -.dataTables_length, .dataTables_info { - display: inline-block;!important; - float: left!important; - clear: none!important; - padding-top: 0!important; -} -.dataTables_length label { - font-size: 0; -} - -/*page select style*/ -.dataTables_length select { - height: 22px; - line-height: 22px; - text-align: center; - margin-right: 5px; - border: 1px solid #e0e0e0; - color: #000; - padding: 1px; -} -.dataTables_length select:active { - text-align: center; - margin-right: 5px; - border: 1px solid #e0e0e0; - color: #000; - padding: 1px; - border-radius: 5px; -} - -/* input style overwrite*/ -.fwk_input { - border: 1px solid #c3c3c3; - background-color: #fff; - padding: 0 0 0 6px; - border-radius: 4px; - color: #000; - display: inline-block; - outline: 0; - box-shadow: 1px 1px #f6f6f6 inset; - font-size: 12px; - background: #fff; - height: 24px; - width: 300px; -} - -.fwk_input:hover, .fwk_input:focus { - border-color: #4ac9ff; - box-shadow: 1px 1px rgba(74,201,255,.2) inset; -} -.fwk_input[type=password] { - -moz-user-select: none; - -khtml-user-select: none; - user-select: none; -} - -.fwk_input:disabled { - background-color: #ededed!important; - color: #666; - box-shadow: 1px 1px #ededed inset!important; - border: 1px solid #e0e0e0!important; - resize: none; -} - -/* input style textarea*/ -.fwk_textarea { - border: 1px solid #c3c3c3; - background-color: #fff; - padding: 0 0 0 6px; - border-radius: 4px; - color: #000; - display: inline-block; - outline: 0; - box-shadow: 1px 1px #f6f6f6 inset; - font-size: 12px; - background: #fff; - height: 72px; - width: 300px; -} - -.fwk_textarea:hover, .fwk_textarea:focus { - border-color: #4ac9ff; - box-shadow: 1px 1px rgba(74,201,255,.2) inset; -} - - - - - - +/*
+ * Copyright 2016 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.
+ * 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.
+ */
+.button_Group {
+ margin: 15px 0;
+ overflow: hidden;
+}
+
+.fk_button {
+ padding: 0 14px;
+ height: 24px;
+ float: left;
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+ border: 1px solid #d3d3d3;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0,0,0,.05);
+ background: #fafafa;
+ background: -moz-linear-gradient(top,#fff,#fafafa);
+ background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
+ background: -webkit-linear-gradient(top,#fff,#fafafa);
+ background: linear-gradient(to bottom,#fff,#fafafa);
+ border-radius: 6px!important;
+}
+.fk_button:hover {
+ color: #009ae7;
+ border: 1px solid #4AC9FF
+}
+.fk_button:active {
+ color: #0000;
+ border: 1px solid #4AC9FF
+}
+
+.button_Group > button {
+ margin-right: 10px;
+}
+.add_imag {
+ background-image: url(/openoui/user/images/add.png);
+}
+.delete_imag {
+ background-image: url(/openoui/user/images/delete.png);
+}
+.button_imag {
+ padding-left: 25px;
+ background-repeat: no-repeat;
+ background-position: 5px center;
+}
+
+
+/*table style*/
+table.dataTable thead th {
+ padding: 0!important;
+ height: 22px!important;
+ padding: 1px 10px 0 5px;
+ overflow: visible;
+ white-space: nowrap;
+ background: #f0f0f0!important;
+ border: 1px solid #ddd;
+ border-top: 1px solid #e3e3e3!important;
+ border-left: 1px dotted transparent!important;
+ border-bottom: 1px solid #e3e3e3!important;
+ box-sizing: content-box;
+ text-align: left;
+ font-weight:
+}
+table.dataTable tr td {
+ padding: 0 10px 0 5px!important;
+ height: 30px!important;
+ color: #000!important;
+ border: none!important;
+ border-left: 1px solid transparent!important;
+ border-bottom: 1px solid #e3e3e3!important;
+ overflow: hidden!important;
+ white-space: nowrap!important;
+ text-align: left;
+}
+
+table.dataTable th, table.dataTable td {
+ font-size: 12px!important;
+ color: #000!important;
+ max-width: 95%!important;
+ font-weight: 400!important;
+}
+
+.paginate_button {
+ color: #666!important;
+ font-size: 12px!important;
+ font-family: Lucida Grande,Verdana,Arial,Helvetica,sans-serif!important;
+ line-height: 24px!important;
+ text-align: center!important;
+ border: 1px solid #e0e0e0!important;
+ text-decoration: none!important;
+ padding: 0 7px!important;
+ border-radius: 3px!important;
+ background: #fff!important;
+}
+.paginate_button:hover {
+ color: #666!important;
+ border: 1px solid #4ac9ff!important;
+ cursor: pointer!important;
+}
+.current {
+ text-decoration: none!important;
+ color: #fff!important;
+ border: 1px solid #00adf5!important;
+ background: #4ad2ff!important;
+}
+
+/*over write the jquery dataTable*/
+.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
+ color: #666!important;
+}
+.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
+ color: #fff!important;
+}
+table.dataTable tr.odd, table.dataTable tr.odd>.sorting_1 {
+ background-color: #f9f9f9!important;
+}
+table.dataTable tr.even, table.dataTable tr.even>.sorting_1 {
+ background-color: #f7f7f7!important;
+}
+table.dataTable tbody tr:hover, tbody tr.odd>.sorting_1:hover, tbody tr.even>.sorting_1:hover {
+ background-color: #E6FBE0!important;
+}
+table.dataTable.no-footer {
+ border-bottom: none!important;
+}
+
+/*the length information step style*/
+.dataTables_length, .dataTables_info {
+ display: inline-block!important;
+ float: left!important;
+}
+.left {
+ display: inline-block;
+ float: left;
+ overflow: hidden;
+ margin: 10px 20px 10px 5px;
+}
+ .right {
+ display: inline-block;
+ float: right;
+ overflow: hidden;
+ margin-top: 10px;
+}
+.dataTables_length, .dataTables_info {
+ display: inline-block;!important;
+ float: left!important;
+ clear: none!important;
+ padding-top: 0!important;
+}
+.dataTables_length label {
+ font-size: 0;
+}
+
+/*page select style*/
+.dataTables_length select {
+ height: 22px;
+ line-height: 22px;
+ text-align: center;
+ margin-right: 5px;
+ border: 1px solid #e0e0e0;
+ color: #000;
+ padding: 1px;
+}
+.dataTables_length select:active {
+ text-align: center;
+ margin-right: 5px;
+ border: 1px solid #e0e0e0;
+ color: #000;
+ padding: 1px;
+ border-radius: 5px;
+}
+
+/* input style overwrite*/
+.fwk_input {
+ border: 1px solid #c3c3c3;
+ background-color: #fff;
+ padding: 0 0 0 6px;
+ border-radius: 4px;
+ color: #000;
+ display: inline-block;
+ outline: 0;
+ box-shadow: 1px 1px #f6f6f6 inset;
+ font-size: 12px;
+ background: #fff;
+ height: 24px;
+ width: 300px;
+}
+
+.fwk_input:hover, .fwk_input:focus {
+ border-color: #4ac9ff;
+ box-shadow: 1px 1px rgba(74,201,255,.2) inset;
+}
+.fwk_input[type=password] {
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ user-select: none;
+}
+
+.fwk_input:disabled {
+ background-color: #ededed!important;
+ color: #666;
+ box-shadow: 1px 1px #ededed inset!important;
+ border: 1px solid #e0e0e0!important;
+ resize: none;
+}
+
+/* input style textarea*/
+.fwk_textarea {
+ border: 1px solid #c3c3c3;
+ background-color: #fff;
+ padding: 0 0 0 6px;
+ border-radius: 4px;
+ color: #000;
+ display: inline-block;
+ outline: 0;
+ box-shadow: 1px 1px #f6f6f6 inset;
+ font-size: 12px;
+ background: #fff;
+ height: 72px;
+ width: 300px;
+}
+
+.fwk_textarea:hover, .fwk_textarea:focus {
+ border-color: #4ac9ff;
+ box-shadow: 1px 1px rgba(74,201,255,.2) inset;
+}
+
+
+
+
+
+
diff --git a/openo-portal/portal-auth/src/main/webapp/user/css/user.css b/openo-portal/portal-auth/src/main/webapp/user/css/user.css index b5060e9a..91ab7604 100644 --- a/openo-portal/portal-auth/src/main/webapp/user/css/user.css +++ b/openo-portal/portal-auth/src/main/webapp/user/css/user.css @@ -1,95 +1,95 @@ -/* - * Copyright 2016 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. - * 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. - */ -* { - font-family: Microsoft Yahei!important; - font-size: 12px; - color: #333; -} - -.hw_body { - background-color: #fafafa!important; - padding-left: 15px; -} - -.delete, .changePsd, .edit { - padding: 0 10px; - cursor: pointer; -} - -.mt20 { - margin: 20px; -} - -#progress { - position: relative;; - display: inline-block; -} - -#serverError { - margin-left: 18px; -} - -.mandatory { - color: #F00; - width: 7px; - padding-right: 10px 5px 10px 0; -} - -.row_interval { - padding: 10px 10px 10px 0; -} - -.progress_bar { - height: 4px; - border-radius: 2px; - width: 420px; - background: -webkit-linear-gradient(left, #6fd330, #29b6eb); - background: -o-linear-gradient(right, #6fd330, #29b6eb); - background: -moz-linear-gradient(right, #6fd330, #29b6eb); - background: linear-gradient(to right, #6fd330, #29b6eb); -} - -.progress_charater { - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - color: #1fbe5c; - text-align: center; - margin-bottom: 20px; -} - -.errorTip { - color: red; -} - -.suggestion_tip { - height: auto; - background-color: #FFF5EA; - border: 1px solid #F9DFC5; - padding: 8px 10px; - margin: 3px 0; - color: #333; - line-height: 20px; - overflow: auto; -} - -.rule_label { - font-weight: 600; -} -#role_content table { - margin-left: 20px; +/*
+ * Copyright 2016 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.
+ * 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.
+ */
+* {
+ font-family: Microsoft Yahei!important;
+ font-size: 12px;
+ color: #333;
+}
+
+.hw_body {
+ background-color: #fafafa!important;
+ padding-left: 15px;
+}
+
+.delete, .changePsd, .edit {
+ padding: 0 10px;
+ cursor: pointer;
+}
+
+.mt20 {
+ margin: 20px;
+}
+
+#progress {
+ position: relative;;
+ display: inline-block;
+}
+
+#serverError {
+ margin-left: 18px;
+}
+
+.mandatory {
+ color: #F00;
+ width: 7px;
+ padding-right: 10px 5px 10px 0;
+}
+
+.row_interval {
+ padding: 10px 10px 10px 0;
+}
+
+.progress_bar {
+ height: 4px;
+ border-radius: 2px;
+ width: 420px;
+ background: -webkit-linear-gradient(left, #6fd330, #29b6eb);
+ background: -o-linear-gradient(right, #6fd330, #29b6eb);
+ background: -moz-linear-gradient(right, #6fd330, #29b6eb);
+ background: linear-gradient(to right, #6fd330, #29b6eb);
+}
+
+.progress_charater {
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ color: #1fbe5c;
+ text-align: center;
+ margin-bottom: 20px;
+}
+
+.errorTip {
+ color: red;
+}
+
+.suggestion_tip {
+ height: auto;
+ background-color: #FFF5EA;
+ border: 1px solid #F9DFC5;
+ padding: 8px 10px;
+ margin: 3px 0;
+ color: #333;
+ line-height: 20px;
+ overflow: auto;
+}
+
+.rule_label {
+ font-weight: 600;
+}
+#role_content table {
+ margin-left: 20px;
}
\ No newline at end of file |