Policy 1707 commit to LF
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / Editor / css / main.css
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 (file)
index 0000000..78001f4
--- /dev/null
@@ -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