gerrit.onap Code Review - portal/sdk.git/blob

   1 /**
   2  * gridster.js - v0.2.1 - 2013-10-28 * http://gridster.net
   3  * Copyright (c) 2013 ducksboard; Licensed MIT
   4  */
   5
   6 .gridster {
   7         position: relative;
   8         margin: auto;
   9         height: 0;
  10 }
  11
  12 .gridster > ul {
  13         margin: 0;
  14         list-style: none;
  15         padding: 0;
  16 }
  17
  18 .gridster-item {
  19         -webkit-box-sizing: border-box;
  20         -moz-box-sizing: border-box;
  21         box-sizing: border-box;
  22         list-style: none;
  23         z-index: 2;
  24         position: absolute;
  25         display: none;
  26 }
  27
  28 .gridster-loaded {
  29         -webkit-transition: height .3s;
  30         -moz-transition: height .3s;
  31         -o-transition: height .3s;
  32         transition: height .3s;
  33
  34         .gridster-item {
  35                 display: block;
  36                 position: absolute;
  37                 -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  38                 -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  39                 -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  40                 transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  41                 -webkit-transition-delay: 50ms;
  42                 -moz-transition-delay: 50ms;
  43                 -o-transition-delay: 50ms;
  44                 transition-delay: 50ms;
  45         }
  46
  47         .gridster-preview-holder {
  48                 display: none;
  49                 z-index: 1;
  50                 position: absolute;
  51                 background-color: #ddd;
  52                 border-color: #fff;
  53                 opacity: 0.2;
  54         }
  55
  56         .gridster-item.gridster-item-moving,
  57         .gridster-preview-holder {
  58                 -webkit-transition: none;
  59                 -moz-transition: none;
  60                 -o-transition: none;
  61                 transition: none;
  62         }
  63 }
  64
  65 .gridster-mobile {
  66         height: auto !important;
  67
  68         .gridster-item {
  69                 height: auto;
  70                 position: static;
  71                 float: none;
  72         }
  73 }
  74
  75 .gridster-item.ng-leave.ng-leave-active {
  76         opacity: 0;
  77 }
  78 .gridster-item.ng-enter {
  79         opacity: 1;
  80 }
  81
  82 .gridster-item-moving {
  83         z-index: 3;
  84 }
  85
  86 /* RESIZE */
  87 .gridster-item-resizable-handler {
  88         position: absolute;
  89         font-size: 1px;
  90         display: block;
  91         z-index: 5;
  92 }
  93
  94 .handle-se {
  95         cursor: se-resize;
  96         width: 0;
  97         height: 0;
  98         right: 1px;
  99         bottom: 1px;
 100         border-style: solid;
 101         border-width: 0 0 12px 12px;
 102         border-color: transparent;
 103 }
 104
 105 .handle-ne {
 106         cursor: ne-resize;
 107         width: 12px;
 108         height: 12px;
 109         right: 1px;
 110         top: 1px;
 111 }
 112
 113 .handle-nw {
 114         cursor: nw-resize;
 115         width: 12px;
 116         height: 12px;
 117         left: 1px;
 118         top: 1px;
 119 }
 120
 121 .handle-sw {
 122         cursor: sw-resize;
 123         width: 12px;
 124         height: 12px;
 125         left: 1px;
 126         bottom: 1px;
 127 }
 128
 129 .handle-e {
 130         cursor: e-resize;
 131         width: 12px;
 132         bottom: 0;
 133         right: 1px;
 134         top: 0;
 135 }
 136
 137 .handle-s {
 138         cursor: s-resize;
 139         height: 12px;
 140         right: 0;
 141         bottom: 1px;
 142         left: 0;
 143 }
 144
 145 .handle-n {
 146         cursor: n-resize;
 147         height: 12px;
 148         right: 0;
 149         top: 1px;
 150         left: 0;
 151 }
 152
 153 .handle-w {
 154         cursor: w-resize;
 155         width: 12px;
 156         left: 1px;
 157         top: 0;
 158         bottom: 0;
 159 }
 160
 161 .gridster .gridster-item:hover .gridster-box {
 162         border: 1.5px solid #B3B2B3;
 163 }
 164
 165 .gridster .gridster-item:hover .handle-se {
 166         border-color: transparent transparent #ccc;
 167 }