ONAP-SDK-APP/src/main/webapp/static/fusion/css/att_angular_gridster/sandbox-gridster.css

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