POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP 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-pedefault {
  62         color: #444;
  63         background-color: #FAFAFA;
  64 }
  65
  66 .btn.btn-default {
  67   color: #444;
  68   background-color: #FAFAFA;
  69 }
  70
  71 .btn-add-remove {
  72   color: #444;
  73   background-color: #FAFAFA;
  74   margin-right: 12px;
  75   margin-bottom: 10px;
  76 }
  77
  78 .child_single {
  79   color: #444;
  80   background-color: #FAFAFA;
  81   margin-left: 0px;
  82   margin-bottom: 10px;
  83   border: 1px solid #ccc;
  84   border-radius: 4px;
  85 }
  86
  87 .children_group {
  88     color: #444;
  89     background-color: white;
  90     margin-left: 20px;
  91     margin-bottom: 20px;
  92     margin-top: 20px;
  93     margin-right: 20px;
  94     padding-top: 10px;
  95     padding-left: 10px;
  96     padding-right: 20px;
  97     padding-bottom: 10px;
  98     border: 1px solid #ccc;
  99     border-radius: 4px;
 100 }
 101
 102 .btn {
 103   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
 104   font-weight: 500;
 105   letter-spacing: .01em;
 106   border: none;
 107 }
 108
 109 textarea.code {
 110   font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
 111   font-size: 13px;
 112   min-height: 250px;
 113   resize: vertical;
 114   color: #000;
 115 }
 116
 117 .sub-header {
 118   padding-bottom: 10px;
 119   border-bottom: 1px solid #eee;
 120 }
 121
 122 .navbar-fixed-top {
 123   border: 0;
 124 }
 125
 126 .sidebar {
 127   display: none;
 128 }
 129
 130 .btn-go-back {
 131   margin-top: -5px;
 132 }
 133
 134 a:hover {
 135   text-decoration: none;
 136 }
 137
 138 .nav-sidebar {
 139   margin-right: -21px;
 140   margin-bottom: 20px;
 141   margin-left: -20px;
 142 }
 143
 144 .nav-sidebar > li > a {
 145   padding-right: 20px;
 146   padding-left: 20px;
 147 }
 148
 149 .nav-sidebar > .active > a,
 150 .nav-sidebar > .active > a:hover,
 151 .nav-sidebar > .active > a:focus {
 152   color: #fff;
 153   background-color: #2196F3;
 154 }
 155
 156 .main {
 157   padding: 0;
 158 }
 159
 160 .main .page-header {
 161   margin-top: 0;
 162 }
 163
 164 .file-tree ul.nav.nav-sidebar {
 165   margin: 0;
 166   padding: 0;
 167   padding-left: 12px;
 168 }
 169
 170 .file-tree ul.nav.nav-sidebar > li {
 171   border-left: 1px solid #ddd;
 172   padding-left: 4px;
 173 }
 174
 175 .file-tree ul.nav.nav-sidebar > li > a {
 176   padding: 2px 2px 2px 4px;
 177 }
 178
 179 .file-tree ul.nav.nav-sidebar:first-child {
 180   padding-left: 0;
 181 }
 182
 183 .file-tree ul.nav.nav-sidebar.file-tree-root > li {
 184   border-left: none;
 185   padding-left: 0px;
 186 }
 187
 188 .table td {
 189   vertical-align: middle;
 190 }
 191
 192 #context-menu {
 193   position: absolute;
 194   display: none;
 195   z-index: 9999;
 196 }
 197
 198 .iconset {
 199   padding: 10px;
 200 }
 201
 202 .col-120 {
 203   width: 100px;
 204   max-height: 100px;
 205   float: left;
 206   margin-bottom: 9px;
 207   margin-right: 9px;
 208 }
 209
 210 .col-120:last-child {
 211   margin-right: 0;
 212 }
 213
 214 .iconset .thumbnail {
 215   border-radius: 0;
 216   overflow: hidden;
 217   margin: 0;
 218   padding: 0;
 219   padding: 10px 0;
 220   border: none;
 221 }
 222
 223 .iconset .thumbnail .item-icon {
 224   font-size: 32px;
 225 }
 226
 227 .detail-sources {
 228   text-overflow: ellipsis;
 229   overflow: hidden;
 230   word-wrap: break-word;
 231 }
 232
 233 ::-webkit-scrollbar {
 234   width: 10px;
 235   height: 10px;
 236   background-color: #fff;
 237   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
 238 }
 239
 240 ::-webkit-scrollbar:hover {
 241   background-color: #eee;
 242 }
 243
 244 ::-webkit-scrollbar-thumb {
 245   min-height: 0.8em;
 246   min-width: 0.8em;
 247   background-color: rgba(0, 0, 0, .2);
 248   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07);
 249 }
 250
 251 ::-webkit-scrollbar-thumb:hover {
 252   background-color: #bbb;
 253 }
 254
 255 ::-webkit-scrollbar-thumb:active {
 256   background-color: #888;
 257 }
 258
 259 .dropdown-menu.dropdown-right-click {
 260   display: block;
 261   position: static;
 262   margin-bottom: 5px;
 263   font-size: 1em;
 264 }
 265
 266 .dropdown-menu.dropdown-right-click>li>a {
 267   padding: 5px 12px;
 268 }
 269
 270 .dropdown-menu.dropdown-right-click>li>a>i {
 271   font-size: .9em;
 272   margin-right: 1px;
 273 }
 274
 275 .dropdown-menu.dropdown-right-click .divider {
 276   margin: 3px 0;
 277 }
 278
 279 .spinner-wrapper {
 280   margin: 0 auto;
 281   text-align: center;
 282   margin-top: 8%;
 283 }
 284
 285 table th > a:hover,
 286 table th > a:active,
 287 table th > a:focus {
 288   text-decoration: none;
 289 }
 290
 291 .sortorder:after {
 292   color: #2196f3;
 293   content: '\25bc';
 294 }
 295
 296 .sortorder.reverse:after {
 297   color: #2196f3;
 298   content: '\25b2';
 299 }
 300
 301 [ng\:cloak], [ng-cloak],
 302 [data-ng-cloak], [x-ng-cloak],
 303 .ng-cloak, .x-ng-cloak {
 304   display: none !important;
 305 }
 306
 307 .mr2 {
 308   margin-right: 2px;
 309 }
 310
 311 .mr5 {
 312   margin-right: 5px;
 313 }
 314
 315 .mt10 {
 316   margin-top: 10px;
 317 }
 318
 319 .mb0 {
 320   margin-bottom: 0;
 321 }
 322
 323 .pointer {
 324   cursor: pointer;
 325 }
 326
 327 .block {
 328   display: block;
 329 }
 330
 331 .ellipsis {
 332   overflow: hidden;
 333   text-overflow: ellipsis;
 334   white-space: nowrap;
 335 }
 336
 337 .bold {
 338   font-weight: bold;
 339 }
 340
 341 @media (min-width: 768px) {
 342   .main {
 343     padding-right: 0;
 344     padding-left: 0;
 345   }
 346
 347   .sidebar {
 348     position: fixed;
 349     top: 50px;
 350     bottom: 0;
 351     left: 0;
 352     z-index: 1000;
 353     display: block;
 354     padding: 5px 0;
 355     overflow-x: hidden;
 356     overflow-y: auto;
 357     background-color: #f5f5f5;
 358     border-right: 1px solid #eee;
 359   }
 360 }
 361
 362 @media (max-width: 768px) {
 363   .navbar-form .btn {
 364     margin-top: 5px;
 365   }
 366 }
 367
 368 @media (max-width: 475px) {
 369   .table.table-files .btn {
 370     display: none;
 371   }
 372 }