diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css')
3 files changed, 604 insertions, 0 deletions
diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/animations.css b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/animations.css new file mode 100644 index 000000000..50db9b001 --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/animations.css @@ -0,0 +1,183 @@ +/*- + * ============LICENSE_START======================================================= + * ECOMP Policy Engine + * ================================================================================ + * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * ================================================================================ + * 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. + * ============LICENSE_END========================================================= + */ + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + }; +} + +@keyframes fadeIn { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + }; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + }; +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + }; +} + +@keyframes rotate { + 100% { + transform: rotate(360deg); + }; +} + +@-webkit-keyframes rotate { + 100% { + -webkit-transform: rotate(360deg); + }; +} + +@keyframes colors { + 0% { + stroke: #4285F4; + } + + 25% { + stroke: #DE3E35; + } + + 50% { + stroke: #F7C223; + } + + 75% { + stroke: #1B9A59; + } + + 100% { + stroke: #4285F4; + }; +} + +@keyframes dash { + 0% { + stroke-dasharray: 1,150; + stroke-dashoffset: 0; + stroke: red; + } + + 50% { + stroke-dasharray: 90,150; + stroke-dashoffset: -35; + stroke: yellow; + } + + 100% { + stroke-dasharray: 90,150; + stroke-dashoffset: -124; + stroke: green; + }; +} + +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1,150; + stroke-dashoffset: 0; + } + + 50% { + stroke-dasharray: 90,150; + stroke-dashoffset: -35; + } + + 100% { + stroke-dasharray: 90,150; + stroke-dashoffset: -124; + }; +} + +.animated { + -webkit-animation-duration: .7s; + animation-duration: .7s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.modal.animated, +.animated.fast { + -webkit-animation-duration: .2s; + animation-duration: .2s; +} + +.animated.slow { + -webkit-animation-duration: 1.1s; + animation-duration: 1.1s; +} + +.animated.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +.animated.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +.spinner-container { + -webkit-animation: rotate 2s linear infinite; + animation: rotate 2s linear infinite; + z-index: 2; + width: 65px; + height: 65px; +} + +.spinner-container .path { + stroke-dasharray: 1,150; + stroke-dashoffset: 0; + stroke: #2196F3; + stroke-linecap: round; + -webkit-animation: dash 1.5s ease-in-out infinite, colors 5.6s ease-in-out infinite; + animation: dash 1.5s ease-in-out infinite, colors 5.6s ease-in-out infinite; +}
\ No newline at end of file diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/dialogs.css b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/dialogs.css new file mode 100644 index 000000000..60690c4fe --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/dialogs.css @@ -0,0 +1,85 @@ +/*- + * ============LICENSE_START======================================================= + * ECOMP Policy Engine + * ================================================================================ + * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * ================================================================================ + * 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. + * ============LICENSE_END========================================================= + */ + +.modal { + word-wrap: break-word; +} + +.modal .label.error-msg { + display: block; + font-size: 12px; + margin-top: 5px; + padding: 0; + padding: 5px; + margin-top: 10px; + text-align: left; +} + +.modal .label.error-msg > span { + white-space: pre-wrap; +} + +.modal .modal-header { + padding-bottom: 0; +} + +.modal .breadcrumb { + margin-bottom: 10px; +} + +.modal-fullscreen .modal-dialog, +.modal-fullscreen .modal-content { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.modal-fullscreen .modal-dialog { + margin: 0; + width: 100%; +} + +.modal-fullscreen .modal-content { + border: none; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inherit; + -moz-box-shadow: inherit; + -o-box-shadow: inherit; + box-shadow: inherit; +} + +.modal-fullscreen textarea.code { + min-height: 450px; +} + +.modal img.preview { + max-width: 100%; + max-height: 640px; + border-radius: 3px; +} + +.modal img.preview.loading { + width: 100%; + height: 1px; + opacity: 0; +}
\ No newline at end of file diff --git a/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/main.css b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/main.css new file mode 100644 index 000000000..78001f400 --- /dev/null +++ b/ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/main.css @@ -0,0 +1,336 @@ +/*- + * ============LICENSE_START======================================================= + * ECOMP Policy Engine + * ================================================================================ + * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * ================================================================================ + * 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. + * ============LICENSE_END========================================================= + */ + +body { + padding-top: 55px; + font-size: 14px; +} + +*, +*:focus { + outline: 0!important; +} + +.navbar { + min-height: 32px; +} + +.navbar .navbar-toggle { + padding: 5px 10px; +} + +.navbar .navbar-brand { + font-size: inherit; + height: 55px; + line-height: 100%; +} + +.navbar .navbar-form { + border-bottom: none; + border-top: none; + box-shadow: none; + padding: 0 10px; + margin-top: 10px; +} + +.breadcrumb { + border-radius: 0; +} + +.breadcrumb .btn { + margin-top: -5px; +} + +.btn.btn-default { + color: #444; + background-color: #FAFAFA; +} + +.btn { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26); + font-weight: 500; + letter-spacing: .01em; + border: none; +} + +textarea.code { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 13px; + min-height: 250px; + resize: vertical; + color: #000; +} + +.sub-header { + padding-bottom: 10px; + border-bottom: 1px solid #eee; +} + +.navbar-fixed-top { + border: 0; +} + +.sidebar { + display: none; +} + +.btn-go-back { + margin-top: -5px; +} + +a:hover { + text-decoration: none; +} + +.nav-sidebar { + margin-right: -21px; + margin-bottom: 20px; + margin-left: -20px; +} + +.nav-sidebar > li > a { + padding-right: 20px; + padding-left: 20px; +} + +.nav-sidebar > .active > a, +.nav-sidebar > .active > a:hover, +.nav-sidebar > .active > a:focus { + color: #fff; + background-color: #2196F3; +} + +.main { + padding: 0; +} + +.main .page-header { + margin-top: 0; +} + +.file-tree ul.nav.nav-sidebar { + margin: 0; + padding: 0; + padding-left: 12px; +} + +.file-tree ul.nav.nav-sidebar > li { + border-left: 1px solid #ddd; + padding-left: 4px; +} + +.file-tree ul.nav.nav-sidebar > li > a { + padding: 2px 2px 2px 4px; +} + +.file-tree ul.nav.nav-sidebar:first-child { + padding-left: 0; +} + +.file-tree ul.nav.nav-sidebar.file-tree-root > li { + border-left: none; + padding-left: 0px; +} + +.table td { + vertical-align: middle; +} + +#context-menu { + position: absolute; + display: none; + z-index: 9999; +} + +.iconset { + padding: 10px; +} + +.col-120 { + width: 100px; + max-height: 100px; + float: left; + margin-bottom: 9px; + margin-right: 9px; +} + +.col-120:last-child { + margin-right: 0; +} + +.iconset .thumbnail { + border-radius: 0; + overflow: hidden; + margin: 0; + padding: 0; + padding: 10px 0; + border: none; +} + +.iconset .thumbnail .item-icon { + font-size: 32px; +} + +.detail-sources { + text-overflow: ellipsis; + overflow: hidden; + word-wrap: break-word; +} + +::-webkit-scrollbar { + width: 10px; + height: 10px; + background-color: #fff; + box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07); +} + +::-webkit-scrollbar:hover { + background-color: #eee; +} + +::-webkit-scrollbar-thumb { + min-height: 0.8em; + min-width: 0.8em; + background-color: rgba(0, 0, 0, .2); + box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07); +} + +::-webkit-scrollbar-thumb:hover { + background-color: #bbb; +} + +::-webkit-scrollbar-thumb:active { + background-color: #888; +} + +.dropdown-menu.dropdown-right-click { + display: block; + position: static; + margin-bottom: 5px; + font-size: 1em; +} + +.dropdown-menu.dropdown-right-click>li>a { + padding: 5px 12px; +} + +.dropdown-menu.dropdown-right-click>li>a>i { + font-size: .9em; + margin-right: 1px; +} + +.dropdown-menu.dropdown-right-click .divider { + margin: 3px 0; +} + +.spinner-wrapper { + margin: 0 auto; + text-align: center; + margin-top: 8%; +} + +table th > a:hover, +table th > a:active, +table th > a:focus { + text-decoration: none; +} + +.sortorder:after { + color: #2196f3; + content: '\25bc'; +} + +.sortorder.reverse:after { + color: #2196f3; + content: '\25b2'; +} + +[ng\:cloak], [ng-cloak], +[data-ng-cloak], [x-ng-cloak], +.ng-cloak, .x-ng-cloak { + display: none !important; +} + +.mr2 { + margin-right: 2px; +} + +.mr5 { + margin-right: 5px; +} + +.mt10 { + margin-top: 10px; +} + +.mb0 { + margin-bottom: 0; +} + +.pointer { + cursor: pointer; +} + +.block { + display: block; +} + +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.bold { + font-weight: bold; +} + +@media (min-width: 768px) { + .main { + padding-right: 0; + padding-left: 0; + } + + .sidebar { + position: fixed; + top: 50px; + bottom: 0; + left: 0; + z-index: 1000; + display: block; + padding: 5px 0; + overflow-x: hidden; + overflow-y: auto; + background-color: #f5f5f5; + border-right: 1px solid #eee; + } +} + +@media (max-width: 768px) { + .navbar-form .btn { + margin-top: 5px; + } +} + +@media (max-width: 475px) { + .table.table-files .btn { + display: none; + } +}
\ No newline at end of file |