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