public/bower_components/angular-gridster/dist/angular-gridster.css

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