--- /dev/null
+/* Copyright 2016, 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
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+#iemp_layout_container {\r
+ padding: 0px;\r
+ margin: 1px auto;\r
+ width: 100%;\r
+ height: 100%;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+ width: 100%;\r
+ height: 100%;\r
+ border-collapse: collapse;\r
+ margin-left: 0px;\r
+ margin-top: 0px;\r
+ margin-right: 0px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+ width: 100%;\r
+ height: 100%;\r
+ border-collapse: collapse;\r
+ margin-left: 0px;\r
+ margin-top: 0px;\r
+ margin-right: 0px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-column.three-cols-left {\r
+ width: 215px;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.accordion_parent {\r
+ position: relative;\r
+ width: 220px;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+.openoAccordian_accordionmenu {\r
+ width: 100%;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ line-height: 17px;\r
+}\r
+\r
+.openoAccordian_accordionmenu li {\r
+ min-width: 75px;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ color: #000;\r
+ clear: both;\r
+}\r
+\r
+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {\r
+ display: block;\r
+ float: left;\r
+ margin-bottom: -1px;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ cursor: pointer;\r
+ width: 13px;\r
+ padding-top: 26px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand {\r
+ background: url(../images/collapse_arrow.png) right 20px no-repeat;\r
+ margin-top: 8px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand.current {\r
+ background: url(../images/expand_arrow.png) right 20px no-repeat;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {\r
+ display: block;\r
+ position: absolute;\r
+ right: 0;\r
+ top: 4px;\r
+ width: 18px;\r
+ height: 41px;\r
+ cursor: pointer;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -7px 0 !important;\r
+ border-collapse: separate;\r
+ /*box-shadow: inset -1px 0 0 #e5e5e5;*/\r
+}\r
+\r
+a.header.opened, a.header.closed {\r
+ font-size: 16px;\r
+ padding-top: 24px;\r
+ padding-bottom: 25px;\r
+ color: #999999;\r
+}\r
+\r
+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {\r
+ padding-right: 10px;\r
+ background-position: 98% 50%;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+.openoAccordian_accordionmenu li a {\r
+ padding: 11px 10px 12px;\r
+ color: #333333;\r
+ margin-right: 1px;\r
+ margin-top: -1px;\r
+ text-align: left !important;\r
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+ font-size: 14px;\r
+ text-overflow: ellipsis;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ border-top: 1px solid #e5e5e5;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ /*height: 19px;*/\r
+}\r
+\r
+.openoAccordian_accordionmenu ul {\r
+ margin: 0;\r
+ padding: 0;\r
+ overflow: hidden;\r
+}\r
+\r
+.openoAccordian_accordionmenu a {\r
+ display: block;\r
+ text-decoration: none;\r
+}\r
+\r
+a {\r
+ color: #428bca;\r
+ text-decoration: none;\r
+ background: 0 0;\r
+}\r
+\r
+.bar {\r
+ height: 834px;\r
+ width: 18px;\r
+ background: #f8f8f8;\r
+ display: none;\r
+}\r
+\r
+.bar span {\r
+ width: 13px;\r
+ height: 34px;\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ display: block;\r
+ /*margin-top: -430px;*/\r
+}\r
+\r
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {\r
+ cursor: pointer;\r
+}\r
+\r
+#puer_base_openo {\r
+ border: 1px solid #ddd;\r
+}\r
+\r
+.openo_accordion_selected {\r
+ margin-left: 0;\r
+ margin-right: 0;\r
+ background: #fafafa;\r
+ border-left: 3px solid #4ac9ff !important;\r
+ box-shadow: none;\r
+ position: relative;\r
+}\r
+\r
+a:hover {\r
+ color: #4ac9ff !important;\r
+}\r
+\r
+.openoAccordian_accordionmenu li.openo_accordion_selected a {\r
+ position: relative;\r
+ left: -3px;\r
+ color: #009ae7;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+#iframeContainer iframe {\r
+ width: 100%;\r
+ height: 100%;\r
+ border: 0;\r
+}\r
+\r
+#accordionContent, #iframeContainer {\r
+ margin: 0;\r
+ padding: 0;\r
+ border: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+}\r
+\r
+.openoAccordian_showHideArrow_show {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;\r
+}
\ No newline at end of file
--- /dev/null
+/* Copyright 2016, 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
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+body {\r
+ font-family: '微软雅黑';\r
+ font-size: 12px;\r
+ color: #333;\r
+ background: #fafafa;\r
+}\r
+\r
+button {\r
+ outline: none;\r
+}\r
+\r
+ul, li {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+}\r
+\r
+.titleFont {\r
+ font-size: 16px;\r
+}\r
+\r
+.separator-line {\r
+ height: 1px;\r
+ width: 100%;\r
+ border: 1px solid #ddd;\r
+ margin: 6px 0 15px 0;\r
+}\r
+\r
+.uploadBtn {\r
+ overflow: hidden;\r
+}\r
+\r
+.creat-btn {\r
+ padding: 0 14px;\r
+ height: 24px;\r
+ float: left;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ outline: 0;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ background: #fafafa;\r
+ background: -moz-linear-gradient(top, #fff, #fafafa);\r
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+ background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ border-radius: 6px;\r
+ background: #fff url(../images/add.png) no-repeat 5px center;\r
+ padding-left: 20px;\r
+}\r
+\r
+.creat-btn:hover {\r
+ color: #009ae7;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+.creat-btn:active {\r
+ color: #000;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+/*.creat-btn{\r
+ background: #fff url(../image/add.png) no-repeat 5px center;\r
+ border: 1px solid #ddd;\r
+ float: left;\r
+}\r
+.creat-btn:hover{\r
+ background: #428bca;\r
+ color: #fff;\r
+ border:1px solid #428bca;\r
+}*/\r
+.search {\r
+ width: 310px;\r
+ height: 30px;\r
+ float: right;\r
+}\r
+\r
+.search-text {\r
+ width: 250px;\r
+ float: left;\r
+ margin-right: 6px;\r
+}\r
+\r
+.search-btn {\r
+ height: 30px;\r
+ background: #fff;\r
+ border: 1px solid #ddd;\r
+ float: left;\r
+}\r
+\r
+#ict_virtualApplication_table_div {\r
+ margin-top: 15px;\r
+}\r
+\r
+.table > thead > tr.active > th {\r
+ border: 1px solid #ddd !important;\r
+ border-bottom: 0;\r
+ background: #f0f0f0;\r
+}\r
+\r
+/*.table tbody tr:hover{\r
+ background: #e6fbe0!important;\r
+}*/\r
+.table tbody tr:last-child {\r
+ border-bottom: 1px solid #ddd;\r
+}\r
+\r
+.table-btn {\r
+ border: 1px solid #ccc;\r
+ border-radius: 3px;\r
+}\r
+\r
+.delete-btn {\r
+ background: url(../image/delete.png) no-repeat;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+}\r
+\r
+.detail-btn {\r
+ background: url(../image/openo.png) no-repeat -343px -283px;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+}\r
+\r
+.detail-btn.current {\r
+ background-position: -7px -314px;\r
+}\r
+\r
+.detail {\r
+ height: 200px;\r
+ border: 1px solid #ddd;\r
+ margin-top: 60px;\r
+}\r
+\r
+.detail-top ul {\r
+ height: 50px;\r
+ line-height: 50px;\r
+ border-bottom: 1px solid #ddd;\r
+ padding-left: 0px;\r
+ background: #fafafa;\r
+}\r
+\r
+.detail-top ul li {\r
+ float: left;\r
+ width: 120px;\r
+ text-align: center;\r
+ border-right: 1px solid #ddd;\r
+ cursor: pointer;\r
+}\r
+\r
+.detail-top ul li.current {\r
+ background: #fff;\r
+}\r
+\r
+.vmapp-margin {\r
+ margin-bottom: 10px;\r
+}\r
+\r
+.control-label .required {\r
+ color: #e02222;\r
+ font-size: 12px;\r
+ padding-left: 2px;\r
+}\r
+\r
+.form-group .control-label {\r
+ font-size: 12px;\r
+ font-weight: 400;\r
+}\r
+\r
+legend {\r
+ font-size: 12px;\r
+ font-weight: bold;\r
+}\r
+\r
+.pageGro {\r
+ width: 250px;\r
+ float: right;\r
+}\r
+\r
+.pageUp, .pageDown, .pageList, .pageList li {\r
+ float: left;\r
+ cursor: pointer;\r
+}\r
+\r
+.pageUp, .pageDown {\r
+ width: 60px;\r
+ height: 30px;\r
+ border: 1px solid #ddd;\r
+ text-align: center;\r
+ line-height: 30px;\r
+}\r
+\r
+.pageList li {\r
+ width: 30px;\r
+ height: 30px;\r
+ border: 1px solid #ddd;\r
+ text-align: center;\r
+ line-height: 30px;\r
+ border-left: none;\r
+}\r
+\r
+.pageList li.active {\r
+ background: #428bca;\r
+ color: #fff;\r
+ border-color: #428bca;\r
+}\r
+\r
+.pageDown {\r
+ border-left: none;\r
+}\r
+\r
+.headerLinkP {\r
+ padding-top: 17px;\r
+}\r
+\r
+.headerLinkP span {\r
+ font-size: 12px;\r
+ color: #666;\r
+ font-weight: normal !important;\r
+}\r
+\r
+label {\r
+ font-weight: normal !important;\r
+}\r
+\r
+table.userform tbody tr td {\r
+ display: table-cell;\r
+ padding-right: 10px;\r
+ padding-top: 10px;\r
+ font-size: 12px;\r
+ color: #333;\r
+}\r
+\r
+.table th, .table td {\r
+ padding-top: 3px !important;\r
+ padding-bottom: 3px !important;\r
+}\r
+\r
+.openoBrowseButton_element {\r
+ display: table;\r
+}\r
+\r
+.openo {\r
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+ font-size: 12px;\r
+ color: #000;\r
+}\r
+\r
+.openoBrowseButton_input {\r
+ width: 198px;\r
+ position: relative;\r
+ border: 1px solid #c3c3c3 !important;\r
+ height: 26px;\r
+ background-color: #f3f3f3;\r
+ border-radius: 4px 0 0 4px;\r
+ border-right: none;\r
+ padding: 0;\r
+}\r
+\r
+.buttonClassDefault, .buttonClassDefault:active {\r
+ cursor: pointer;\r
+ background-image: url(../images/openo.png);\r
+ background-position: -154px -7px !important;\r
+}\r
+\r
+.openoBrowseButton_button {\r
+ width: 27px;\r
+ border: 0;\r
+ float: right;\r
+ position: relative;\r
+ height: 26px;\r
+ right: 0;\r
+ top: 0;\r
+ border-radius: 0 4px 4px 0;\r
+ border-right: 1px solid #c3c3c3;\r
+ border-left: none;\r
+}\r
+\r
+.openo .openo-input, .openo.openo-input {\r
+ outline: 0;\r
+ border: 1px solid #c3c3c3;\r
+ box-shadow: 1px 1px #f6f6f6 inset;\r
+ background-color: #fff;\r
+ height: 26px;\r
+}\r
+\r
+.openoInput_openoDefaultText {\r
+ padding: 0 0 0 6px;\r
+ border-radius: 4px;\r
+ color: #000;\r
+ display: inline-block;\r
+ outline: 0;\r
+ box-shadow: 1px 1px #f6f6f6 inset;\r
+ font-size: 12px;\r
+ background: #fff;\r
+}\r
+\r
+div.openo-select {\r
+ border: 1px solid #c3c3c3;\r
+ border-radius: 4px;\r
+ background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
+ line-height: 24px;\r
+ padding-left: 3px;\r
+ display: block;\r
+}\r
+\r
+div.openo-select > input.openo-select-input {\r
+ border: none;\r
+ outline: 0;\r
+ line-height: 21px;\r
+ height: 21px;\r
+ padding-left: 3px;\r
+ border-right: solid 1px #c3c3c3;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
+ height: 26px;\r
+ float: left;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ outline: 0;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ background: #fafafa;\r
+ background: -moz-linear-gradient(top, #fff, #fafafa);\r
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+ background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonInnerClass {\r
+ padding: 0 19px;\r
+ border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonCenterText {\r
+ color: #000;\r
+ line-height: 24px;\r
+ white-space: nowrap;\r
+ width: auto !important;\r
+}\r
+\r
+.userHeader {\r
+ clear: left;\r
+ overflow: hidden;\r
+ margin-bottom: 10px;\r
+ padding: 10px 10px 0px 0px;\r
+}\r
+\r
+.openoButton_buttonGroupClass {\r
+ display: inline;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
+ margin-left: 0;\r
+}\r
+\r
+.openoButton_buttonLeftImg {\r
+ margin-right: 5px;\r
+}\r
+\r
+.openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
+ display: inline-block;\r
+ vertical-align: top;\r
+ width: 16px;\r
+ height: 16px;\r
+ margin-top: 4px;\r
+}\r
+\r
+.openo-table-pagination-wrapper {\r
+ height: 37px;\r
+}\r
+\r
+.openo-pagination {\r
+ display: block;\r
+ float: left;\r
+ overflow: hidden;\r
+ padding: 5px 0 0;\r
+ margin-top: 8px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions:not(msie8) {\r
+ line-height: 24px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions {\r
+ white-space: normal;\r
+ height: 24px;\r
+ float: left;\r
+ outline: 0;\r
+ line-height: 20px;\r
+ margin: 0 5px;\r
+}\r
+\r
+.openo-pagination-select {\r
+ height: 26px;\r
+ line-height: 22px;\r
+ text-align: center;\r
+ margin-right: -2px;\r
+ border: 1px solid #e0e0e0;\r
+ border-radius: 5px 0 0 5px;\r
+ padding: 1px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions span {\r
+ background-color: #fff !important;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+ float: left;\r
+ color: #666;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+ line-height: 24px;\r
+ font-weight: 400;\r
+ text-align: center;\r
+ border: 1px solid #e0e0e0;\r
+ text-decoration: none !important;\r
+ padding: 0 7px;\r
+ border-radius: 3px;\r
+ background: #fff;\r
+}\r
+\r
+.openo-pagination-selectspan {\r
+ background: url(../images/ideo_default_select.png) left no-repeat !important;\r
+ float: right !important;\r
+ width: 26px;\r
+ height: 26px;\r
+ cursor: pointer;\r
+}\r
+\r
+.openo-pagination-theme label {\r
+ padding-top: 6px;\r
+ vertical-align: middle;\r
+ margin-right: 20px;\r
+ margin-top: -1px;\r
+ float: left;\r
+ display: inline-block;\r
+ height: 20px;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+dd, dl, dt, li {\r
+ color: #000;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span.current {\r
+ margin: 0 5px 0 0;\r
+}\r
+\r
+.openo .openo-disabled, .openo.openo-disabled {\r
+ border-color: #c3c3c3 !important;\r
+ color: #666 !important;\r
+ opacity: .3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+ background: 0 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+ text-decoration: none !important;\r
+ float: left;\r
+ padding-left: 6px;\r
+ height: 24px;\r
+ color: #fff;\r
+ display: inline;\r
+ border-color: #00adf5;\r
+ background: #4ad2ff;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+ float: left;\r
+ color: #666;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+ line-height: 24px;\r
+ font-weight: 400;\r
+ text-align: center;\r
+ border: 1px solid #e0e0e0;\r
+ text-decoration: none !important;\r
+ padding: 0 7px;\r
+ border-radius: 3px;\r
+ background: #fff;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+ background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+ display: inline-block;\r
+ content: "";\r
+ vertical-align: middle;\r
+ width: 10px;\r
+ height: 24px;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+ background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+ display: inline-block;\r
+ content: "";\r
+ vertical-align: middle;\r
+ width: 10px;\r
+ height: 24px;\r
+}\r
+\r
+pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+.openoPagination_gototext {\r
+ background: #FFF;\r
+ outline: 0;\r
+ width: 29px;\r
+ float: left;\r
+ height: 26px;\r
+ line-height: 24px;\r
+ border-radius: 4px;\r
+ border: 1px solid #c3c3c3;\r
+ padding: 0 0 0 5px;\r
+ margin: 0;\r
+ color: #666;\r
+ min-width: 50px;\r
+}\r
+\r
+.openoPagination_gotoimage {\r
+ width: 29px;\r
+ height: 26px;\r
+ line-height: 26px;\r
+ background-color: #FFF;\r
+ background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
+ padding-left: 21px;\r
+ float: left;\r
+ margin-left: 5px;\r
+ border: 1px solid #e0e0e0;\r
+ border-radius: 4px;\r
+ box-sizing: border-box;\r
+ -moz-box-sizing: border-box;\r
+ background-position: -184px -181px !important;\r
+}\r
+\r
+.openo-pagination-theme .ellipse {\r
+ float: left;\r
+ margin-left: -8px;\r
+ margin-right: -4px;\r
+ background: 0 0;\r
+ border: none;\r
+ border-radius: 0;\r
+ box-shadow: none;\r
+ font-weight: 700;\r
+ cursor: default;\r
+}\r
+\r
+.openo.openo-disabled {\r
+ border-color: #c3c3c3 !important;\r
+ color: #666 !important;\r
+ opacity: .3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+ background: 0 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+ text-decoration: none !important;\r
+ float: left;\r
+ padding-left: 6px;\r
+ height: 26px;\r
+ color: #fff;\r
+ display: inline;\r
+ /*border-color: #00adf5;\r
+ background: #4ad2ff;*/\r
+ border: 1px solid #e0e0e0;\r
+}\r
+\r
+.openo-pagination-theme .next:after {\r
+ background: url(../images/page_r.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
+ margin-left: 5px;\r
+}\r
+\r
+html, body {\r
+ height: 99%;\r
+ width: 98%;\r
+}\r
+\r
+.cotentBody {\r
+ padding: 0px 20px 0px 20px;\r
+}\r
+\r
+div.openoButton_buttonClass:hover {\r
+ border: 1px solid #4ac9ff;\r
+}\r
+\r
+div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
+ color: #009ae7;\r
+}\r
+\r
+.header_lineimg {\r
+ height: 1px;\r
+ width: 100%;\r
+ margin-top: 17px;\r
+}\r
+\r
+.openo.openo-hide {\r
+ display: none;\r
+}\r
+\r
+div.openo-select-popup-container {\r
+ position: absolute;\r
+ border: 1px solid #4ac9ff;\r
+ border-top: none;\r
+ border-radius: 0 0 4px 4px;\r
+ max-height: 202px;\r
+ overflow-y: auto;\r
+ background-color: #fff;\r
+ z-index: 880;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item {\r
+ display: block;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item > label {\r
+ padding-top: 3px;\r
+ padding-bottom: 3px;\r
+ line-height: 20px;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+.openo-select-item label {\r
+ margin-left: 4px;\r
+ margin-right: 4px;\r
+ white-space: nowrap;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {\r
+ background-color: #f1f1f1;\r
+ color: #008fd6;\r
+}\r
+\r
+div.openo-select.openo-focus {\r
+ border: 1px solid #4ac9ff;\r
+ border-bottom-left-radius: 0;\r
+ border-bottom-right-radius: 0;\r
+ border-bottom-color: #ddd;\r
+}\r
+\r
+.openo-pagination-theme a:hover {\r
+ border-color: #4ac9ff;\r
+ cursor: pointer;\r
+}\r
+\r
+.SDBtn {\r
+ background: #fff;\r
+ color: #333;\r
+ border: 1px solid #ddd;\r
+}\r
+\r
+.SDBtn:hover {\r
+ color: #009ae7;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
+ background-color: #e6fbe0;\r
+}\r
+\r
+table tr.openoTable_row_selected td {\r
+ background: #e8f8fe !important;\r
+ border-bottom: 1px solid #e8e8e8 !important;\r
+}\r
+\r
+.modal-body {\r
+ padding: 0 !important;\r
+}\r
+\r
+.form-control {\r
+ height: 26px !important;\r
+}\r
+\r
+.form-group .control-label {\r
+ margin-left: 20px;\r
+}\r
+\r
+.form-horizontal .control-label {\r
+ text-align: left;\r
+}
\ No newline at end of file
--- /dev/null
+/*\r
+\r
+ Copyright 2016-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
+ You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+\r
+*/\r
+\r
+body {\r
+ margin: 0;\r
+ padding: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+ font-size: 12px;\r
+}\r
+\r
+.container{\r
+ background: #fafafa;\r
+}\r
+\r
+.accordion_parent {\r
+ position: relative;\r
+ width: 220px;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+.openoAccordian_accordionmenu {\r
+ width: 100%;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ line-height: 17px;\r
+}\r
+\r
+.openoAccordian_accordionmenu li {\r
+ min-width: 75px;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ color: #000;\r
+ clear: both;\r
+}\r
+\r
+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {\r
+ display: block;\r
+ float: left;\r
+ margin-bottom: -1px;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ cursor: pointer;\r
+ width: 13px;\r
+ padding-top: 26px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand {\r
+ background: url(../thirdparty/images/collapse_arrow.png) right 20px no-repeat;\r
+ margin-top: 8px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand.current {\r
+ background: url(../thirdparty/images/expand_arrow.png) right 20px no-repeat;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {\r
+ display: block;\r
+ position: absolute;\r
+ right: 0;\r
+ top: 4px;\r
+ width: 18px;\r
+ height: 41px;\r
+ cursor: pointer;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -7px 0 !important;\r
+ border-collapse: separate;\r
+ /*box-shadow: inset -1px 0 0 #e5e5e5;*/\r
+}\r
+\r
+a.header.opened, a.header.closed {\r
+ font-size: 16px;\r
+ padding-top: 24px;\r
+ padding-bottom: 25px;\r
+ color: #999999;\r
+}\r
+\r
+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {\r
+ padding-right: 10px;\r
+ background-position: 98% 50%;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+\r
+.openoAccordian_accordionmenu li a {\r
+ padding: 11px 10px 12px;\r
+ color: #333333;\r
+ margin-top: -1px;\r
+ text-align: left !important;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+ font-size: 14px;\r
+ text-overflow: ellipsis;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ border-top: 1px solid #e5e5e5;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ /*height: 19px;*/\r
+}\r
+\r
+.openoAccordian_accordionmenu ul {\r
+ margin: 0;\r
+ padding: 0;\r
+ overflow: hidden;\r
+}\r
+\r
+.openoAccordian_accordionmenu a {\r
+ display: block;\r
+ text-decoration: none;\r
+}\r
+\r
+a {\r
+ color: #428bca;\r
+ text-decoration: none;\r
+ background: 0 0;\r
+}\r
+\r
+.bar {\r
+ height: 834px;\r
+ width: 18px;\r
+ background: #f8f8f8;\r
+ display: none;\r
+}\r
+\r
+.bar span {\r
+ width: 13px;\r
+ height: 34px;\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ display: block;\r
+ /*margin-top: -430px;*/\r
+}\r
+\r
+li {\r
+ cursor: pointer;\r
+}\r
+\r
+#puer_base_openo {\r
+ border: 1px solid #ddd;\r
+}\r
+\r
+.openo_accordion_selected {\r
+ margin-left: 0;\r
+ margin-right: 0;\r
+ background: #fafafa;\r
+ border-left: 3px solid #4ac9ff !important;\r
+ box-shadow: none;\r
+ position: relative;\r
+}\r
+\r
+a:hover {\r
+ color: #4ac9ff;\r
+}\r
+\r
+.openoAccordian_accordionmenu li.openo_accordion_selected a {\r
+ position: relative;\r
+ left: -3px;\r
+ color: #009ae7;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+#iframeContainer iframe {\r
+ width: 100%;\r
+ height: 100%;\r
+ border: 0;\r
+}\r
+\r
+#accordionContent, #iframeContainer {\r
+ margin: 0;\r
+ padding: 0;\r
+ border: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+}\r
+\r
+.openoAccordian_showHideArrow_show {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;\r
+}\r
+\r
+.homecontent {\r
+ /* text-align: center; */\r
+ letter-spacing: 1.4px;\r
+}\r
+\r
+.homecontent h3, .homecontent h4, .homecontent h5{\r
+ font-size: 24px;\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
+ -webkit-animation: textScroll 500ms linear;\r
+ animation: textScroll 500ms linear;\r
+}\r
+.homecontent h4 {\r
+ font-size: 28px;\r
+ font-weight: bold;\r
+}\r
+.homecontent h5 {\r
+ font-size: 16px;\r
+ text-align: left;\r
+ border: none;\r
+}\r
+@-webkit-keyframes textScroll {\r
+ from {opacity: 0;}\r
+ to {opacity: 1;}\r
+ }\r
+\r
+@keyframes textScroll {\r
+ from {opacity: 0;}\r
+ to {opacity: 1;}\r
+}\r
+\r
+/*.modal-body span {\r
+ font-size: 18px;\r
+ color: #00f;\r
+}*/\r
+\r
+#msgModal .modal-body .container {\r
+ width: 100%;\r
+}\r
+#msgModal .modal-body .icon {\r
+ /*color: red;*/\r
+ font-size: 37px;\r
+}\r
+#msgModal .modal-body .icon_error {\r
+ color: red;\r
+}\r
+#msgModal .modal-body .icon_info {\r
+ color: green;\r
+}\r
+#msgModal .modal-body .icon_warning{\r
+ color: orange;\r
+}\r
+#msgModal .modal-body .icon_confirm {\r
+ color: blue;\r
+}\r
+#msgModal .modal-body .msg {\r
+ color: #333;\r
+ padding-left: 30px;\r
+}\r
+/*#msgModal .modal-body .container .row {\r
+}*/\r
+#msgModal .modal-body .row {\r
+ height: 100%;\r
+ white-space: nowrap;\r
+}\r
+#msgModal .modal-body .row:before{\r
+ content: "";\r
+ display: inline-block;\r
+ vertical-align: middle;\r
+ width: 0;\r
+ /* adjust for white space between pseudo element and next sibling */\r
+ margin-right: -.25em;\r
+ /* stretch line height */\r
+ height: 100%;\r
+}\r
+\r
+#msgModal .modal-body .row .msg {\r
+ /*display: inline-block;\r
+ vertical-align: middle;\r
+ white-space: normal;*/\r
+ /* vertical-align: middle; */\r
+ position: absolute;\r
+ top: 50%;\r
+ -webkit-transform: translateY(-50%);\r
+ -ms-transform: translateY(-50%);\r
+ transform: translateY(-50%);\r
+ padding-left: 70px;\r
+ white-space: normal;\r
+}\r
+\r
+/* Functional */\r
+\r
+#funModal .modal-content .modal-header{\r
+ padding-bottom: 4px;\r
+ border-radius: 5px 5px 0 0;\r
+}\r
+\r
+\r
+/* Buttons */\r
+.btnDefault {\r
+ border-radius: 6px;\r
+ /*height: 24px;*/\r
+ font-size: 12px;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+ line-height: 24px;\r
+ color: #000;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ padding: 0 19px;\r
+}\r
+.btnDefault:hover {\r
+ border-color: #4ac9ff;\r
+ color: #009ae7;\r
+}\r
+#iconBtn {\r
+ padding: 0 15px;\r
+}\r
+#iconBtn span {\r
+ font-size: 12px;\r
+ margin-top: 4px;\r
+ width: 16px;\r
+ height: 16px;\r
+}\r
+#iconBtn span.pull-left {\r
+ margin-right: 5px;\r
+}\r
+#iconBtn span.pull-right {\r
+ margin-left: 5px;\r
+}\r
+\r
+#buttonArea {\r
+ text-align: left;\r
+}\r
+#buttonArea div {\r
+ margin: 10px 0 20px;\r
+}\r
+\r
+#buttonArea div .btn-block{\r
+ margin: 10px 0;\r
+}\r
+\r
+/* Dropdown*/\r
+\r
+#dropdown {\r
+ text-align: left;\r
+}\r
+\r
+#dropdown div {\r
+ margin: 10px 0 20px;\r
+}\r
+\r
+#dropdown .dropup .dropdown-menu {\r
+ top: auto;\r
+ bottom: 34% !important;\r
+ margin-bottom: 1px;\r
+}\r
+#dropdown .dropdown-menu {\r
+ top: auto;\r
+ left: auto;\r
+ margin-bottom: 1px;\r
+}\r
+\r
+#plainDropDown > .dropdownplain {\r
+ position: relative;\r
+ clear: both;\r
+ float: left;\r
+ width: 100%;\r
+}\r
+#plainDropDown > .dropdownplain > ul > li {\r
+ border: 1px solid #c3c3c3;\r
+ border-radius: 4px;\r
+ min-width: 200px;\r
+}\r
+#plainDropDown ul li a {\r
+ padding: 5px 10px;\r
+ color: #333;\r
+}\r
+#plainDropDown > .dropdownplain > ul > li > a > span {\r
+ top: 4px;\r
+}\r
+#plainDropDown ul li a:hover {\r
+ color: #333;\r
+}\r
+#plainDropDown .dropdown-menu {\r
+ width: 100%;\r
+}\r
+\r
+\r
+\r
+/* Credit to bootsnipp.com for the css for the color graph */\r
+.colorgraph {\r
+ height: 5px;\r
+ border-top: 0;\r
+ background: #c4e17f;\r
+ border-radius: 5px;\r
+ background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);\r
+ background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);\r
+ background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);\r
+ background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);\r
+}\r
+\r
+/* Radio and CheckBoxes------------*/\r
+\r
+\r
+.funkyradio div {\r
+ clear: both;\r
+ overflow: hidden;\r
+}\r
+\r
+.funkyradio label {\r
+ width: 100%;\r
+ border-radius: 3px;\r
+ border: 1px solid #D1D3D4;\r
+ font-weight: normal;\r
+}\r
+\r
+.funkyradio input[type="radio"]:empty,\r
+.funkyradio input[type="checkbox"]:empty {\r
+ display: none;\r
+}\r
+\r
+.funkyradio input[type="radio"]:empty ~ label,\r
+.funkyradio input[type="checkbox"]:empty ~ label {\r
+ position: relative;\r
+ line-height: 2.5em;\r
+ text-indent: 3.25em;\r
+ margin-top: 2em;\r
+ cursor: pointer;\r
+ -webkit-user-select: none;\r
+ -moz-user-select: none;\r
+ -ms-user-select: none;\r
+ user-select: none;\r
+}\r
+\r
+.funkyradio input[type="radio"]:empty ~ label:before,\r
+.funkyradio input[type="checkbox"]:empty ~ label:before {\r
+ position: absolute;\r
+ display: block;\r
+ top: 0;\r
+ bottom: 0;\r
+ left: 0;\r
+ content: '';\r
+ width: 2.5em;\r
+ background: #D1D3D4;\r
+ border-radius: 3px 0 0 3px;\r
+}\r
+\r
+.funkyradio input[type="radio"]:hover:not(:checked) ~ label,\r
+.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {\r
+ color: #888;\r
+}\r
+\r
+.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,\r
+.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {\r
+ content: '\2714';\r
+ text-indent: .9em;\r
+ color: #C2C2C2;\r
+}\r
+\r
+.funkyradio input[type="radio"]:checked ~ label,\r
+.funkyradio input[type="checkbox"]:checked ~ label {\r
+ color: #777;\r
+}\r
+\r
+.funkyradio input[type="radio"]:checked ~ label:before,\r
+.funkyradio input[type="checkbox"]:checked ~ label:before {\r
+ content: '\2714';\r
+ text-indent: .9em;\r
+ color: #333;\r
+ background-color: #ccc;\r
+}\r
+\r
+.funkyradio input[type="radio"]:focus ~ label:before,\r
+.funkyradio input[type="checkbox"]:focus ~ label:before {\r
+ box-shadow: 0 0 0 3px #999;\r
+}\r
+\r
+.funkyradio-default input[type="radio"]:checked ~ label:before,\r
+.funkyradio-default input[type="checkbox"]:checked ~ label:before {\r
+ color: #333;\r
+ background-color: #ccc;\r
+}\r
+\r
+.funkyradio-primary input[type="radio"]:checked ~ label:before,\r
+.funkyradio-primary input[type="checkbox"]:checked ~ label:before {\r
+ color: #fff;\r
+ background-color: #337ab7;\r
+}\r
+\r
+.funkyradio-success input[type="radio"]:checked ~ label:before,\r
+.funkyradio-success input[type="checkbox"]:checked ~ label:before {\r
+ color: #fff;\r
+ background-color: #5cb85c;\r
+}\r
+\r
+.funkyradio-danger input[type="radio"]:checked ~ label:before,\r
+.funkyradio-danger input[type="checkbox"]:checked ~ label:before {\r
+ color: #fff;\r
+ background-color: #d9534f;\r
+}\r
+\r
+.funkyradio-warning input[type="radio"]:checked ~ label:before,\r
+.funkyradio-warning input[type="checkbox"]:checked ~ label:before {\r
+ color: #fff;\r
+ background-color: #f0ad4e;\r
+}\r
+\r
+.funkyradio-info input[type="radio"]:checked ~ label:before,\r
+.funkyradio-info input[type="checkbox"]:checked ~ label:before {\r
+ color: #fff;\r
+ background-color: #5bc0de;\r
+}\r
+\r
+.btn-primary {\r
+ color: #fff;\r
+ background-color: #428bca;\r
+ border-color: #357ebd;\r
+ min-width:70px\r
+}\r
+\r
+.btn.outline {\r
+ background: none;\r
+ \r
+}\r
+.btn-primary.outline {\r
+ border: 2px solid #0099cc;\r
+ color: #0099cc;\r
+}\r
+.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
+\r
+#tree1 ul li {\r
+ list-style: none;\r
+ text-align: left;\r
+ margin-top: 7px;\r
+}\r
+\r
+/* Accordian Area */\r
+#accordionArea .panel-group .panel-title a:before {\r
+ font-family: "Glyphicons Halflings";\r
+ content:"\e259";/*\e094*/\r
+ /*position: absolute;\r
+ right: 20px;*/\r
+ font-size: 20px;\r
+ margin-right: 20px;\r
+ text-decoration: none !important;\r
+}\r
+#accordionArea .panel-group .panel-title a.collapsed:before {\r
+ content:"\e258";/*\e092*/\r
+}\r
+\r
+#accordionArea h3 {\r
+ width: 100%;\r
+ text-align: left;\r
+ background-color: #eaeaea;\r
+ border: none;\r
+ padding: 8px;\r
+ font-size: 20px;\r
+}\r
+#accordionArea h3 a {\r
+ text-decoration: none;\r
+}\r
+#accordionArea .panel-group .panel {\r
+ border: none;\r
+ box-shadow: none;\r
+ -webkit-box-shadow: none;\r
+}\r
+ div.panel-body {\r
+ text-align: justify;\r
+}\r
+\r
+/* Tab */\r
+#tabArea .tab-content div p {\r
+ text-align: justify;\r
+}\r
+\r
+/*Table*/\r
+#tableArea h3 {\r
+ text-align: left;\r
+ border: none;\r
+ padding-top: 5px;\r
+}\r
+\r
+#tableArea h3 span {\r
+ font-size: 12px;\r
+}\r
+\r
+tr{\r
+ text-align:center;\r
+}\r
+\r
+/* Vertical Tab */\r
+.nav-stacked {\r
+ margin-top: 20px;\r
+ text-align: left;\r
+ border:none;\r
+}\r
+\r
+.nav-tabs>li.active>a {\r
+ border-top: 3px solid #4ac9ff;\r
+}\r
+.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {\r
+ border-top: 3px solid #4ac9ff;\r
+}\r
+.nav-tabs>li>a:hover {\r
+ border-color: transparent;\r
+ background-color: transparent;\r
+}\r
+.nav-stacked>li.active>a {\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
+ text-align: left;\r
+}\r
+#vtabArea .tab-content .tab-pane p {\r
+ text-align: justify;\r
+}\r
+\r
+.link_active {\r
+ /*background-color: lightslategrey;*/\r
+ font-style: italic;\r
+ color: #4ac9ff !important;\r
+ background:#fafafa;\r
+ border-left: 3px solid #4ac9ff;\r
+\r
+\r
+}\r
+\r
+/*input.ng-invalid {\r
+ background-color:yellow;\r
+}*/\r
+\r
+/* Functional & Notification*/\r
+\r
+#myModal .modal-header, #msgModal .modal-header, #funModal .modal-header {\r
+ padding: 9px 15px;\r
+ border-radius: 5px 5px 0 0;\r
+ color: #666;\r
+}\r
+\r
+#msgModal .modal-content {\r
+ width: 70%;\r
+ position: absolute;\r
+ left: 15%;\r
+ box-shadow: 0 6px 10px rgba(0,0,0,.3);\r
+ -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.3);\r
+}\r
+#msgModal .modal-footer, #funModal .modal-footer {\r
+ border: none;\r
+ margin: 0 auto;\r
+ width: 100%;\r
+ text-align: center;\r
+}\r
+\r
+\r
+#myInput {\r
+ background-image: url('../thirdparty/images/searchicon.png'); /* Add a search icon to input */\r
+ background-position: 10px 9px; /* Position the search icon */\r
+ background-repeat: no-repeat; /* Do not repeat the icon image */\r
+ width: 100%; /* Full-width */\r
+ font-size: 16px; /* Increase font-size */\r
+ padding: 5px 20px 5px 40px; /* Add some padding */\r
+ border: 1px solid #ddd; /* Add a grey border */\r
+ margin-bottom: 12px; /* Add some space below the input */\r
+}\r
+\r
+#myTable_search {\r
+ border-collapse: collapse; /* Collapse borders */\r
+ width: 100%; /* Full-width */\r
+ border: 1px solid #ddd; /* Add a grey border */\r
+ font-size: 18px; /* Increase font-size */\r
+}\r
+\r
+#myTable_search th, #myTable td {\r
+ text-align: left; /* Left-align text */\r
+ padding: 12px; /* Add padding */\r
+}\r
+\r
+#myTable_search tr {\r
+ /* Add a bottom border to all table rows */\r
+ border-bottom: 1px solid #ddd;\r
+}\r
+\r
+#myTable_search tr.header, #myTable tr:hover {\r
+ /* Add a grey background color to the table header and on hover */\r
+ background-color: #f1f1f1;\r
+}\r
+\r
+/* List */\r
+#listArea {\r
+ margin-top: 25px;\r
+}\r
+#listArea .list {\r
+ /*border: 1px solid #333;*/\r
+ padding: 5px;\r
+}\r
+#listArea .list div {\r
+ margin: 5px 0;\r
+}\r
+\r
+#menu_accordion {\r
+ margin-top: 20px;\r
+}\r
+\r
+#menu_accordion li a{\r
+ padding-left: 42px;\r
+}\r
+#menu_accordion li a:hover {\r
+ color: #4ac9ff;\r
+}\r
+\r
+#rightContainer {\r
+ margin-top:20px;\r
+}\r
+\r
+#panel1 li:first-child{\r
+ margin-top:1px;\r
+}\r
+\r
+#menu_accordion #container, #menu_accordion #widgets, #menu_accordion #notifications, #menu_accordion #functional{\r
+ margin-bottom : 0px;\r
+ text-align : left;\r
+ background-color: #F5F5F5;\r
+}\r
+\r
+#menu_accordion h5{\r
+ margin-bottom : 0px;\r
+ text-align : left;\r
+ padding-left : 10px;\r
+ cursor: pointer;\r
+ letter-spacing: 3px;\r
+ width:100%;\r
+}\r
+ #functional h5{\r
+ padding : 0;\r
+}\r
+ #functional a{\r
+ padding: 12px 14px;\r
+}\r
+.tableAlign{\r
+ text-align:left;\r
+}\r
+\r
+.chkboxAlign{\r
+ text-align:center;\r
+}\r
+\r
+#provinceAction {\r
+ text-align: left;\r
+}\r
+#provinceTable th {\r
+ background-color: #e3e3e3;\r
+}\r
+\r
+#provinceTable.table-striped>tbody>tr:nth-child(even)>td {\r
+ background-color:#fafafa;\r
+}\r
+\r
+#provinceTable.table-striped>tbody>tr:nth-child(odd)>td {\r
+ background-color:#f7f7f7\r
+}\r
+#provinceTable.table-striped>tbody>tr:hover {\r
+ background-color: red;\r
+}\r
+\r
+.prvdel{\r
+ margin-left:20px;\r
+}\r
+\r
+.shortnoteHeader{\r
+ margin-top:50px;\r
+ text-align:left;\r
+ font-weight: bold;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+}\r
+.shortnoteText{\r
+ margin-top:20px;\r
+ text-align:left;\r
+ font-size:12px;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+ color:blue;\r
+\r
+}\r
+\r
+.ztree *{\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+}\r
+\r
+.noChild_link_active {\r
+ /*background-color: lightslategrey;*/\r
+ font-style: italic;\r
+ color: #4ac9ff !important;\r
+ background:#fafafa;\r
+ border-left: 3px solid #4ac9ff;\r
+}\r
+\r
+.rmpadding{\r
+ padding-left:0px !important;\r
+ padding-right:0px !important;\r
+}\r
+\r
+#menu_accordion .collapsed span {\r
+ background: url(../../thirdparty/images/expand_arrow.png) 1px 3px no-repeat;\r
+ display: block;\r
+ float: left;\r
+ margin-bottom: -1px;\r
+ cursor: pointer;\r
+ width: 100%;\r
+ padding-left: 20px;\r
+}\r
+#menu_accordion span {\r
+ background: url(../../thirdparty/images/collapse_arrow.png) 1px 3px no-repeat;\r
+ display: block;\r
+ float: left;\r
+ margin-bottom: -1px;\r
+ cursor: pointer;\r
+ width: 100%;\r
+ padding-left: 20px;\r
+}\r
+\r
+.magic-radio + label{\r
+ font-size:14px;\r
+}\r
+\r
+.panelbr{\r
+ border-left:0px;\r
+ border-right:0px;\r
+}\r
+\r
+.popover-title {\r
+ margin: 0;\r
+ padding: 8px 14px;\r
+ font-size: 14px;\r
+ font-weight: normal;\r
+ line-height: 18px;}\r
+\r
+.customPopover{\r
+ padding:10px 20px;\r
+}\r
+\r
+\r
+.css-form input.ng-invalid.ng-touched, textarea.ng-invalid.ng-touched {\r
+ background-color: #FA787E;\r
+}\r
+\r
+.css-form input.ng-valid.ng-touched, textarea.ng-valid.ng-touched {\r
+ background-color: white;\r
+}\r
+\r
+.errMsg{\r
+\r
+ color:red;\r
+ float: left;\r
+}\r
+\r
+.customtable thead{\r
+ background: #ECECEC;\r
+}\r
+\r
+.customtable th,.table td{\r
+ /* padding-top: 3px!important; */\r
+ padding-bottom: 3px!important;\r
+}\r
+\r
+/*\r
+.customtable tr,.customtable td, .customtable th{\r
+ text-align:left;\r
+\r
+}\r
+*/\r
+\r
+.ng-table th.sortable .sort-indicator {\r
+ width:100%;\r
+ float:right;\r
+}\r
+\r
+.btn-group>.btn.active{\r
+ z-index: 2;\r
+ color: #fff;\r
+ background-color: #428bca;\r
+ border-color: #428bca;\r
+ cursor: default;\r
+}\r
+\r
+.customtable tbody tr:hover td{\r
+ background-color: #e6fbe0 !important;\r
+}\r
+\r
+.shortnote{\r
+ width:100%;\r
+ float:left;\r
+}\r
+\r
+.ng-table-pager .pagination{\r
+ float:right;\r
+}\r
+.ng-table-pager .ng-table-counts{\r
+ float:left !important;\r
+}\r
+.btnmrg{\r
+ margin:0 5px 0 5px;\r
+}\r
+\r
+.labelstyle{\r
+ text-align:left;\r
+ font-size:14px;\r
+ font-weight: 700;\r
+ font-family: "Microsoft Yahei",Arial,Tahoma,Verdana,SimSun;\r
+}\r
+\r
+.titlestyle{\r
+ 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 : 10px;\r
+}\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
+}
\ No newline at end of file
Code Review / vnfsdk / refrepo.git / commitdiff