diff options
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css')
-rw-r--r-- | POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css | 336 |
1 files changed, 336 insertions, 0 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css new file mode 100644 index 000000000..78001f400 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/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 |