ecomp-sdk-app/src/main/webapp/app/policyApp/policy-models/Editor/src/css/main.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ECOMP Policy Engine
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 body {
  22   padding-top: 55px;
  23   font-size: 14px;
  24 }
  25
  26 *,
  27 *:focus {
  28   outline: 0!important;
  29 }
  30
  31 .navbar {
  32   min-height: 32px;
  33 }
  34
  35 .navbar .navbar-toggle {
  36   padding: 5px 10px;
  37 }
  38
  39 .navbar .navbar-brand {
  40   font-size: inherit;
  41   height: 55px;
  42   line-height: 100%;
  43 }
  44
  45 .navbar .navbar-form {
  46   border-bottom: none;
  47   border-top: none;
  48   box-shadow: none;
  49   padding: 0 10px;
  50   margin-top: 10px;
  51 }
  52
  53 .breadcrumb {
  54   border-radius: 0;
  55 }
  56
  57 .breadcrumb .btn {
  58   margin-top: -5px;
  59 }
  60
  61 .btn.btn-default {
  62   color: #444;
  63   background-color: #FAFAFA;
  64 }
  65
  66 .btn {
  67   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
  68   font-weight: 500;
  69   letter-spacing: .01em;
  70   border: none;
  71 }
  72
  73 textarea.code {
  74   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  75   font-size: 13px;
  76   min-height: 250px;
  77   resize: vertical;
  78   color: #000;
  79 }
  80
  81 .sub-header {
  82   padding-bottom: 10px;
  83   border-bottom: 1px solid #eee;
  84 }
  85
  86 .navbar-fixed-top {
  87   border: 0;
  88 }
  89
  90 .sidebar {
  91   display: none;
  92 }
  93
  94 .btn-go-back {
  95   margin-top: -5px;
  96 }
  97
  98 a:hover {
  99   text-decoration: none;
 100 }
 101
 102 .nav-sidebar {
 103   margin-right: -21px;
 104   margin-bottom: 20px;
 105   margin-left: -20px;
 106 }
 107
 108 .nav-sidebar > li > a {
 109   padding-right: 20px;
 110   padding-left: 20px;
 111 }
 112
 113 .nav-sidebar > .active > a,
 114 .nav-sidebar > .active > a:hover,
 115 .nav-sidebar > .active > a:focus {
 116   color: #fff;
 117   background-color: #2196F3;
 118 }
 119
 120 .main {
 121   padding: 0;
 122 }
 123
 124 .main .page-header {
 125   margin-top: 0;
 126 }
 127
 128 .file-tree ul.nav.nav-sidebar {
 129   margin: 0;
 130   padding: 0;
 131   padding-left: 12px;
 132 }
 133
 134 .file-tree ul.nav.nav-sidebar > li {
 135   border-left: 1px solid #ddd;
 136   padding-left: 4px;
 137 }
 138
 139 .file-tree ul.nav.nav-sidebar > li > a {
 140   padding: 2px 2px 2px 4px;
 141 }
 142
 143 .file-tree ul.nav.nav-sidebar:first-child {
 144   padding-left: 0;
 145 }
 146
 147 .file-tree ul.nav.nav-sidebar.file-tree-root > li {
 148   border-left: none;
 149   padding-left: 0px;
 150 }
 151
 152 .table td {
 153   vertical-align: middle;
 154 }
 155
 156 #context-menu {
 157   position: absolute;
 158   display: none;
 159   z-index: 9999;
 160 }
 161
 162 .iconset {
 163   padding: 10px;
 164 }
 165
 166 .col-120 {
 167   width: 100px;
 168   max-height: 100px;
 169   float: left;
 170   margin-bottom: 9px;
 171   margin-right: 9px;
 172 }
 173
 174 .col-120:last-child {
 175   margin-right: 0;
 176 }
 177
 178 .iconset .thumbnail {
 179   border-radius: 0;
 180   overflow: hidden;
 181   margin: 0;
 182   padding: 0;
 183   padding: 10px 0;
 184   border: none;
 185 }
 186
 187 .iconset .thumbnail .item-icon {
 188   font-size: 32px;
 189 }
 190
 191 .detail-sources {
 192   text-overflow: ellipsis;
 193   overflow: hidden;
 194   word-wrap: break-word;
 195 }
 196
 197 ::-webkit-scrollbar {
 198   width: 10px;
 199   height: 10px;
 200   background-color: #fff;
 201   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
 202 }
 203
 204 ::-webkit-scrollbar:hover {
 205   background-color: #eee;
 206 }
 207
 208 ::-webkit-scrollbar-thumb {
 209   min-height: 0.8em;
 210   min-width: 0.8em;
 211   background-color: rgba(0, 0, 0, .2);
 212   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
 213 }
 214
 215 ::-webkit-scrollbar-thumb:hover {
 216   background-color: #bbb;
 217 }
 218
 219 ::-webkit-scrollbar-thumb:active {
 220   background-color: #888;
 221 }
 222
 223 .dropdown-menu.dropdown-right-click {
 224   display: block;
 225   position: static;
 226   margin-bottom: 5px;
 227   font-size: 1em;
 228 }
 229
 230 .dropdown-menu.dropdown-right-click>li>a {
 231   padding: 5px 12px;
 232 }
 233
 234 .dropdown-menu.dropdown-right-click>li>a>i {
 235   font-size: .9em;
 236   margin-right: 1px;
 237 }
 238
 239 .dropdown-menu.dropdown-right-click .divider {
 240   margin: 3px 0;
 241 }
 242
 243 .spinner-wrapper {
 244   margin: 0 auto;
 245   text-align: center;
 246   margin-top: 8%;
 247 }
 248
 249 table th > a:hover,
 250 table th > a:active,
 251 table th > a:focus {
 252   text-decoration: none;
 253 }
 254
 255 .sortorder:after {
 256   color: #2196f3;
 257   content: '\25bc';
 258 }
 259
 260 .sortorder.reverse:after {
 261   color: #2196f3;
 262   content: '\25b2';
 263 }
 264
 265 [ng\:cloak], [ng-cloak],
 266 [data-ng-cloak], [x-ng-cloak],
 267 .ng-cloak, .x-ng-cloak {
 268   display: none !important;
 269 }
 270
 271 .mr2 {
 272   margin-right: 2px;
 273 }
 274
 275 .mr5 {
 276   margin-right: 5px;
 277 }
 278
 279 .mt10 {
 280   margin-top: 10px;
 281 }
 282
 283 .mb0 {
 284   margin-bottom: 0;
 285 }
 286
 287 .pointer {
 288   cursor: pointer;
 289 }
 290
 291 .block {
 292   display: block;
 293 }
 294
 295 .ellipsis {
 296   overflow: hidden;
 297   text-overflow: ellipsis;
 298   white-space: nowrap;
 299 }
 300
 301 .bold {
 302   font-weight: bold;
 303 }
 304
 305 @media (min-width: 768px) {
 306   .main {
 307     padding-right: 0;
 308     padding-left: 0;
 309   }
 310
 311   .sidebar {
 312     position: fixed;
 313     top: 50px;
 314     bottom: 0;
 315     left: 0;
 316     z-index: 1000;
 317     display: block;
 318     padding: 5px 0;
 319     overflow-x: hidden;
 320     overflow-y: auto;
 321     background-color: #f5f5f5;
 322     border-right: 1px solid #eee;
 323   }
 324 }
 325
 326 @media (max-width: 768px) {
 327   .navbar-form .btn {
 328     margin-top: 5px;
 329   }
 330 }
 331
 332 @media (max-width: 475px) {
 333   .table.table-files .btn {
 334     display: none;
 335   }
 336 }