diff options
author | danielhanrahan <daniel.hanrahan@est.tech> | 2022-02-15 18:02:23 +0000 |
---|---|---|
committer | danielhanrahan <daniel.hanrahan@est.tech> | 2022-02-16 15:26:38 +0000 |
commit | 770049ea162573d5afa1aaefed6131fe5e0a77f7 (patch) | |
tree | f702a09afd7b18879a562674c760c682c78895c0 /gui-editors/gui-editor-apex/src/main/resources/webapp/dist | |
parent | 29df248caa234bc0dff3c20875bdaecfeba127e0 (diff) |
Refactor apex-editor frontend build
Moved frontend from src/main/resources/webapp to src/main/webapp
Moved static resources such as jquery-ui to webapp/dist folder
Configured jest to exclude webapp/dist from coverage report
Removed unused ZIP file assembly
Cleaned up POM
Issue-ID: POLICY-3896
Signed-off-by: danielhanrahan <daniel.hanrahan@est.tech>
Change-Id: Ia006eb94a39586219029866eef94aef38912ad65
Diffstat (limited to 'gui-editors/gui-editor-apex/src/main/resources/webapp/dist')
11 files changed, 0 insertions, 4241 deletions
diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html deleted file mode 100644 index 60c43a5..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/close.html +++ /dev/null @@ -1,44 +0,0 @@ -<!-- - ============LICENSE_START======================================================= - Copyright (C) 2016-2018 Ericsson. All rights reserved. - Modifications Copyright (C) 2020 Nordix Foundation. - ================================================================================ - 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. - - SPDX-License-Identifier: Apache-2.0 - ============LICENSE_END========================================================= ---> - -<html> -<head> -<meta charset="utf-8" /> -<title>Apex Editor</title> -<link rel="stylesheet" type="text/css" href="css/interfaceAssets.css"> -</head> -<body> - <div class="ebSystemBar"> - <div class="ebSystemBar-topMenuName">Apex Policy Editor</div> - </div> - - <div class="placeholder"> - <img class="onapLogo placeholderLogo" src="images/logo_onap.png" alt="ONAP"> <img - class="apexLogo placeholderLogo" src="images/Apex.png" alt="Apex" height="200"> - <p>Thanks for using the Apex editor :-) - <p> - For more information, see <a - href="https://docs.onap.org/projects/onap-policy-parent/en/latest/apex/apex.html">the APEX-PDP - documentation.</a> - </div> - -</body> -</html>
\ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css deleted file mode 100644 index 128c060..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/close.css +++ /dev/null @@ -1,48 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -html, body { - height: 100%; -} - -.placeholder { - text-align: center; - position: relative; - top: 50%; - margin: -200px auto; - white-space: nowrap; -} - -.placeholderLogo { - z-index: -1; - position: relative; -} - -.onapLogo { - padding-right: 100px; - height: 300px; - width: 400px; -} - -.apexLogo { - height: 300px; - width: 400px; -}
\ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css deleted file mode 100644 index 78f5288..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/contextMenu.css +++ /dev/null @@ -1,111 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.contextmenu_hide { - display: none; -} - -.contextmenu_show { - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - padding: 0 0 0 5px; - margin: 0; - background: rgba(255,255,255,.85); - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: 000; - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); - z-index:1000; - position: absolute; - white-space: nowrap; - float: left; - width: auto; -} - -.contextmenu_show ul { - padding: 0; - margin: 0; - list-style: none; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); - background: #f5f5f5; - border: 1px solid #ccc; - border-radius: 0 0 5px 5px; - color: #000; - font-weight: 300; -} - -.contextmenu_show > li { - display: inline-block; - padding: 3px 5px; - margin: 0; -} - -.contextmenu_show > li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.contextmenu_show li { - cursor: default; - transition: all .1s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.contextmenu_show ul li { - line-height: 1.5em; - padding: 0 5px; -} - -.contextmenu_show ul li.disabled { - color: #999; - pointer-events: none; -} - -.contextmenu_show ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.contextmenu_show ul li ul { - border-radius: 5px; - position: absolute; - margin-top: -70px; -} - -.contextmenu_show ul li type{ - line-height: 1.5em; - padding: 0 5px; - font-family: monospace; -} - -.contextmenu_show ul li value{ - line-height: 1.5em; - padding: 0 5px; - font-family: monospace; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css deleted file mode 100644 index 483a1ce..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/dropdownList.css +++ /dev/null @@ -1,134 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.dropdownList_display { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - height: 2.4rem; - padding: 2px 7px; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-family: Arial,Helvetica,sans-serif; - font-size: 1em; - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; - cursor: pointer; - overflow: hidden; -} - -.dropdownList_display_disabled { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - height: 2.4rem; - padding: 0.4rem 0.6rem; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - font-family: Arial,Helvetica,sans-serif; - font-size: 1em; - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - -ms-touch-action: none !important; - touch-action: none !important; - box-shadow: inset 1px 1px 0 0 #cccccc; - overflow: hidden; -} - -.dropdownList_display_clicked, .dropdownList_display:hover, .dropdownList_display:focus { - //background: #007bff; -} - -.dropdownList_display_disabled :hover, .dropdownList_display_disabled :focus { -} - -.dropdownList { - position: relative; - display: inline-block; -} - -.dropdownList_options { - display: none; - position: absolute; - z-index: 1500; - padding: 0 0 4px 0; - margin: 0; - color: #333; - list-style: none; - background-color: #fff; - border: #bfbfbf solid 1px; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - box-shadow: 5px 5px 5px #87888A; -} - -.dropdownList_options ul li { - padding: 0px; - margin: 0; - text-decoration: none; - display: block; -} - -.dropdownList_options ul li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.dropdownList_options ul li.disabled { - color: #999; - pointer-events: none; -} - -.dropdownList_options_body { - margin-left: -40px; -} - -.dropdownList ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; - cursor: pointer; -} - -.dropdownList_show {display:block;}
\ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css deleted file mode 100644 index 8d905d7..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/fileMenu.css +++ /dev/null @@ -1,195 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.fileMenu { - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - padding: 0 0 0 5px; - margin: 0; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - color: 000; -} - -.fileMenu ul { - display: none; - position: absolute; - z-index:9999; - padding: 0; - margin: 0; - list-style: none; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); - min-width: 250px; - background: #f5f5f5; - border: 1px solid #ccc; - border-radius: 0 0 5px 5px; - color: #000; - font-weight: 300; - text-align: left; -} - -.fileMenu > li { - display: inline-block; - padding: 3px 5px; - margin: 0; -} - -.fileMenu > li.selected { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.fileMenu li { - cursor: default; - transition: all .1s; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.fileMenu li.divider { - margin: 3px 0; - height: 1px; - background: #b3b3b3; - pointer-events: none; -} - -.fileMenu li i { - font-size: .8em; - text-align: center; - color: #444; - transition: all .1s; - -} - -.fileMenu li i:before { - position: relative; - top: -.1em; -} - -.fileMenu > li.selected > i, -.fileMenu ul li:hover > i { - color: #ebebeb; -} - -.fileMenu ul li { - line-height: 1.5em; - padding: 0 5px; -} - -.fileMenu ul li.toggle.active i:before { - content: '\f00c'; -} - -.fileMenu ul li.disabled { - color: #999; - pointer-events: none; -} - -.fileMenu ul li.disabled i { - color: #aaa; -} - -.fileMenu ul li.sub:after { - font: normal normal normal; - content: '\f0da'; - float: right; - color: #999; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); - line-height: inherit; - transition: all .1s; -} - -.fileMenu ul li.sub:hover:after { - color: #fff; -} - -.fileMenu ul li:hover { - background: #007bff; - color: #fff; - font-weight: 400; -} - -.fileMenu ul li:last-child { - border-radius: 0 0 5px 5px; -} - -.fileMenu ul li:hover ul { - display: block; -} - -.fileMenu ul li kbd { - float: right; - font-weight: 300; - font-family: inherit; - color: #999; -} - -.fileMenu ul li ul { - border-radius: 5px; - position: absolute; - margin-top: -70px; -} - -.fileMenu ul li ul li:first-child { - border-radius: 5px 5px 0 0; -} - -.fileMenuButton { - display: inline-block; - vertical-align: middle; - color: #333; - background-color: #fff; - border: none; - min-width: 60px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0.1) 100%); - padding: 0 8px; - height: 2.4rem; - text-decoration: none; - text-align: center; - cursor: pointer; - line-height: 18px; -} - -.fileMenuSeperator { - display: inline-block; - white-space: nowrap; - vertical-align: middle; - width: 1px; - height: 24px; - background-color: #CCC; - margin: 0 6px; - font-size: 2.4rem; - margin: 0px 10px; -}
\ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css deleted file mode 100644 index 137aaa7..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/interfaceAssets.css +++ /dev/null @@ -1,2808 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020-2021 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -@charset "utf-8"; -html { - position: relative; - font-family: Arial, Helvetica, sans-serif; - font-size: 10px !important; - line-height: 10px !important; - margin: 0; - padding: 0; - width: 100%; - height: 100%; -} -body { - font-size: 1.6rem; - line-height: 1.2rem; - color: #333333; - background-color: #ffffff; - margin: 0; - padding: 0; -} -*:focus, -.ebInput:focus, -.ebIcon:focus, -.ebCheckbox:focus + .ebCheckbox-inputStatus:after, -.ebRadioBtn:focus + .ebRadioBtn-inputStatus:after, -textarea:focus, -button:focus, -i:focus { - /** - * FF outline do not looks same as Chrome so adding box shadow - * FF outline is not working as expected - **/ - /* - * one way of outline - outline: #4d90fe auto 5px; - box-shadow: 0 0 0 1px #4d90fe; - -webkit-box-shadow: none; - */ - outline: none; - //box-shadow: 0 0 2px 1px #FFFFFF; -} -h1, -h2, -h3, -h4, -h5, -h6 { - color: #4d4d4d; - font-weight: bold; -} -h1 { - line-height: 3.2rem; - font-size: 3.2rem; - font-weight: normal; - padding: 0.6rem 0; - margin: 0 0 0.6rem 0; -} -h2 { - border-bottom: #000000 solid 1px; - line-height: 2.0rem; - font-size: 2.0rem; - font-weight: normal; - padding: 1.2rem 0 0.7rem 0; - margin: 0 0 0.4rem 0; -} -h3 { - border-bottom: #7f7f7f solid 1px; - line-height: 1.6rem; - font-size: 1.6rem; - padding: 1.2rem 0 0.7rem 0; - margin: 0 0 0.4rem 0; - font-weight: normal; - color: #333333; -} -h4 { - border-bottom: #b2b2b2 solid 1px; - line-height: 1.2rem; - font-size: 1.2rem; - padding: 0.6rem 0; - margin: 0 0 0.6rem 0; - font-weight: bold; - color: #333333; -} -.ebLayout-SectionSubheading h3 { - float: left; - margin: 0; - border-bottom: none; -} - -/* System Bar */ -.ebSystemBar { - position: relative; - width: 100%; - height: 40px; - border-top: 4px solid #0066b3; - background-image: linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%); - box-shadow: 0 1px 2px #D2D2D2; -} -.ebSystemBar::before { - position: absolute; - top: -4px; - left: 0; - width: 100%; - height: 4px; - content: ""; - font-size: 0; - background: #0066b3; - background: -o-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -moz-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -webkit-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -ms-linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); - background: -webkit-gradient(linear, left top, right top, color-stop(0.1, #a2c517), color-stop(0.3, #009046), color-stop(0.5, #0082b6), color-stop(0.75, #151f77), color-stop(1, #db0050)); - background: linear-gradient(left, #a2c517 10%, #009046 30%, #0082b6 50%, #151f77 75%, #db0050 100%); -} -.ebSystemBar-logo { - position: absolute; - top: 0; - bottom: 0; - left: 0; - height: 40px; - width: 20px; - padding: 0 10px; - background: url('../resources/systemBar/econ01.svg') no-repeat center center transparent; - background-size: 20px; -} -.ebSystemBar-topMenuName { - display: inline-block; - padding: 0 5px 0 40px; - margin: 0; - line-height: 40px; - font-size: 16.8px; - color: #58585A; -} -.ebSystemBar-topMenu { - position: absolute; - top: 0; - bottom: 0; - left: 50px; - list-style: none; - height: 40px; - margin: 0; - padding: 0; -} -.ebSystemBar-topMenu li { - display: inline-block; -} -.ebSystemBar-topMenu a { - padding: 0 5px 0 15px; - margin: 0; - font-size: 1.6em; - line-height: 40px; - color: #58585a; - cursor: pointer; - text-decoration: none; -} -.ebSystemBar-topMenu a:hover { - color: #0066B3; -} -.ebSystemBar-rightButton { - float: right; - display: inline-block; - line-height: 40px; - vertical-align: middle; -} -.ebSystemBar-rightButton a { - display: block; - padding: 0 18px 0 18px; - font-size: 1.3rem; - color: #0066B3; - background-color: transparent; - background-repeat: no-repeat; - background-position: 18px center; - border-left: solid 1px #D2D2D2; -} -.ebSystemBar-rightButton a:hover { - text-decoration: underline; -} -.ebSystemBar-rightButton:hover { - background-image: linear-gradient(180deg, #f2f2f2 0%, #e8e8e8 100%); -} -@media screen and (max-width: 640px) { - .ebSystemBar-topBar-rightButton a { - width: 0; - padding-left: 34px; - text-indent: -9999px; - } -} - -/* Inline Message */ -.ebInlineMessage { - padding: 5px 15px 0px 7px; - font-size: 0; - position: fixed; - bottom: 0; - left: 2; - width: calc(100% - 30px); - height: 66px; - border: 3px solid #adadad; - background-color: #FFFFFF; -} -.ebInlineMessage-iconHolder, -.ebInlineMessage-contentHolder { - display: inline-block; - vertical-align: top; -} -.ebInlineMessage-iconHolder { - width: 20px; - margin: 0 12px 0 0; -} -.ebInlineMessage-contentHolder { - width: calc(100% - 32px); - font-size: 1.2rem; -} -.ebInlineMessage-header { - margin-top: 3px; - font-size: 14px; - line-height: 14px; -} -.ebInlineMessage-separator { - height: 1px; - margin: 12px 0; - background-color: #adadad; - opacity: 0.3; -} -.ebInlineMessage-description { - color: #666666; - white-space: pre; -} - -/* Table */ -.ebTable { - margin: 0; - padding: 0; - table-layout: fixed; - border-left: 1px solid #cccccc; // ewatkmi: added for visible border; - border-right: 1px solid #cccccc; // ewatkmi: added for visible border; - border-bottom: 1px solid #cccccc; // ewatkmi: added for visible border; - border-collapse: collapse; - border-spacing: 0; - color: #1a1a1a; -} -.ebTable_fullW { - width: 100%; -} -.ebTable-th_resizable, -.ebTable-th_sortable { - position: relative; -} -.ebTable-th_resizable .ebTable-headerResize { - position: absolute; - top: -20px; - bottom: -20px; - right: -12px; - width: 10px; - cursor: col-resize; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebTable-th_sortable { - cursor: pointer !important; -} -.ebTable-th_sortable .ebTable-header { - display: flex; - flex-wrap: nowrap; - flex-direction: row; - align-items: center; -} -.ebTable-th_sortable .ebTable-headerText { - flex-shrink: 1; - flex-grow: 0; - margin-right: 8px; - box-sizing: border-box; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebTable-th_sortable .ebTable-headerSort { - flex-grow: 0; - flex-shrink: 0; - flex-basis: 10px; - margin-left: 4px; -} -.ebTable-th_sortable .ebTable-headerSortOrder { - flex-grow: 1; - color: #999999; - font-weight: normal; -} -.ebTable-header { - position: relative; - display: block; - width: 100%; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.ebTable-headerText { - padding: 4px 0; - display: inline-block; - vertical-align: middle; - width: 100%; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.ebTable thead tr { - height: 3.2rem; - font-size: 1.2rem; - font-weight: bold; - text-align: left; -} -.ebTable thead tr th { - padding-left: 1.2rem; - padding-right: 1.2rem; - text-align: left; - cursor: default; - border-top: #cccccc solid 1px; - border-bottom: #cccccc solid 1px; - border-right: #e6e6e6 solid 1px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.ebTable thead tr th:last-child { - border-right: none; -} -.ebTable thead tr:hover { - background: none; -} -.ebTable thead tr:active { - background: none; -} -.ebTable tbody tr { - height: 3.2rem; - font-size: 1.2rem; - border-bottom: #e6e6e6 solid 1px; -} -.ebTable tbody tr td { - margin: 0; - padding: 0 1.2rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - cursor: default; - border-right: #e6e6e6 solid 1px; -} -.ebTable tbody tr td:last-child { - border-right: none; -} -.ebTable_striped tbody tr { - border-bottom: none; -} -.ebTable_striped tbody tr td { - border-right: none; -} -.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f2f2f2; -} -.ebTable_striped tbody tr:nth-of-type(odd) { // ewatkmi: added for nested tables; - background-color: #ffffff; -} -.ebTable_compact tbody tr { - height: 2.6rem; -} -.ebTable_expandableStriped { - border-collapse: separate; -} -.ebTable_expandableStriped tbody tr { - border-bottom: none; -} -.ebTable_expandableStriped tbody tr td { - border-right: none; -} -.ebTable_expandableStriped tbody tr:nth-of-type(4n-1), -.ebTable_expandableStriped tbody tr:nth-of-type(4n) { - background-color: #f2f2f2; -} -.ebTable_pinstripe tr td { - border-bottom: #e6e6e6 solid 1px; -} -.ebTable_color_paleBlue.ebTable thead tr th { - background-color: #99ddee; - border-top: none; - border-bottom: none; -} -.ebTable_color_paleBlue.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #e6f6fb; -} -.ebTable_color_purple.ebTable thead tr th { - background-color: #ca9bc1; - border-top: none; - border-bottom: none; -} -.ebTable_color_purple.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f2e6ef; -} -.ebTable_color_darkGreen.ebTable thead tr th { - background-color: #99c0bf; - border-top: none; - border-bottom: none; -} -.ebTable_color_darkGreen.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #e6efef; -} -.ebTable_color_green.ebTable thead tr th { - background-color: #d0e3a2; - border-top: none; - border-bottom: none; -} -.ebTable_color_green.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #f3f8e8; -} -.ebTable_color_yellow.ebTable thead tr th { - background-color: #fde499; - border-top: none; - border-bottom: none; -} -.ebTable_color_yellow.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fff8e6; -} -.ebTable_color_orange.ebTable thead tr th { - background-color: #f9d099; - border-top: none; - border-bottom: none; -} -.ebTable_color_orange.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fef3e6; -} -.ebTable_color_red.ebTable thead tr th { - background-color: #f4a6a3; - border-top: none; - border-bottom: none; -} -.ebTable_color_red.ebTable_striped tbody tr:nth-of-type(even) { - background-color: #fce9e8; -} -.ebTable_borderTop_none thead tr th { - border-top: none; -} -.ebTable_verticalBorders_none thead tr th, -.ebTable_verticalBorders_none tr td { - border-right: none !important; - border-left: none !important; -} -.ebTable_wrapHeaders th { - white-space: normal !important; - text-overflow: inherit !important; -} -.ebTable_wrapHeaders th .ebTable-headerText { - white-space: normal !important; - text-overflow: inherit !important; -} -.ebTable-expandableRow { - height: inherit !important; - display: none; -} -.ebTable-expandableRow_expanded { - display: table-row; -} -.ebTable-expandableRow > td { - padding: 0 !important; -} -.ebTable-expandableRow > td > div { - overflow: hidden; - height: 0; - transition: height 0.3s ease-in-out; -} -/** - * Hover/Active/Selected Effects - * - * Modifiers: - * .ebTable_hoverActive_none (disables native hover and active selectors, primarily for pin columns plugin) - */ -.ebTable { - /** Hover effect **/ -} -.ebTable.ebTable:not(.ebTable_hoverActive_none) tbody tr:not(.ebTable-expandableRow):not(.headerRow):hover > *, -.ebTable tbody tr:not(.ebTable-expandableRow):not(.headerRow).ebTableRow_hover > * { - background-image: linear-gradient(0deg, rgba(0, 102, 179, 0.1), rgba(0, 102, 179, 0.1)); -} -.ebTable.ebTable_highlightedEffect_solid tbody tr:not(.ebTable-expandableRow).ebTableRow_highlighted > * { - background-color: #ffffff !important; -} - -/* Context Menu */ -.ebContextMenu { - position: relative; - width: 16px; - height: 16px; -} -.ebContextMenu:focus { - outline: none; -} -.ebContextMenu-ExpandBtn, -.ebContextMenu-expandBtn { - width: 16px; - height: 16px; - position: relative; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebContextMenu-ExpandBtn:focus, -.ebContextMenu-expandBtn:focus { - outline: none; -} -.ebContextMenu-Dropdown, -.ebContextMenu-body { - position: absolute; - z-index: 1500; - min-width: 60px; - width: auto; - height: auto; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; - box-shadow: 5px 5px 5px #87888A; -} -.ebContextMenu-Dropdown_corner_default, -.ebContextMenu-body_corner_default { - position: absolute; - top: 20px; - left: 0px; -} -.ebContextMenu-Dropdown_corner_topRight, -.ebContextMenu-body_corner_topRight { - position: absolute; - top: 20px; - right: 0px; -} -.ebContextMenu-Dropdown_corner_bottomLeft, -.ebContextMenu-body_corner_bottomLeft { - position: absolute; - bottom: 20px; - left: 0px; -} -.ebContextMenu-Dropdown_corner_bottomRight, -.ebContextMenu-body_corner_bottomRight { - position: absolute; - bottom: 20px; - right: 0px; -} -.ebContextMenu-Dropdown_visible_false, -.ebContextMenu-body_visible_false { - visibility: hidden; -} -.ebContextMenu-Dropdown_visible_true, -.ebContextMenu-body_visible_true { - display: block; -} - -/* Component List */ -.ebComponentList { - position: relative; - z-index: 1500; - padding: 4px 0; - margin: 0; - color: #333333; - list-style: none; - background-color: #ffffff; - border: #bfbfbf solid 1px; - box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.ebComponentList-group, -.ebComponentList-item { - padding: 0 0.8rem; - line-height: 2.4rem; - font-size: 1.2rem; - background-color: #ffffff; -} -.ebComponentList-iconHolder { - display: inline-block; - vertical-align: middle; - width: 16px; - padding-right: 8px; -} -.ebComponentList-item { - cursor: pointer; -} -.ebComponentList-item-name { - display: inline-block; - font-size: 12px; - text-overflow: ellipsis; - overflow: hidden; - width: calc(100% - 24px); - vertical-align: middle; -} -.ebComponentList-item_icon { - font-size: 0; -} -.ebComponentList-link, -.ebComponentList-item, -.ebComponentList-item > *, -.ebComponentList-group-header { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; -} -.ebComponentList-group { - display: block; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header, -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { - font-size: 0; - cursor: pointer; - white-space: nowrap; - height: 24px; - vertical-align: middle; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name, -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header .ebComponentList-iconHolder + .ebComponentList-group-name { - width: calc(100% - 40px); -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner, -.ebComponentList-group_expandable_expanded > .ebComponentList-inner { - padding: 0 0 0 24px; - margin: 0 -0.8rem; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { - border: none; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-item { - overflow: hidden; - padding: 0; - margin: 0; - height: 0; - opacity: 0; - transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_collapsed .ebComponentList-group-header, -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group_expandable_expanded .ebComponentList-group-header { - overflow: hidden; - padding: 0; - margin: 0; - height: 0; - opacity: 0; - transition: height 0.2s linear, padding 0.075s 0.075s linear, margin 0.075s 0.075s linear, opacity 0.075s linear; -} -.ebComponentList-group_expandable_collapsed > .ebComponentList-inner .ebComponentList-group > .ebComponentList-inner { - padding: 0; - margin: 0; - transition: padding 0.1s 0.1s linear, margin 0.1s 0.1s linear; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-group-header { - border-bottom: 1px solid #999; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-item { - overflow: hidden; - height: 24px; - transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; -} -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_expanded > .ebComponentList-group-header, -.ebComponentList-group_expandable_expanded > .ebComponentList-inner > .ebComponentList-group_expandable_collapsed > .ebComponentList-group-header { - overflow: hidden; - height: 24px; - text-overflow: ellipsis; - transition: height 0.2s linear, padding 0.075s linear, margin 0.075s linear, opacity 0.15s 0.15s linear; -} -.ebComponentList-group:not(.ebComponentList-group_expandable_collapsed):not(.ebComponentList-group_expandable_expanded) > .ebComponentList-group-header { - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none; -} -.ebComponentList-group-header { - font-size: 1.2rem; - font-weight: bold; - line-height: 2.4rem; - border-bottom: 1px solid #999; - background-color: #ffffff; -} -.ebComponentList-group-header_icon { - font-size: 0; -} -.ebComponentList-group-header_icon > .ebComponentList-group-name { - width: calc(100% - 24px); -} -.ebComponentList-group-name { - display: inline-block; - width: calc(100% - 16px); - font-size: 1.2rem; - line-height: 2.4rem; - font-weight: bold; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - vertical-align: middle; -} -.ebComponentList-inner { - margin: 0 -0.8rem; - padding: 4px 0 0 0; -} -.ebComponentList-link { - display: block; -} -.ebComponentList-link:hover { - text-decoration: none; -} -.ebComponentList-separator { - height: 1px; - margin: 0.4rem; - background-color: #E6E6E6; -} -.ebComponentList_focus_forced .ebComponentList-item:hover { - background-color: transparent; -} -.ebComponentList_focus_forced .ebComponentList-item_focused:hover { - background-color: #e6f0f7; -} -.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:hover { - background-color: #e6f0f7; -} -.ebComponentList_focus_forced .ebComponentList-item:active, -.ebComponentList:not(.ebComponentList_focus_forced) .ebComponentList-item:active { - background-color: #cce0f0; -} -.ebComponentList-item { - /* Fixes MultiSelectBox ellipsis bug in Firefox */ - margin: 0px !important; - font-size: 1em !important; -} -.ebComponentList-item_focused { - background-color: #e6f0f7; -} -.ebComponentList-item_disabled { - color: #b0b0af; - cursor: not-allowed !important; -} -.ebComponentList-item_disabled:hover, -.ebComponentList-item_disabled:active { - background-color: inherit !important; -} -.ebComponentList-item_selected { - position: relative; - cursor: default; -} -.ebComponentList-item_selected > .ebComponentList-link { - cursor: default; - color: #333333; - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none; -} -.ebComponentList-item_selected:before { - position: absolute; - content: ""; - left: 0; - top: 0; - bottom: 0; - width: 100%; - opacity: .2; - background-color: #0967b2; -} -.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox { - margin-left: 1px; -} -.ebComponentList-item > .ebComponentList-checkboxHolder > .ebCheckbox-label { - padding-left: 3px; - overflow: hidden; - font-size: 12px; - line-height: 2.4rem; - text-overflow: ellipsis; - width: calc(100% - 24px); -} -.ebComponentList-info { - color: #333333; - font-style: italic; - text-align: center; -} -.ebComponentList-info:hover { - background-color: #ffffff; -} -.ebComponentList-info:active { - background-color: #ffffff; -} -.ebComponentList-info, -.ebComponentList-loader { - display: none; - margin: 0.6rem; - cursor: default; -} -.ebComponentList_info .ebComponentList-group, -.ebComponentList_info .ebComponentList-separator, -.ebComponentList_info .ebComponentList-item { - display: none; -} -.ebComponentList_info .ebComponentList-info { - display: block; -} -.ebComponentList_loading { - min-height: 34px; -} -.ebComponentList_loading .ebComponentList-loader { - display: block; -} -.ebComponentList_loading .ebComponentList-item_selected:before { - display: none; -} -.ebComponentList_loading > .ebComponentList-group, -.ebComponentList_loading > .ebComponentList-item, -.ebComponentList_loading > .ebComponentList-items > .ebComponentList-group, -.ebComponentList_loading > .ebComponentList-items > .ebComponentList-item { - opacity: 0.4; -} - -/* Scrollbar */ -.eb_scrollbar { - -webkit-overflow-scrolling: touch; - overflow: auto; -} -.eb_scrollbar::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.eb_scrollbar::-webkit-scrollbar-track { - background-color: #f0f0f0; - background-clip: content-box; -} -.eb_scrollbar::-webkit-scrollbar-thumb { - background-color: #cccccc; - border-radius: 3px; - transition: all 0.2s linear; - background-clip: content-box; -} -.eb_scrollbar::-webkit-scrollbar-thumb:hover { - background-color: #999999; -} -.eb_scrollbar::-webkit-scrollbar-button { - width: 14px; - height: 14px; - background-repeat: no-repeat; - background-color: #f0f0f0; - background-position: center; -} -.eb_scrollbar::-webkit-scrollbar-button:hover { - background-color: #cccccc; -} -.eb_scrollbar::-webkit-scrollbar-button:vertical:decrement { - background-position: center 4px; - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>"); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:vertical:increment { - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>"); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:horizontal:decrement { - background-position: 4px center; - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>"); - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; -} -.eb_scrollbar::-webkit-scrollbar-button:horizontal:increment { - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>"); - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} - - -/* Input */ -.ebInput { - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - width: 140px; - height: 2.4rem; - padding: 0.4rem 0.6rem; - border: 1px solid #b3b3b3; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.ebInput_wMargin { - margin: 6px; -} -.ebInput_txtCenter { - text-align: center; -} -.ebInput_miniW, -.ebInput_width_mini { - width: 40px; -} -.ebInput_smallW, -.ebInput_width_small { - width: 80px; -} -.ebInput_longW, -.ebInput_width_long { - width: 180px; -} -.ebInput_xLongW, -.ebInput_width_xLong { - width: 220px; -} -.ebInput_width_full { - min-width: 40px; - width: 100%; -} -.ebInput_noRightSide { - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; -} -.ebInput_noLeftSide { - border-width: 1px 1px 1px 0; - border-radius: 0 3px 3px 0; - box-shadow: inset 0 1px 0 0 #cccccc; -} -.ebInput:hover { - border-color: #666666; -} -.ebInput[readonly] { - cursor: text; - //box-shadow: none; - border-color: #E3E3E3; - background-color: #f0f0f0; - color: #b2b2b2; -} -.ebInput[readonly]:hover { - //border-color: #E3E3E3; -} -.ebInput_disabled, -.ebInput:disabled { - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - -ms-touch-action: none !important; - touch-action: none !important; - box-shadow: inset 1px 1px 0 0 #cccccc; -} -.ebInput_borderColor { - border-color: #b3b3b3; -} -.ebInput_borderColor_red { - border-color: #e32119; -} -.ebInput_status_none { - border-color: #b3b3b3; -} -.ebInput_status_warning { - border-color: #f08a00; -} -.ebInput_status_error { - border-color: #e32119; -} -.ebInput.eb_wMargin + .ebInput-status { - margin: -0.2rem 0.8rem 0 0.6rem; -} -.ebInput-status { - display: block; - margin: 0.4rem 0 0 0; - line-height: 1.2rem; - min-height: 1.8rem; - font-size: 1.2rem; - font-weight: normal; -} -.ebInput-statusOk, -.ebInput-statusError { - vertical-align: middle; -} -.ebInput-statusOk:before, -.ebInput-statusError:before { - display: inline-block; - vertical-align: middle; - margin: 0 0.6rem 0 0; - width: 1.2rem; - height: 1.2rem; - content: ''; - background-repeat: no-repeat; -} -.ebInput-statusInfo { - vertical-align: middle; - color: #8d8d8d; -} -.ebInput-statusOk { - color: #89ba17; - display: none; -} -.ebInput-statusOk:before { - background-image: url('../resources/form/valid_icon.svg'); -} -.ebInput-statusError { - color: #e32119; - display: none; -} -.ebInput-statusError:before { - background-image: url('../resources/form/invalid_icon.svg'); -} -.ebInput-status_none { - display: none; -} -.ebInput-status_hide .ebInput-statusOk, -.ebInput-status_hide .ebInput-statusError, -.ebInput-status_hide .ebInput-statusInfo { - display: none; -} -.ebInput-status_info .ebInput-statusInfo { - display: inline-block; -} -.ebInput-status_info .ebInput-statusOk, -.ebInput-status_info .ebInput-statusError { - display: none; -} -.ebInput-status_ok .ebInput-statusOk { - display: inline-block; -} -.ebInput-status_ok .ebInput-statusError, -.ebInput-status_ok .ebInput-statusInfo { - display: none; -} -.ebInput-status_error .ebInput-statusError { - display: inline-block; -} -.ebInput-status_error .ebInput-statusOk, -.ebInput-status_error .ebInput-statusInfo { - display: none; -} -.ebInput:not(.ebInput_validation_focusLost):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { - display: inline-block; -} -.ebInput:not(.ebInput_validation_focusLost):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { - border-color: #e32119; -} -.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { - display: inline-block; -} -.ebInput:not(.ebInput_validation_focusLost):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { - display: none; -} -.ebInput.ebInput_validation_focusLost:not(:focus):valid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusOk { - display: inline-block; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid:not(.ebInput_borderColor):not(.ebInput_status_warning):not(.ebInput_status_none) { - border-color: #e32119; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusError { - display: inline-block; -} -.ebInput.ebInput_validation_focusLost:not(:focus):invalid + .ebInput-status:not(.ebInput-status_hide):not(.ebInput-status_info):not(.ebInput-status_ok):not(.ebInput-status_error) .ebInput-statusInfo { - display: none; -} - -/* Textarea */ -.ebTextArea { - -webkit-overflow-scrolling: touch; - overflow: auto; - display: inline-block; - vertical-align: middle; - text-align: left; - font-size: 1.2rem; - width: 140px; - padding: 0.4rem 0.6rem; - margin: 0; - border: 1px solid #b3b3b3; - font-family: arial; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - box-shadow: inset 1px 1px 0 0 #cccccc; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; -} -.ebTextArea::-webkit-scrollbar { - width: 14px; - height: 14px; -} -.ebTextArea::-webkit-scrollbar-track { - background-color: #f0f0f0; - background-clip: content-box; -} -.ebTextArea::-webkit-scrollbar-thumb { - background-color: #cccccc; - border-radius: 3px; - transition: all 0.2s linear; - background-clip: content-box; -} -.ebTextArea::-webkit-scrollbar-thumb:hover { - background-color: #999999; -} -.ebTextArea::-webkit-scrollbar-button { - width: 14px; - height: 14px; - background-repeat: no-repeat; - background-color: #f0f0f0; - background-position: center; -} -.ebTextArea::-webkit-scrollbar-button:hover { - background-color: #cccccc; -} -.ebTextArea::-webkit-scrollbar-button:vertical:decrement { - background-position: center 4px; - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M0.293,3.293l3-3C3.488,0.098,3.744,0,4,0s0.512,0.098,0.707,0.293l3,3c0.391,0.391,0.391,1.023,0,1.414 s-1.023,0.391-1.414,0L4,2.414L1.707,4.707c-0.391,0.391-1.023,0.391-1.414,0S-0.098,3.684,0.293,3.293z'/></svg>"); - border-top-left-radius: 2px; - border-top-right-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:vertical:increment { - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='5px' viewBox='0 0 8 5' enable-background='new 0 0 8 5' xml:space='preserve'><path fill='#333333' d='M7.707,1.707l-3,3C4.512,4.902,4.255,5,4,5S3.488,4.902,3.292,4.707l-3-3c-0.391-0.391-0.391-1.023,0-1.414 s1.023-0.391,1.414,0L4,2.586l2.293-2.293c0.391-0.391,1.023-0.391,1.414,0S8.098,1.316,7.707,1.707z'/></svg>"); - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:horizontal:decrement { - background-position: 4px center; - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M4.707,6.293c0.391,0.391,0.391,1.023,0,1.414C4.512,7.902,4.256,8,4,8S3.488,7.902,3.293,7.707l-3-3 C0.105,4.52,0,4.266,0,4s0.105-0.52,0.293-0.707l3-3c0.391-0.391,1.023-0.391,1.414,0c0.391,0.39,0.391,1.023,0,1.414L2.414,4 L4.707,6.293z'/></svg>"); - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; -} -.ebTextArea::-webkit-scrollbar-button:horizontal:increment { - background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5px' height='8px' viewBox='0 0 5 8' enable-background='new 0 0 5 8' xml:space='preserve'><defs></defs><path fill='#333333' d='M0.293,1.707c-0.391-0.391-0.391-1.023,0-1.414C0.488,0.098,0.744,0,1,0s0.512,0.098,0.707,0.293l3,3 C4.895,3.48,5,3.734,5,4s-0.105,0.52-0.293,0.707l-3,3c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414L2.586,4L0.293,1.707z'/></svg>"); - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; -} -.ebTextArea_noMargin { - margin: 0; -} -.ebTextArea_txtCenter { - text-align: center; -} -.ebTextArea_miniW, -.ebTextArea_width_mini { - width: 40px; -} -.ebTextArea_smallW, -.ebTextArea_width_small { - width: 80px; -} -.ebTextArea_longW, -.ebTextArea_width_long { - width: 180px; -} -.ebTextArea_xLongW, -.ebTextArea_width_xLong { - width: 220px; -} -.ebTextArea_width_full { - min-width: 40px; - width: 100%; -} -.ebTextArea_noRightSide { - border-width: 1px 0 1px 1px; - border-radius: 3px 0 0 3px; -} -.ebTextArea_noLeftSide { - border-width: 1px 1px 1px 0; - border-radius: 0 3px 3px 0; -} -.ebTextArea:hover { - border-color: #666666; -} -.ebTextArea[readonly] { - cursor: text; - border-color: #E3E3E3; - background-color: #f0f0f0; - color: #b2b2b2; -} -.ebTextArea[readonly]:hover { - //border-color: #E3E3E3; -} -.ebTextArea_disabled, -.ebTextArea:disabled { - color: #B2B2B2; - border-color: #B2B2B2; - background-color: rgba(0, 0, 0, 0.05); - -ms-touch-action: none; - touch-action: none; - -webkit-text-fill-color: #b2b2b2; - opacity: 1; - box-shadow: inset 1px 1px 0 0 #cccccc; -} -.ebTextArea_status_none { - border-color: #b3b3b3; -} -.ebTextArea_status_warning { - border-color: #f08a00; -} -.ebTextArea_status_error { - border-color: #e32119; -} -.ebTextArea:invalid:not(.ebTextArea_status_warning):not(.ebTextArea_status_none) { - border-color: #e32119; -} - -/* Button */ -.ebBtn { - position: relative; - display: inline-block; - vertical-align: middle; - color: #333333; - background-color: #ffffff; - border: none; - min-width: 60px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); - padding: 0 8px; - height: 2.4rem; - font-size: 1.2rem; - white-space: nowrap; - text-decoration: none; - text-align: center; - cursor: pointer; -} -a.ebBtn:hover { - color: #333; -} -a.ebBtn:focus, -a.ebBtn:active, -a.ebBtn_active { - text-decoration: none; -} -.ebBtn:focus { - outline: none; - box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -} -.ebBtn_color_blue, -.ebBtn_color_darkBlue, -.ebBtn_color_paleBlue, -.ebBtn_color_darkGreen, -.ebBtn_color_green, -.ebBtn_color_orange, -.ebBtn_color_red, -.ebBtn_color_purple { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); - color: #F0F0F0 !important; -} -.ebBtn_color_blue:hover, -.ebBtn_color_darkBlue:hover, -.ebBtn_color_paleBlue:hover, -.ebBtn_color_darkGreen:hover, -.ebBtn_color_green:hover, -.ebBtn_color_orange:hover, -.ebBtn_color_red:hover, -.ebBtn_color_purple:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebBtn_color_blue { - background-color: #0966b3; -} -.ebBtn_color_darkBlue { - background-color: #0066b3; -} -.ebBtn_color_paleBlue { - background-color: #00A9D4; -} -.ebBtn_color_darkGreen { - background-color: #00625F; -} -.ebBtn_color_green { - background-color: #89BA17; -} -.ebBtn_color_orange { - background-color: #F08A00; -} -.ebBtn_color_red { - background-color: #E32119; -} -.ebBtn_color_purple { - background-color: #953882; -} -.ebBtn_small { - font-size: 1.1rem; - padding: 0 6px; - height: 2rem; -} -.ebBtn_large { - font-size: 1.4rem; - padding: 0 10px; - height: 3.8rem; -} -.ebBtn:hover { - text-decoration: none; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebBtn_active, -.ebBtn:active, -.ebBtn_active:hover { - text-decoration: none; - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebBtn:disabled, -.ebBtn_disabled, -.ebBtn:disabled:hover, -.ebBtn_disabled:hover, -.ebBtn:disabled:active, -.ebBtn_disabled:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - background: rgba(0, 0, 0, 0.1); - color: #8d8d8d !important; -} -.ebBtn:disabled .ebIcon, -.ebBtn_disabled .ebIcon { - opacity: 0.3; -} -.ebBtn_subtle { - background-image: none; - background-color: transparent; - box-shadow: none; - min-width: auto; -} -.ebBtn_subtle:hover { - background-image: none; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.ebBtn_subtle:focus { - box-shadow: 0 0 2px 1px #4d90fe, 0 0 0 1px rgba(0, 0, 0, 0.2) inset; -} -.ebBtn_subtle:active, -.ebBtn_subtle.ebBtn_subtle_active { - text-decoration: none; - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebBtn_subtle:disabled, -.ebBtn_subtle.ebBtn_subtle_disabled, -.ebBtn_subtle:disabled:hover, -.ebBtn_subtle.ebBtn_subtle_disabled:hover, -.ebBtn_subtle:disabled:active, -.ebBtn_subtle.ebBtn_subtle_disabled:active { - background-color: transparent; - box-shadow: none; -} -.ebBtn:active:focus, -.ebBtn_active:focus { - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 2px 1px #4d90fe; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} - -/* Combobox */ -.ebCombobox { - position: relative; - display: inline-block; - vertical-align: middle; - white-space: nowrap; - margin: 0; - padding: 0; - height: 2.4rem; -} -.ebCombobox_width_full { - min-width: 70px; - width: 100%; -} -.ebCombobox_width_full .ebInput { - width: calc(100% - 30px); -} -.ebCombobox-list, -.ebCombobox-body { - position: absolute; - margin-top: 6px; - display: none; - width: 100%; -} -.ebCombobox-list_rightAlign, -.ebCombobox-body_rightAlign { - right: 0; -} -.ebCombobox-Helper, -.ebCombobox-helper { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - /*height: 100%; ewwatkmi: replaced with 2.4rem below*/ - height: 2.4rem; - cursor: pointer; - border: 1px solid #999999; - background-color: #ffffff; - -moz-box-sizing: border-box; - box-sizing: border-box; - border-radius: 0 3px 3px 0; - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - appearance: none; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebCombobox-Helper:hover, -.ebCombobox-helper:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebCombobox-Helper:active, -.ebCombobox-helper:active { - box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.35); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebCombobox-Helper:disabled, -.ebCombobox-helper:disabled { - border-color: #b2b2b2; -} -.ebCombobox-Helper:disabled, -.ebCombobox-helper:disabled, -.ebCombobox-Helper:disabled:hover, -.ebCombobox-helper:disabled:hover, -.ebCombobox-Helper:disabled:active, -.ebCombobox-helper:disabled:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - background: #e5e5e5; - color: #B2B2B2; - cursor: not-allowed; - box-shadow: none; -} -.ebCombobox-Helper .ebCombobox-iconHolder, -.ebCombobox-helper .ebCombobox-iconHolder { - display: inline-block; - opacity: 0.7; - cursor: pointer; - line-height: 2.2rem; -} -.ebCombobox-Helper .ebCombobox-iconHolder .ebIcon, -.ebCombobox-helper .ebCombobox-iconHolder .ebIcon { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: auto; -} -.ebCombobox:hover > .ebCombobox-Helper, -.ebCombobox:hover > .ebCombobox-helper { - border-color: #666666; -} -.ebCombobox .ebInput:focus ~ .ebCombobox-list, -/*.ebCombobox .ebInput:focus ~ .ebCombobox-body,*/ -.ebCombobox:active > .ebCombobox-list, -/*.ebCombobox:active > .ebCombobox-body*/ { - display: block; -} -.ebCombobox > .ebCombobox-list, -.ebCombobox > .ebCombobox-body { - display: none; -} -.ebCombobox_noMargin { - margin: 0; -} -.ebCombobox_disabled, -.ebCombobox_disabled *:hover { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; -} -.ebCombobox_disabled .ebCombobox-iconHolder, -.ebCombobox_disabled .ebCombobox-iconHolder:hover, -.ebCombobox_disabled .ebCombobox-iconHolder:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - opacity: 0.3; -} -.ebCombobox_disabled:hover > .ebCombobox-Helper, -.ebCombobox_disabled:hover > .ebCombobox-helper { - border-color: #b2b2b2; -} -.ebCombobox_disabled:active > .ebCombobox-list, -.ebCombobox_disabled:active > .ebCombobox-body { - display: none; -} -.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-list, -.ebCombobox_disabled .ebInput:focus ~ .ebCombobox-body { - display: none; -} -.ebCombobox_status_warning .ebInput { - border-color: #f08a00; -} -.ebCombobox_status_error .ebInput { - border-color: #e32119; -} - -/* Switcher */ -.ebSwitcher { - position: relative; - height: 24px; - width: 84px; - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #ccc; - border-radius: 3px; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; -} -.ebSwitcher-checkbox { - display: none; -} -.ebSwitcher-body { - position: relative; - font-size: 0; - white-space: nowrap; - top: 0; - left: 0; - width: 100%; - height: 100%; - transition: left 0.2s linear; -} -.ebSwitcher-onLabel, -.ebSwitcher-switch, -.ebSwitcher-offLabel { - display: inline-block; - vertical-align: top; - overflow: hidden; - height: 100%; -} -.ebSwitcher-onLabel, -.ebSwitcher-offLabel { - width: calc(100% - 24px); - line-height: 2.4rem; - color: white; - text-align: center; - font-size: 1.2rem; -} -.ebSwitcher-onLabel { - background-color: #89ba17; -} -.ebSwitcher-offLabel { - background-color: #999999; -} -.ebSwitcher-switch { - height: 24px; - width: 24px; - transition: left 0.2s; -} -.ebSwitcher-switch::after { - content: ""; - position: absolute; - margin: -1px; - width: 24px; - height: 24px; - display: inline-block; - background: #ffffff; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); - border-radius: 3px; - border: 1px solid rgba(0, 0, 0, 0.2); -} -.ebSwitcher-checkbox:not(:checked) + .ebSwitcher-body { - left: calc(-100% + 24px); -} -.ebSwitcher:focus { - /* - outline: #4d90fe auto 5px; - box-shadow: 0 0 0 1px #4d90fe; - -webkit-box-shadow: none; - */ - outline: none; - box-shadow: 0 0 2px 1px #4d90fe; -} -.ebSwitcher_status_warning { - border-color: #f08a00; -} -.ebSwitcher_status_error { - border-color: #e32119; -} -.ebSwitcher_disabled { - cursor: not-allowed; -} -.ebSwitcher_disabled .ebSwitcher-onLabel, -.ebSwitcher_disabled .ebSwitcher-offLabel, -.ebSwitcher_disabled .ebSwitcher-switch::after { - background-color: #e5e5e5; - background-image: none; - color: #8d8d8d; -} - -/* Dropdown */ -.ebDropdown { - position: relative; - display: inline-block; - height: 2.4rem; - padding: 0; - margin: 0; -} -.ebDropdown-list, -.ebDropdown-body { - position: absolute; - margin-top: 6px; - display: none; - min-width: 100%; -} -.ebDropdown-list_rightAlign, -.ebDropdown-body_rightAlign { - right: 0; -} -.ebDropdown-Header, -.ebDropdown-header { - position: relative; - display: inline-block; - vertical-align: middle; - height: 100%; - min-width: 60px; - margin: 0; - padding: 6px 8px; - line-height: 1.2rem; - font-size: 1.2rem; - text-align: left; - text-decoration: none; - white-space: nowrap; - color: #333333; - background-color: #ffffff; - border: none; - cursor: pointer; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - border-radius: 3px; - -moz-box-sizing: border-box; - box-sizing: border-box; - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); -} -.ebDropdown-Header:hover, -.ebDropdown-header:hover { - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%); -} -.ebDropdown-Header:active, -.ebDropdown-header:active { - box-shadow: inset 2px 2px 2.5px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px rgba(0, 0, 0, 0.2); - background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%); -} -.ebDropdown-Header .ebDropdown-caption, -.ebDropdown-header .ebDropdown-caption { - display: inline-block; - padding: 0 4px 0 0; - vertical-align: middle; - min-width: 27px; -} -.ebDropdown-Header .ebDropdown-iconHolder, -.ebDropdown-header .ebDropdown-iconHolder { - display: inline-block; - cursor: pointer; - opacity: 0.7; -} -.ebDropdown .ebDropdown-Header:focus + .ebDropdown-list, -.ebDropdown .ebDropdown-header:focus + .ebDropdown-body, -.ebDropdown .ebDropdown-Header:active + .ebDropdown-list, -.ebDropdown .ebDropdown-header:active + .ebDropdown-body, -.ebDropdown:focus > .ebDropdown-list, -.ebDropdown:focus > .ebDropdown-body, -.ebDropdown:active > .ebDropdown-list, -.ebDropdown:active > .ebDropdown-body { - display: block; -} -.ebDropdown_disabled .ebDropdown-Header, -.ebDropdown_disabled .ebDropdown-header { - background: rgba(0, 0, 0, 0.1); - color: #B2B2B2; -} -.ebDropdown_disabled .ebDropdown-Header, -.ebDropdown_disabled .ebDropdown-header, -.ebDropdown_disabled .ebDropdown-Header:hover, -.ebDropdown_disabled .ebDropdown-header:hover, -.ebDropdown_disabled .ebDropdown-Header:active, -.ebDropdown_disabled .ebDropdown-header:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; -} -.ebDropdown_disabled .ebDropdown-Header:hover, -.ebDropdown_disabled .ebDropdown-header:hover, -.ebDropdown_disabled .ebDropdown-Header:active, -.ebDropdown_disabled .ebDropdown-header:active { - background: rgba(0, 0, 0, 0.1); - color: #B2B2B2; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); -} -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder, -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:hover, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:hover, -.ebDropdown_disabled .ebDropdown-Header .ebDropdown-iconHolder:active, -.ebDropdown_disabled .ebDropdown-header .ebDropdown-iconHolder:active { - -ms-touch-action: none !important; - cursor: not-allowed !important; - touch-action: none !important; - opacity: 0.3; -} -.ebDropdown_disabled .ebDropdown-Header:focus + .ebDropdown-list, -.ebDropdown_disabled .ebDropdown-header:focus + .ebDropdown-body, -.ebDropdown_disabled .ebDropdown-Header:active + .ebDropdown-list, -.ebDropdown_disabled .ebDropdown-header:active + .ebDropdown-body, -.ebDropdown_disabled:focus > .ebDropdown-list, -.ebDropdown_disabled:focus > .ebDropdown-body, -.ebDropdown_disabled:active > .ebDropdown-list, -.ebDropdown_disabled:active > .ebDropdown-body { - display: none; -} - -/* Icons */ -.ebIcon { - display: inline-block; - vertical-align: middle; - border: none; - height: 16px; - width: 16px; - line-height: 1.6rem; - background-repeat: no-repeat; - background-position: center; - background-color: transparent; - background-size: 100%; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - -webkit-user-select: none; - user-select: none; - /*small icons */ - /*16px icons*/ -} -.ebIcon_interactive { - opacity: 0.7; - cursor: pointer; -} -.ebIcon_interactive:hover { - opacity: 1.0; -} -.ebIcon_interactive:active { - opacity: 0.4; -} -.ebIcon_button { - margin: 10px; -} -.ebIcon_noVertAlign { - vertical-align: inherit; -} -.ebIcon_disabled { - cursor: default; -} -.ebIcon_disabled, -.ebIcon_disabled:hover, -.ebIcon_disabled:active { - opacity: 0.3; -} -.ebIcon_small { - width: 1rem; - height: 1rem; - line-height: 1rem; -} -.ebIcon_big { - width: 2rem; - height: 2rem; - line-height: 2rem; -} -.ebIcon_large { - width: 2.8rem; - height: 2.8rem; - line-height: 2.8rem; -} -.ebIcon_wMargin { - margin: 4px; -} -.ebIcon_upArrow { - background-image: url('../resources/16px/ArrowUpSmall_black_16px.svg'); -} -.ebIcon_upArrow_white { - background-image: url('../resources/16px/arrowUpSmall_white_16px.svg'); -} -.ebIcon_downArrow { - background-image: url('../resources/16px/ArrowDownSmall_black_16px.svg'); -} -.ebIcon_downArrow_white { - background-image: url('../resources/16px/ArrowDownSmall_white_16px.svg'); -} -.ebIcon_leftArrow { - background-image: url('../resources/16px/ArrowLeftSmall_black_16px.svg'); -} -.ebIcon_leftArrow_white { - background-image: url('../resources/16px/ArrowLeftSmall_white_16px.svg'); -} -.ebIcon_rightArrow { - background-image: url('../resources/16px/ArrowRightSmall_black_16px.svg'); -} -.ebIcon_rightArrow_white { - background-image: url('../resources/16px/ArrowRightSmall_white_16px.svg'); -} -.ebIcon_prevArrow { - background-image: url('../resources/16px/ArrowDoubleLeftSmall_black_16px.svg'); -} -.ebIcon_nextArrow { - background-image: url('../resources/16px/ArrowDoubleRightSmall_black_16px.svg'); -} -.ebIcon_upArrow_10px { - background-image: url('../resources/10px/ArrowUpSmall_black_10px.svg'); -} -.ebIcon_downArrow_10px { - background-image: url('../resources/10px/ArrowDownSmall_black_10px.svg'); -} -.ebIcon_leftArrow_10px { - background-image: url('../resources/10px/ArrowLeftSmall_black_10px.svg'); -} -.ebIcon_rightArrow_10px { - background-image: url('../resources/10px/ArrowRightSmall_black_10px.svg'); -} -.ebIcon_prevArrow_10px { - background-image: url('../resources/10px/ArrowDoubleLeftSmall_black_10px.svg'); -} -.ebIcon_nextArrow_10px { - background-image: url('../resources/10px/ArrowDoubleRightSmall_black_10px.svg'); -} -.ebIcon_errorSmall { - background-image: url('../resources/other/errorSmall_red_10px.svg'); -} -.ebIcon_tickSmallBlack { - background-image: url('../resources/other/tick_black_10x8px.svg'); -} -.ebIcon_tickSmallGreen { - background-image: url('../resources/other/tick_green_10x8px.svg'); -} -.ebIcon_upArrowLarge { - background-image: url('../resources/16px/ArrowUp_black_16px.svg'); -} -.ebIcon_upArrowLarge_white { - background-image: url('../resources/16px/ArrowUp_white_16px.svg'); -} -.ebIcon_downArrowLarge { - background-image: url('../resources/16px/ArrowDown_black_16px.svg'); -} -.ebIcon_downArrowLarge_white { - background-image: url('../resources/16px/ArrowDown_white_16px.svg'); -} -.ebIcon_downArrowLarge_blue { - background-image: url('../resources/16px/ArrowDown_blue_16px.svg'); -} -.ebIcon_leftArrowLarge { - background-image: url('../resources/16px/ArrowLeft_black_16px.svg'); -} -.ebIcon_leftArrowLarge_white { - background-image: url('../resources/16px/ArrowLeft_white_16px.svg'); -} -.ebIcon_rightArrowLarge { - background-image: url('../resources/16px/ArrowRight_black_16px.svg'); -} -.ebIcon_rightArrowLarge_white { - background-image: url('../resources/16px/ArrowRight_white_16px.svg'); -} -.ebIcon_circleArrowDown { - background-image: url('../resources/16px/circleArrowDown_black_16px.svg'); -} -.ebIcon_circleArrowDown_white { - background-image: url('../resources/16px/circleArrowDown_white_16px.svg'); -} -.ebIcon_circleArrowLeft { - background-image: url('../resources/16px/circleArrowLeft_black_16px.svg'); -} -.ebIcon_circleArrowLeft_white { - background-image: url('../resources/16px/circleArrowLeft_white_16px.svg'); -} -.ebIcon_circleArrowRight { - background-image: url('../resources/16px/circleArrowRight_black_16px.svg'); -} -.ebIcon_circleArrowRight_white { - background-image: url('../resources/16px/circleArrowRight_white_16px.svg'); -} -.ebIcon_circleArrowUp { - background-image: url('../resources/16px/circleArrowUp_black_16px.svg'); -} -.ebIcon_circleArrowUp_white { - background-image: url('../resources/16px/circleArrowUp_white_16px.svg'); -} -.ebIcon_circleCaretDown { - background-image: url('../resources/16px/circleCaretDown_black_16px.svg'); -} -.ebIcon_circleCaretDown_white { - background-image: url('../resources/16px/circleCaretDown_white_16px.svg'); -} -.ebIcon_circleCaretLeft { - background-image: url('../resources/16px/circleCaretLeft_black_16px.svg'); -} -.ebIcon_circleCaretLeft_white { - background-image: url('../resources/16px/circleCaretLeft_white_16px.svg'); -} -.ebIcon_circleCaretRight { - background-image: url('../resources/16px/circleCaretRight_black_16px.svg'); -} -.ebIcon_circleCaretRight_white { - background-image: url('../resources/16px/circleCaretRight_white_16px.svg'); -} -.ebIcon_circleCaretUp { - background-image: url('../resources/16px/circleCaretUp_black_16px.svg'); -} -.ebIcon_circleCaretUp_white { - background-image: url('../resources/16px/circleCaretUp_white_16px.svg'); -} -.ebIcon_eLogo { - background-image: url('../resources/systemBar/econ01.svg'); -} -.ebIcon_comment { - background-image: url('../resources/16px/Comment_black_16px.svg'); -} -.ebIcon_comment_white { - background-image: url('../resources/16px/comment_white.svg'); -} -.ebIcon_copy { - background-image: url('../resources/16px/copy_black_16px.svg'); -} -.ebIcon_copy_white { - background-image: url('../resources/16px/copy_white_16px.svg'); -} -.ebIcon_cut { - background-image: url('../resources/16px/cut_black.svg'); -} -.ebIcon_cut_white { - background-image: url('../resources/16px/cut_white.svg'); -} -.ebIcon_delete { - background-image: url('../resources/16px/delete_black_16px.svg'); -} -.ebIcon_delete_white { - background-image: url('../resources/16px/delete_white_16px.svg'); -} -.ebIcon_duplicate { - background-image: url('../resources/16px/duplicate_black_16px.svg'); -} -.ebIcon_duplicate_white { - background-image: url('../resources/16px/duplicate_white_16px.svg'); -} -.ebIcon_edit { - background-image: url('../resources/16px/edit_black_16px.svg'); -} -.ebIcon_editWhite { - background-image: url('../resources/16px/edit_white_16px.svg'); -} -.ebIcon_newFile { - background-image: url('../resources/16px/newFile_black_16px.svg'); -} -.ebIcon_newFile_white { - background-image: url('../resources/16px/newFile_white_16px.svg'); -} -.ebIcon_save { - background-image: url('../resources/16px/save_black_16px.svg'); -} -.ebIcon_save_white { - background-size: contain; - background-image: url('../resources/16px/save_white.svg'); -} -.ebIcon_filter { - background-image: url('../resources/16px/filter_black_16px.svg'); -} -.ebIcon_filterOn { - background-image: url('../resources/16px/filters_on.svg'); -} -.ebIcon_filterOff { - background-image: url('../resources/16px/filters_off.svg'); -} -.ebIcon_filter_white { - background-image: url('../resources/16px/filter_white_16px.svg'); -} -.ebIcon_folder { - background-image: url('../resources/16px/folder_black_16px.svg'); -} -.ebIcon_folder_white { - background-image: url('../resources/16px/folder_white_16px.svg'); -} -.ebIcon_folderClosed { - background-image: url('../resources/16px/folderClosed_black.svg'); -} -.ebIcon_folderClosed_white { - background-image: url('../resources/16px/folderClosed_white.svg'); -} -.ebIcon_detach { - background-image: url('../resources/16px/detach_black_16px.svg'); -} -.ebIcon_detach_white { - background-size: contain; - background-image: url('../resources/16px/detach_white.svg'); -} -.ebIcon_import { - background-image: url('../resources/16px/import_black.svg'); -} -.ebIcon_import_white { - background-image: url('../resources/16px/import_white.svg'); -} -.ebIcon_export { - background-image: url('../resources/16px/export_black_16px.svg'); -} -.ebIcon_export_white { - background-image: url('../resources/16px/export_white.svg'); -} -.ebIcon_undo { - background-image: url('../resources/16px/undo_black_16px.svg'); -} -.ebIcon_undo_white { - background-image: url('../resources/16px/undo_white_16px.svg'); -} -.ebIcon_cancelled { - background-image: url('../resources/16px/Cancelled_Black_16px.svg'); -} -.ebIcon_draft { - background-size: contain; - background-image: url('../resources/16px/draft.svg'); -} -.ebIcon_importExport { - background-image: url('../resources/16px/import_export.svg'); -} -.ebIcon_login { - background-image: url('../resources/16px/login.svg'); -} -.ebIcon_move { - background-image: url('../resources/16px/move.svg'); -} -.ebIcon_remove { - background-image: url('../resources/16px/remove.svg'); -} -.ebIcon_valid { - background-image: url('../resources/16px/valid_icon.svg'); -} -.ebIcon_invalid { - background-image: url('../resources/16px/invalid_icon.svg'); -} -.ebIcon_error { - background-image: url('../resources/16px/error_red_16px.svg'); -} -.ebIcon_warning { - background-image: url('../resources/16px/warning_yellow_16px.svg'); -} -.ebIcon_warningOrange { - background-image: url('../resources/16px/warning_orange_16px.svg'); -} -.ebIcon_warning_white { - background-image: url('../resources/16px/warning_white.svg'); -} -.ebIcon_warningShield { - background-image: url('../resources/16px/warningShield_black_16px.svg'); -} -.ebIcon_warningShield_white { - background-size: contain; - background-image: url('../resources/16px/warningShield_white.svg'); -} -.ebIcon_mail { - background-image: url('../resources/16px/mail_black_16px.svg'); -} -.ebIcon_mail_white { - background-image: url('../resources/16px/mail_white_16px.svg'); -} -.ebIcon_mailRead { - background-image: url('../resources/16px/mailRead_black_16px.svg'); -} -.ebIcon_mailRead_white { - background-image: url('../resources/16px/mailRead_white_16px.svg'); -} -.ebIcon_link { - background-image: url('../resources/16px/Link_black_16px.svg');; -} -.ebIcon_lock { - background-image: url('../resources/16px/lock_black_16px.svg'); -} -.ebIcon_lock_white { - background-image: url('../resources/16px/lock_white_16px.svg'); -} -.ebIcon_unlock { - background-image: url('../resources/16px/unlock_black_16px.svg'); -} -.ebIcon_unlock_white { - background-image: url('../resources/16px/unlock_white_16px.svg'); -} -.ebIcon_logout { - background-image: url('../resources/16px/logout_black_16px.svg'); -} -.ebIcon_menu { - background-image: url('../resources/16px/menu_black_16px.svg'); -} -.ebIcon_menu_white { - background-image: url('../resources/16px/menu_white_16px.svg'); -} -.ebIcon_search { - background-image: url('../resources/16px/search_black_16px.svg'); -} -.ebIcon_searchWhite { - background-image: url('../resources/16px/search_white_16px.svg'); -} -.ebIcon_advancedSearch { - background-image: url('../resources/16px/advanced_search_black_16px.svg'); -} -.ebIcon_advancedSearchWhite { - background-image: url('../resources/16px/advanced_search_white_16px.svg'); -} -.ebIcon_share { - background-image: url('../resources/16px/share_black_16px.svg'); -} -.ebIcon_share_white { - background-image: url('../resources/16px/share_white.svg'); -} -.ebIcon_star { - background-image: url('../resources/16px/star_black_16px.svg'); -} -.ebIcon_star_white { - background-image: url('../resources/16px/star_white_16px.svg'); -} -.ebIcon_star_yellow { - background-image: url('../resources/16px/star_yellow_16px.svg'); -} -.ebIcon_starOutline { - background-image: url('../resources/16px/star_outline_black_16px.svg'); -} -.ebIcon_starOutline_white { - background-image: url('../resources/16px/star_outline_white_16px.svg'); -} -.ebIcon_starOutline_yellow { - background-image: url('../resources/16px/star_outline_yellow_16px.svg'); -} -.ebIcon_tick { - background-image: url('../resources/16px/tick_green_16px.svg'); -} -.ebIcon_tick_black { - background-image: url('../resources/16px/tick_16px.svg'); -} -.ebIcon_simpleGreenTick { - background-image: url('../resources/16px/simple_green_tick.svg'); -} -.ebIcon_simpleTick_black { - background-image: url('../resources/16px/simple_tick.svg'); -} -.ebIcon_download { - background-image: url('../resources/16px/download_black.svg'); -} -.ebIcon_download_white { - background-image: url('../resources/16px/download_white.svg'); -} -.ebIcon_downloadWhite { - background-image: url('../resources/16px/download_white_16px.svg'); -} -.ebIcon_documentWhite { - background-image: url('../resources/16px/document_white_16px.svg'); -} -.ebIcon_expand { - background-image: url('../resources/16px/expand_black_16px.svg'); -} -.ebIcon_rowCollapsed { - background-image: url('../resources/16px/rowCollapsed_black_16px.svg'); -} -.ebIcon_rowExpanded { - background-image: url('../resources/16px/rowExpanded_black_16px.svg'); -} -.ebIcon_rowView { - background-image: url('../resources/16px/rowView_black_16px.svg'); -} -.ebIcon_rowView_white { - background-image: url('../resources/16px/rowView_white.svg'); -} -.ebIcon_externalApp { - background-image: url('../resources/16px/externalApp_black_16px.svg'); -} -.ebIcon_externalApp_white { - background-image: url('../resources/16px/externalApp_white_16px.svg'); -} -.ebIcon_fullscreen { - background-image: url('../resources/16px/fullscreen_black_16px.svg'); -} -.ebIcon_fullscreenMinimize { - background-image: url('../resources/16px/fullscreenMinimise_black_16px.svg'); -} -.ebIcon_help { - background-image: url('../resources/16px/help_black_16px.svg'); -} -.ebIcon_help_white { - background-image: url('../resources/16px/help_white.svg'); -} -.ebIcon_info { - background-image: url('../resources/16px/info_black.svg'); -} -.ebIcon_info_white { - background-image: url('../resources/16px/info_white.svg'); -} -.ebIcon_dialogInfo { - background-image: url('../resources/16px/dialogInfo_blue.svg'); -} -.ebIcon_dialogInfo_white { - background-image: url('../resources/16px/dialogInfo_white.svg'); -} -.ebIcon_infoMsgIndicator { - background-image: url('../resources/16px/infoMsgIndicator_16px.svg'); -} -.ebIcon_exitFullscreen { - background-image: url('../resources/16px/minimiseFullscreen_black_16px.svg'); -} -.ebIcon_refresh { - background-image: url('../resources/16px/refresh_black_16px.svg'); -} -.ebIcon_refresh_white { - background-image: url('../resources/16px/refresh_white_16px.svg'); -} -.ebIcon_settings { - background-image: url('../resources/16px/settings_black_16px.svg'); -} -.ebIcon_settings_white { - background-image: url('../resources/16px/settings_white_16px.svg'); -} -.ebIcon_user { - background-image: url('../resources/16px/user_black_16px.svg'); -} -.ebIcon_user_white { - background-image: url('../resources/16px/user_white_16px.svg'); -} -.ebIcon_close { - background-image: url('../resources/16px/X_black_16px.svg'); -} -.ebIcon_close_white { - background-image: url('../resources/16px/close_white_16px.svg'); -} -.ebIcon_close_blue { - background-image: url('../resources/16px/X_blue_16px.svg'); -} -.ebIcon_close_paleBlue { - background-image: url('../resources/16px/X_paleBlue_16px.svg'); -} -.ebIcon_close_green { - background-image: url('../resources/16px/X_green_16px.svg'); -} -.ebIcon_close_orange { - background-image: url('../resources/16px/X_orange_16px.svg'); -} -.ebIcon_close_red { - background-image: url('../resources/16px/X_red_16px.svg'); -} -.ebIcon_close_yellow { - background-image: url('../resources/16px/X_yellow_16px.svg'); -} -.ebIcon_minus { - background-image: url('../resources/16px/minus_black_16px.svg'); -} -.ebIcon_plus { - background-image: url('../resources/16px/plus_black_16px.svg'); -} -.ebIcon_add { - background-image: url('../resources/16px/add_black_16px.svg'); -} -.ebIcon_add_white { - background-image: url('../resources/16px/add_white_16px.svg'); -} -.ebIcon_multiSelect { - background-image: url('../resources/16px/multiSelect_black_16px.svg'); -} -.ebIcon_multiSelect_white { - background-size: contain; - background-image: url('../resources/16px/multiSelect_white.svg'); -} -.ebIcon_multiSort { - background-image: url('../resources/16px/multi-sort.svg'); -} -.ebIcon_multiSort_white { - background-image: url('../resources/16px/multi-sort_white.svg'); -} -.ebIcon_sort { - background-image: url('../resources/16px/sort.svg'); -} -.ebIcon_sort_white { - background-image: url('../resources/16px/sort_white.svg'); -} -.ebIcon_stop { - background-image: url('../resources/16px/stop_black_16px.svg'); -} -.ebIcon_pause { - background-image: url('../resources/16px/pause_black_16px.svg'); -} -.ebIcon_suspend { - background-image: url('../resources/16px/suspend_black_16px.svg'); -} -.ebIcon_resume { - background-image: url('../resources/16px/resume_black_16px.svg'); -} -.ebIcon_play { - background-image: url('../resources/16px/play_black_16px.svg'); -} -.ebIcon_fastForward { - background-image: url('../resources/16px/fastForward_black_16px.svg'); -} -.ebIcon_fastRewind { - background-image: url('../resources/16px/fastRewind_black_16px.svg'); -} -.ebIcon_print { - background-image: url('../resources/16px/print_black_16px.svg'); -} -.ebIcon_print_white { - background-image: url('../resources/16px/print_white_16px.svg'); -} -.ebIcon_calendar { - background-image: url('../resources/16px/calendar_black_16px.svg'); -} -.ebIcon_calendar_white { - background-image: url('../resources/16px/calendar_white_16px.svg'); -} -.ebIcon_addToFolder { - background-image: url('../resources/16px/addToFolder_black.svg'); -} -.ebIcon_addToFolder_white { - background-image: url('../resources/16px/addToFolder_white.svg'); -} -.ebIcon_alarmCleared { - background-image: url('../resources/16px/alarmCleared_16px.svg'); -} -.ebIcon_alarmCleared_white { - background-image: url('../resources/16px/alarmCleared_white_16px.svg'); -} -.ebIcon_alarmCritical { - background-image: url('../resources/16px/alarmCritical_16px.svg'); -} -.ebIcon_alarmCritical_white { - background-image: url('../resources/16px/alarmCritical_white_16px.svg'); -} -.ebIcon_alarmHeartbeat { - background-image: url('../resources/16px/alarmHeartbeat_16px.svg'); -} -.ebIcon_alarmIndeterminate { - background-image: url('../resources/16px/alarmIndeterminate_16px.svg'); -} -.ebIcon_alarmIndeterminate_white { - background-image: url('../resources/16px/alarmIndeterminate_white_16px.svg'); -} -.ebIcon_alarmMajor { - background-image: url('../resources/16px/alarmMajor_16px.svg'); -} -.ebIcon_alarmMajor_white { - background-image: url('../resources/16px/alarmMajor_white_16px.svg'); -} -.ebIcon_alarmMinor { - background-image: url('../resources/16px/alarmMinor_16px.svg'); -} -.ebIcon_alarmMinor_white { - background-image: url('../resources/16px/alarmMinor_white_16px.svg'); -} -.ebIcon_alarmWarning { - background-image: url('../resources/16px/alarmWarning_16px.svg'); -} -.ebIcon_alarmWarning_white { - background-image: url('../resources/16px/alarmWarning_white_16px.svg'); -} -.ebIcon_alarmOtherGrouping { - background-image: url('../resources/16px/alarmOtherGrouping_16px.svg'); -} -.ebIcon_alarmUnacknowledged { - background-image: url('../resources/16px/alarmUnacknowledged.svg'); -} -.ebIcon_alarmUnacknowledged_white { - background-image: url('../resources/16px/alarmUnacknowledged_white.svg'); -} -.ebIcon_alarmUnspecified { - background-image: url('../resources/16px/alarmUnspecified_16px.svg'); -} -.ebIcon_acknowledgeAlarm { - background-image: url('../resources/16px/acknowledgeAlarm.svg'); -} -.ebIcon_acknowledgeAlarm_white { - background-image: url('../resources/16px/acknowledgeAlarm_white.svg'); -} -.ebIcon_clearAlarm { - background-image: url('../resources/16px/clearAlarm.svg'); -} -.ebIcon_clearAlarm_white { - background-image: url('../resources/16px/clearAlarm_white.svg'); -} -.ebIcon_bsc { - background-image: url('../resources/16px/BSC_black_16px.svg'); -} -.ebIcon_bscYellow { - background-image: url('../resources/16px/BSC_Yellow_16px.svg'); -} -.ebIcon_bscFunction { - background-image: url('../resources/16px/BSCFunction_black_16px.svg'); -} -.ebIcon_bscFunctionYellow { - background-image: url('../resources/16px/BSCFunction_Yellow_16px.svg'); -} -.ebIcon_cabinet { - background-image: url('../resources/16px/cabinet_black_16px.svg'); -} -.ebIcon_cellGray { - background-image: url('../resources/16px/cell_gray_16px.svg'); -} -.ebIcon_cellGreen { - background-image: url('../resources/16px/cell_green_16px.svg'); -} -.ebIcon_cellRed { - background-image: url('../resources/16px/cell_red_16px.svg'); -} -.ebIcon_cellAdjacent { - background-image: url('../resources/16px/cellAdjacent_16px.svg'); -} -.ebIcon_cellExternal { - background-image: url('../resources/16px/cellExternal_16px.svg'); -} -.ebIcon_charging { - background-image: url('../resources/16px/charging_black.svg'); -} -.ebIcon_charging_white { - background-size: contain; - background-image: url('../resources/16px/charging_white.svg'); -} -.ebIcon_connected { - background-image: url('../resources/16px/connected_black_16px.svg'); -} -.ebIcon_disconnected { - background-image: url('../resources/16px/disconnected_black_16px.svg'); -} -.ebIcon_connectionError { - background-image: url('../resources/16px/connectionError_black_16px.svg'); -} -.ebIcon_core { - background-image: url('../resources/16px/core_black_16px.svg'); -} -.ebIcon_coreSubscriber { - background-image: url('../resources/16px/coreSubscriber_black_16px.svg'); -} -.ebIcon_database { - background-image: url('../resources/16px/database_black_16px.svg'); -} -.ebIcon_ftpServer { - background-image: url('../resources/16px/ftpServer_black_16px.svg'); -} -.ebIcon_ftpServerFunction { - background-image: url('../resources/16px/ftpServerFunction_black_16px.svg'); -} -.ebIcon_gatewayFunction { - background-image: url('../resources/16px/gatewayFunction_black_16px.svg'); -} -.ebIcon_grabHandle { - background-image: url('../resources/16px/grabHandle_black_16px.svg'); -} -.ebIcon_grabHandle_white { - background-size: contain; - background-image: url('../resources/16px/grabHandle_white.svg'); -} -.ebIcon_managedFunction { - background-image: url('../resources/16px/managedFunction_black_16px.svg'); -} -.ebIcon_managedGroup { - background-image: url('../resources/16px/managedGroup_black_16px.svg'); -} -.ebIcon_managementNode { - background-image: url('../resources/16px/managementNode_black_16px.svg'); -} -.ebIcon_network { - background-image: url('../resources/16px/network_black_16px.svg'); -} -.ebIcon_networkElement { - background-image: url('../resources/16px/networkElement_black_16px.svg'); -} -.ebIcon_networkElement_white { - background-image: url('../resources/16px/networkElement_white_16px.svg'); -} -.ebIcon_rbs { - background-image: url('../resources/16px/RBS_black_16px.svg'); -} -.ebIcon_rbs_white { - background-image: url('../resources/16px/RBS_white_16px.svg'); -} -.ebIcon_routeSwitch { - background-image: url('../resources/16px/routeSwitch.svg'); -} -.ebIcon_rxi { - background-image: url('../resources/16px/rxi_black_16px.svg'); -} -.ebIcon_switchFunction { - background-image: url('../resources/16px/switchFunction_black_16px.svg'); -} -.ebIcon_technicianPresent { - background-image: url('../resources/16px/technicianPresent_16px.svg'); -} -.ebIcon_terminal { - background-image: url('../resources/16px/terminal_black_16px.svg'); -} -.ebIcon_topology { - background-image: url('../resources/16px/topology_black_16px.svg'); -} -.ebIcon_access { - background-image: url('../resources/16px/access_black_16px.svg'); -} -.ebIcon_access_white { - background-image: url('../resources/16px/access_white_16px.svg'); -} -.ebIcon_accessSettings { - background-image: url('../resources/16px/accessSettings_black_16px.svg'); -} -.ebIcon_accessSettings_white { - background-image: url('../resources/16px/accessSettings_white_16px.svg'); -} -.ebIcon_alignCenter { - background-image: url('../resources/16px/alignCenter_black_16px.svg'); -} -.ebIcon_alignCenter_white { - background-image: url('../resources/16px/alignCenter_white.svg'); -} -.ebIcon_alignLeft { - background-image: url('../resources/16px/alignLeft_black_16px.svg'); -} -.ebIcon_alignLeft_white { - background-image: url('../resources/16px/alignLeft_white.svg'); -} -.ebIcon_alignRight { - background-image: url('../resources/16px/alignRight_black_16px.svg'); -} -.ebIcon_alignRight_white { - background-image: url('../resources/16px/alignRight_white.svg'); -} -.ebIcon_cli { - background-image: url('../resources/16px/CommandLineInterface_black_16px.svg'); -} -.ebIcon_cli_white { - background-image: url('../resources/16px/CommandLineInterface_white_16px.svg'); -} -.ebIcon_controllingNode { - background-image: url('../resources/16px/controllingNode.svg'); -} -.ebIcon_grid3x3 { - background-image: url('../resources/16px/grid3X3_black_16px.svg'); -} -.ebIcon_grid3x3_white { - background-image: url('../resources/16px/grid3x3_white.svg'); -} -.ebIcon_grid4x4 { - background-image: url('../resources/16px/grid4X4_black_16px.svg'); -} -.ebIcon_grid4x4_white { - background-image: url('../resources/16px/grid4x4_white.svg'); -} -.ebIcon_gridView { - background-image: url('../resources/16px/gridView_black_16px.svg'); -} -.ebIcon_gridView_white { - background-image: url('../resources/16px/gridView_white.svg'); -} -.ebIcon_jumpTo { - background-image: url('../resources/16px/jumpTo_black_16px.svg'); -} -.ebIcon_microwave { - background-image: url('../resources/16px/microwave.svg'); -} -.ebIcon_mo { - background-image: url('../resources/16px/mo.svg'); -} -.ebIcon_security { - background-image: url('../resources/16px/security_black_16px.svg'); -} -.ebIcon_security_white { - background-image: url('../resources/16px/security_white_16px.svg'); -} -.ebIcon_site { - background-image: url('../resources/16px/site_black_16px.svg'); -} -.ebIcon_siteManager { - background-image: url('../resources/16px/siteManager_black_16px.svg'); -} -.ebIcon_subnetwork { - background-image: url('../resources/16px/subnetwork.svg'); -} -.ebIcon_gateway, -.ebIcon_switch { - background-image: url('../resources/16px/switch.svg'); -} -.ebIcon_tip { - background-image: url('../resources/16px/tip_black_16px.svg'); -} -.ebIcon_tip_white { - background-image: url('../resources/16px/tip_white_16px.svg'); -} -.ebIcon_attach { - background-image: url('../resources/16px/attach_black_16px.svg'); -} -.ebIcon_attach_white { - background-size: contain; - background-image: url('../resources/16px/attach_white.svg'); -} -.ebIcon_clock { - background-image: url('../resources/16px/clock_black_16px.svg'); -} -.ebIcon_clock_white { - background-image: url('../resources/16px/clock_white_16px.svg'); -} -.ebIcon_windowMaximize { - background-image: url('../resources/16px/WindowMaximize_black_16px.svg'); -} -.ebIcon_windowMinimize { - background-image: url('../resources/16px/WindowMinimize_black_16px.svg'); -} -.ebIcon_deprecated { - background-image: url('../resources/16px/deprecated_16px.svg'); -} -.ebIcon_obsolete { - background-image: url('../resources/16px/obsolete_16px.svg'); -} -.ebIcon_newStatus_blue { - background-image: url('../resources/16px/newStatus_blue_16px.svg'); -} -.ebIcon_newStatus_green { - background-image: url('../resources/16px/newStatus_green_16px.svg'); -} -.ebIcon_upload { - background-image: url('../resources/16px/upload_black_16px.svg'); -} -.ebIcon_activate { - background-image: url('../resources/16px/activate_black_16px.svg'); -} -.ebIcon_activate_white { - background-size: contain; - background-image: url('../resources/16px/activate_white.svg'); -} -.ebIcon_deactivate { - background-image: url('../resources/16px/deactivate_black_16px.svg'); -} -.ebIcon_deactivate_white { - background-size: contain; - background-image: url('../resources/16px/deactivate_white.svg'); -} -.ebIcon_switchBetween { - background-image: url('../resources/16px/switchBetween_black_16px.svg'); -} -.ebIcon_switchBetween_white { - background-image: url('../resources/16px/switchBetween_white_16px.svg'); -} -.ebIcon_eye { - background-image: url('../resources/16px/eye_black_16px.svg'); -} -.ebIcon_eye_white { - background-image: url('../resources/16px/eye_white_16px.svg'); -} -.ebIcon_eyeLine { - background-image: url('../resources/16px/eyeLine_black_16px.svg'); -} -.ebIcon_eyeLine_white { - background-image: url('../resources/16px/eyeLine_white.svg'); -} -.ebIcon_activityTray { - background-image: url('../resources/16px/activity_16px_black.svg'); -} -.ebIcon_note { - background-image: url('../resources/16px/note_black_16px.svg'); - background-size: contain; -} -.ebIcon_note_white { - background-image: url('../resources/16px/note_white_16px.svg'); -} -.ebIcon_tableView { - background-image: url('../resources/16px/tableView_black_16px.svg'); -} -.ebIcon_tableView_white { - background-image: url('../resources/16px/tableView_white_16px.svg'); -} -.ebIcon_synced { - background-image: url('../resources/16px/Syncd_16px.svg'); -} -.ebIcon_syncError { - background-image: url('../resources/16px/SyncError_16px.svg'); -} -.ebIcon_syncing { - background-image: url('../resources/16px/Syncing_Static_16px.svg'); -} -.ebIcon_syncing_animated { - background-image: url('../resources/16px/Syncing_Animated_16px.svg'); -} - - -/* Breadcrumb */ -.ebBreadcrumbs { - position: relative; - display: block; - font-size: 0; - margin-top: 12px; - margin-bottom: 4px; -} -.ebBreadcrumbs-link { - font-size: 1.2rem; - vertical-align: middle; - display: inline-block -} -.ebBreadcrumbs-list { - position: absolute; - left: 0; - margin-top: 6px; - display: none; - min-width: calc(100% - 16px); - max-width: 250px; - z-index: 1500 -} -.ebBreadcrumbs-arrow { - margin-left: .6rem; - vertical-align: middle; - outline: none; - display: inline-block; - line-height: 12px -} -.ebBreadcrumbs-arrow:focus>* { - opacity: 1 -} -.ebBreadcrumbs-arrow_hidden { - display: none -} -.ebBreadcrumbs-arrow:focus+.ebBreadcrumbs-list { - display: block -} -.ebBreadcrumbs-item { - position: relative; - font-size: 0; - white-space: nowrap; - display: inline-block; - margin-bottom: .8rem -} -.ebBreadcrumbs-item:after { - vertical-align: middle; - display: inline-block; - width: 20px; - content: "/"; - font-size: 1.6rem; - text-align: center; - color: #999; - cursor: default !important; - pointer-events: none !important; - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none -} -.ebBreadcrumbs-item:last-child { - margin-right: 0 -} -.ebBreadcrumbs-item:last-child>.ebBreadcrumbs-link { - -ms-touch-action: none !important; - touch-action: none !important; - -khtml-user-select: none !important; - -moz-user-select: none !important; - -o-user-select: none !important; - -webkit-user-select: none !important; - user-select: none -} -.ebBreadcrumbs-item:last-child:after { - content: ""; - padding: 0; - font-size: 0; - width: 0; -} - -.ebBreadcrumbs a { - font-size: 1.2rem; - color: #0066b3; - text-decoration: none; -} -.ebBreadcrumbs a:hover { - text-decoration: underline; - outline: none; -} -.ebBreadcrumbs a:active { - text-decoration: underline -} -.ebBreadcrumbs a:focus { - outline: none; - text-decoration: underline; - box-shadow: none; -} - -.title { - padding: 0px; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css deleted file mode 100644 index 86da161..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/showhideTextarea.css +++ /dev/null @@ -1,134 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -/* the div */ -.showHideTextarea{ -} - -/* the textarea */ -.showHideTextarea_hidden -{ - display: none; - width: 100%; - font-size: 15px; - height: 300px; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.showHideTextarea_displayed -{ - display: block; - width: 100%; - font-size: 15px; - height: 300px; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} -/* -.showHideTextarea_hidden textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -.showHideTextarea_displayed textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} -*/ -/* the button - show mode */ -.showHideTextarea_show{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - hide mode */ -.showHideTextarea_hide{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - disabled */ -.showHideTextarea_show_disabled{ - display: none; -} - -.showHideTextarea_hide_disabled{ - display: none; -} diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css deleted file mode 100644 index a1a8e47..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/css/styles.css +++ /dev/null @@ -1,556 +0,0 @@ -/* - * ============LICENSE_START======================================================= - * Copyright (C) 2016-2018 Ericsson. All rights reserved. - * Modifications Copyright (C) 2020 Nordix Foundation. - * ================================================================================ - * 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. - * - * SPDX-License-Identifier: Apache-2.0 - * ============LICENSE_END========================================================= - */ - -.layoutWrapper { - margin: 0 40px; -} - -.appHeading { - color:rgb(51, 51, 51); - display:block; - font-family:Arial, Helvetica, sans-serif; - font-size:12px; - height:32px; - line-height:12px; - position:relative; -} - -.headerAreaPlaceholder { - position: relative; - height: 28px; - background-color: #E8E8E8; - padding-top: 0.4rem; - margin: 12px 0px 0px; - border-radius: 3px; - margin-bottom: -42px; - z-index: -1; -} - -.headerArea { - top: 50px; - padding: 5px 0px 5px; - margin: 9px 0px 0px; - background-color: #E8E8E8; - border-radius: 3px; -} - -.menuArea { - float: left; -} - -.mainTabs { - position: absolute; - top: 20px; - bottom: 20px; - width: auto; - border: solid 1px #CCCCCC; -} - -.mainArea { - padding-bottom: 100px; /*height of footer*/ -} - -.footerArea { - position: fixed; - bottom: 0; - left: 0; - width: 100%; - height: 60px; - border: 3px solid #73AD21; - background-color: powderblue; -} - -.footerArea table { - width: auto; - border-spacing: 2; -} - -.footerArea td.static { - width: 150px; - vertical-align: top; - padding: 3px 3px 3px 3px; -} - -.footerArea td.scroll { - width: 90%; - vertical-align: top; -} - -.footerArea table.scroll { - width: 100%; - border-spacing: 2; -} - -.footerArea table.scroll tbody, .footerArea table.scroll tr { - display: block; -} - -.footerArea table.scroll tbody { - height: 90px; - overflow-y: auto; - overflow-x: hidden; -} - -.footerArea table.scroll tbody td { - width: auto; -} - -.footerArea table.scroll td { - border: solid 1px #CCCCCC; -} - -.footerArea table.scroll thead th:last-child { - width: auto; -} - -.footerArea thead tr { - height: 60px; - line-height: 30px; - text-align: left; -} - -.footerArea tbody td:last-child { - border-right: none !important; -} - -.edit_area_toggle_checkbox { - display: inline-block !important; - font-weight: normal !important; - font-size: 16px !important; -} - -.newModelFormDiv { - background-color: white; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 600px; - height: 420px; - resize: both; - overflow: auto; - padding: 10px 10px 10px 10px; - border: 1px solid #c0c0c0; - border-radius: 3px; - box-shadow: 0 3px 6px #999999; -} - -.newModelFormDiv .headingSpan { - width: 100%; - height: 30px; - display: inline-block; - text-align: center; - font-weight: bold; - font-size: 20px; - padding: 5px 0px 0px 0px; - border-bottom: #c0c0c0 solid 1px; -} - -.newModelDivBackground { - position: fixed; - height: 100%; - width: 100%; - background-color: rgba(0,0,0,0.5); - top: 0px; - left: 0px; -} - -.resultFormDiv { - background-color: white; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 600px; - height: 620px; - resize: both; - overflow: auto; - padding: 10px 10px 10px 10px; - border: 1px solid #c0c0c0; - border-radius: 3px; - box-shadow: 0 3px 6px #999999; -} - -.resultFormDiv .headingSpan { - width: 100%; - height: 30px; - display: inline-block; - text-align: center; - font-weight: bold; - font-size: 20px; - padding: 5px 0px 0px 0px; - border-bottom: #c0c0c0 solid 1px; -} - -.resultFormDiv .okButton { - font-size: 15px; - float: right; -} - -.resultFormDiv .form-style-1 .field-textarea { - height: 500px; - font-size: 15px; -} - - -.form-style-1 { - margin: 10px auto; - font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; -} - -.form-style-1 li { - padding: 0; - display: block; - list-style: none; - margin: 10px 0 0 0; -} - -.form-style-1 label { - margin: 0 0 3px 0; - padding: 0px; - display: block; - font-weight: bold; -} - -.form-style-1 input[type=text], .form-style-1 input[type=date], - .form-style-1 input[type=datetime], .form-style-1 input[type=number], - .form-style-1 input[type=search], .form-style-1 input[type=time], - .form-style-1 input[type=url], .form-style-1 input[type=email], - textarea, select { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 0px 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, - .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, - .form-style-1 input[type=search]:focus, .form-style-1 input[type=time]:focus, - .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, - .form-style-1 textarea:focus, .form-style-1 select:focus { - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} -.form-style-1 input:focus::-webkit-input-placeholder { color:transparent; } -.form-style-1 input:focus:-moz-placeholder { color:transparent; } - -.form-style-1 .field { - font-size: 15px; -} - -.form-style-1 .field-divided { - width: 49%; - font-size: 15px; -} - -.form-style-1 .field-long { - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-medium { - width: 50%; - font-size: 15px; -} - -.form-style-1 .field-select { - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-textarea { - height: 100px; - font-size: 15px; -} - -.form-style-1 .field-javaType{ - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-schemaFlavour{ - width: 100%; - font-size: 15px; -} - -.form-style-1 .field-taskSelLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-taskLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-finalizerLogic{ - width: 100%; - font-size: 15px; - height: 300px; -} - -.form-style-1 .field-schemaDefinition{ - width: 100%; - font-size: 15px; - height: 100px; -} - -.form-style-1 .required { - color: red; -} - -.form-style-1 .button { - font-size: 15px; -} - -.form-style-1 .delete_ex { - height: 30px; - width: 30px; - opacity: 1; - font-size: 30px; - line-height: 30px; - transition: all 0.8s; - border: 1px solid transparent; - text-align: center; -} -.form-style-1 .delete_ex:hover { - border-radius: 50%; - background: tomato; - border: 1px solid black; -} -.form-style-1 .delete_ex_disabled { - width: 0px; - opacity: 0; -} - - - -.hideable_div_hidden -{ - display: none; -} - -.hideable_div_displayed -{ - display: block; -} - - - -/* the textarea */ -.hideable_Textarea_hidden -{ - display: none; -} - -.hideable_Textarea_displayed -{ - display: block; - width: 100%; - height: 300px; -} - -.hideable_Textarea_hidden textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -.hideable_Textarea_displayed textarea:focus -{ - -moz-box-shadow: 0 0 8px #88D5E9; - -webkit-box-shadow: 0 0 8px #88D5E9; - box-shadow: 0 0 8px #88D5E9; - border: 1px solid #88D5E9; -} - -/* the button - show mode */ -.showhide_button_show{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -/* the button - hide mode */ -.showhide_button_hide{ - display: block; - width: 150px; - font-size: 15px; - background-color: #f6f6f6; - font-family: Helvetica, Arial, sans-serif; - font-weight: 300; - list-style: none; - cursor: pointer; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #BEBEBE; - padding: 7px; - margin: 0px; - -webkit-transition: all 0.30s ease-in-out; - -moz-transition: all 0.30s ease-in-out; - -ms-transition: all 0.30s ease-in-out; - -o-transition: all 0.30s ease-in-out; - outline: none; -} - -.showhide_div_hide{ - display: none; -} - -.showhide_div_show{ - display: block; -} - -.add-field { - display: inline-block; - cursor: pointer; - margin-left: 1px; -} - -.form-add-icon, .form-add-text { - display: inline-block; - vertical-align: middle; -} - -.form-add-text { - margin-left: 8px; -} - -.form-heading { - text-align: start; -} - -.ui-tabs-tab-custom { - border-radius: 5px 5px 0px 0px; -} - -.ui-tabs-active-custom { - border: 1px solid #ccc !important; - border-width: 1px 0 0 1px !important; - background-image: none !important; - background-color: #fff !important; - border-bottom-color: transparent !important; - cursor: default !important; -} - -.ui-tabs-anchor-custom { - color: #454545 !important; -} - -input:disabled { - background-color: #FF0000; -} - -.modelTagArea { - height: 24px; -} - -.modelTag { - display: none; -} - -.field-add-new { - display: none; -} - -.field-checkbox-center { - text-align: center; - vertical-align: middle; -} - -.placeholder { - text-align: center; - white-space: nowrap; -} - -.onapLogo { - padding-right: 100px; - height: 75px; - width: 350px; -} - -.apexLogo { - height: 267px; - width: 350px; -} - -.ui-tabs-panel { - overflow-x: auto; -} - -.periodic-events-checkbox { - margin-left: 12px; -} - -.periodic-events-label { - display: inline-block !important; - font-weight: normal !important; - font: 14px Lucida Sans Unicode, Lucida Grande, sans-serif !important; -} - -.policy-trigger-event { - display: inline-block !important; - font-weight: normal !important; -} - -input:focus::-webkit-input-placeholder { color:transparent; } -input:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ -input:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ -input:focus:-ms-input-placeholder { color:transparent; } /* IE */ - -textarea:focus::-webkit-input-placeholder { color:transparent; } -textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */ -textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */ -textarea:focus:-ms-input-placeholder { color:transparent; } /* IE */ - -.title { - padding: 0px; -}
\ No newline at end of file diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png Binary files differdeleted file mode 100644 index e71451f..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/Apex.png +++ /dev/null diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png Binary files differdeleted file mode 100644 index c6f6857..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/images/logo_onap.png +++ /dev/null diff --git a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html b/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html deleted file mode 100644 index a4a3039..0000000 --- a/gui-editors/gui-editor-apex/src/main/resources/webapp/dist/index.html +++ /dev/null @@ -1,211 +0,0 @@ -<!-- - ============LICENSE_START======================================================= - Copyright (C) 2016-2018 Ericsson. All rights reserved. - Modifications Copyright (C) 2020-2021 Nordix Foundation. - ================================================================================ - 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. - - SPDX-License-Identifier: Apache-2.0 - ============LICENSE_END========================================================= ---> - -<html> -<head> -<meta charset="UTF-8"> - -<title>Apex Policy Editor</title> - -<!-- Apex style --> -<link rel="stylesheet" type="text/css" href="css/styles.css" /> - -<!-- fileMenu style --> -<link rel="stylesheet" type="text/css" href="css/fileMenu.css"> - -<!-- contextMenu style --> -<link rel="stylesheet" type="text/css" href="css/contextMenu.css"> - -<!-- dropdownList style --> -<link rel="stylesheet" type="text/css" href="css/dropdownList.css"> - -<!-- showhideTextarea style --> -<link rel="stylesheet" type="text/css" href="css/showhideTextarea.css"> - -<!-- interface style --> -<link rel="stylesheet" type="text/css" href="css/interfaceAssets.css"> - -<!-- JQuery style --> -<link rel="stylesheet" href="js/jquery-ui-1.12.1/jquery-ui.css"> - - -</head> - -<body> - <div class="ebSystemBar"> - <div class="ebSystemBar-topMenuName">Apex</div> - </div> - - <div class="layoutWrapper"> - - <div class="ebBreadcrumbs"> - <div class="ebBreadcrumbs-item"> - <a href="javascript:getHomepageURL();" class="ebBreadcrumbs-link">Apex</a> - </div> - <div class="ebBreadcrumbs-item"> - <a href="" class="ebBreadcrumbs-link">Policy Editor</a> - </div> - </div> - - <div class="appHeading"> - <h1 class="title">Apex Policy Editor</h1> - </div> - - <div class="headerAreaPlaceholder"></div> - - - <div class="content" style="display: none;"> - <div class="headerArea"> - <div class="menuArea"> - <ul id="menu"> - <li id="menuFile" class="fileMenuButton">File - <ul> - <li id="menuFileNew">New <kbd>Ctrl+N</kbd></li> - <li id="menuFileOpen">Open... <kbd>Ctrl+O</kbd></li> - <li id="menuFileDownload">Download <kbd>Ctrl+S</kbd></li> - <li id="menuFileUpload">Upload <kbd>Ctrl+U</kbd></li> - <li id="menuFileClear">Clear<kbd>Ctrl+D</kbd></li> - <li class="divider"></li> - <li id="menuFileNewSession">New Session<kbd>Ctrl+R</kbd></li> - <li id="menuFileClose">Close <kbd>Ctrl+Q</kbd></li> - </ul> - </li> - <li id="menuModel" class="fileMenuButton">Model - <ul> - <li id="menuModelAnalyse">Analyse <kbd>Ctrl+A</kbd></li> - <li id="menuModelValidate">Validate <kbd>Ctrl+V</kbd></li> - <li id="menuModelCompare">Compare...</li> - <li id="menuModelSplit">Split...</li> - <li id="menuModelMerge">Merge...</li> - </ul> - </li> - <li id="menuConcept" class="fileMenuButton">Concepts - <ul> - <li id="menuConceptsContextSchemas">Context Item Schemas</li> - <li id="menuConceptsEvents">Events</li> - <li id="menuConceptsContextAlbums">Context Albums</li> - <li id="menuConceptsTasks">Tasks</li> - <li id="menuConceptsPolicies">Policies</li> - <li id="menuConceptsKeyInformation">Key Information</li> - </ul> - </li> - <li id="menuHelp" class="fileMenuButton">Help - <ul> - <li id="menuHelpAbout">About<kbd>F1</kbd></li> - </ul> - </li> - <div class="fileMenuSeperator"></div> - </ul> - - </div> - <div class="modelTagArea"> - <table class="modelTag"> - <tr> - <td id="modelNameLabel" class="modelNameLabel">Model Name:</td> - <td> </td> - <td id="modelName" class="modelName">N/A</td> - <td> </td> - <td id="modelVersionLabel" class="modelVersionLabel">Version:</td> - <td> </td> - <td id="modelVersion" class="modelVersion">N/A</td> - <td> </td> - <td id="modelFileNameLable" class="modelFileNameLabel">File - Name:</td> - <td> </td> - <td id="modelFileName" class="modelFileName">N/A</td> - </tr> - </table> - </div> - - </div> - - <div id="mainArea" class="mainArea"> - <div id="mainTabs" class="mainTabs"> - <ul> - <li><a href="#contextSchemasTab">Context Item Schemas</a></li> - <li><a href="#eventsTab">Events</a></li> - <li><a href="#contextAlbumsTab">Context Albums</a></li> - <li><a href="#tasksTab">Tasks</a></li> - <li><a href="#policiesTab">Policies</a></li> - <li><a href="#keyInformationTab">Key Information</a></li> - </ul> - - <div id="contextSchemasTab"> - <!-- Dynamically created form goes here--> - </div> - - <div id="eventsTab"> - <!-- Dynamically created form goes here--> - </div> - - <div id="contextAlbumsTab"> - <!-- Dynamically created form goes here--> - </div> - - <div id="tasksTab"> - <!-- Dynamically created form goes here--> - </div> - - <div id="policiesTab"> - <!-- Dynamically created form goes here--> - </div> - - <div id="keyInformationTab"> - <!-- Dynamically created form goes here--> - </div> - </div> - <div id="main-dialog"></div> - </div> - - <div class="placeholder"> - <!-- Placeholder for when no policy has been loaded yet --> - <img class="onapLogo placeholderLogo" src="images/logo_onap.png" - alt="ONAP"> <img class="apexLogo placeholderLogo" - src="images/Apex.png" alt="Apex"> - </div> - - <div class="ebInlineMessage"> - <div class="ebInlineMessage-iconHolder"> - <i id="ebInlineMessage-iconHolder-icon" class="ebIcon ebIcon_big"></i> - </div> - <div class="ebInlineMessage-contentHolder"> - <div class="ebInlineMessage-header" id="statusString"></div> - <div class="ebInlineMessage-separator"></div> - <div class="ebInlineMessage-description" id="statusMessageTable"></div> - </div> - </div> - </div> - </div> - - <!-- jQuery --> - <script src="js/jquery/jquery-3.4.1.min.js"></script> - <script src="js/jquery-ui-1.12.1/jquery-ui.js"></script> - - <!-- fileMenu JS file --> - <script type="text/javascript" src="js/fileMenu.js"></script> - <!-- showhideElement JS file --> - <script type="text/javascript" src="js/showhideElement.js"></script> - <!-- edit area JS file --> - <script language="javascript" type="text/javascript" src="js/edit_area/edit_area_full.js"></script> - <!-- generated bundle.js --> - <script type="text/javascript" src="bundle.js"></script> -</body> -</html> |