third-party/slickgrid-2.1/slick.grid.css

   1 /*
   2 IMPORTANT:
   3 In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
   4 No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
   5 classes should alter those!
   6 */
   7
   8 .slick-header.ui-state-default, .slick-headerrow.ui-state-default {
   9   width: 100%;
  10   overflow: hidden;
  11   border-left: 0px;
  12 }
  13
  14 .slick-header-columns, .slick-headerrow-columns {
  15   position: relative;
  16   white-space: nowrap;
  17   cursor: default;
  18   overflow: hidden;
  19 }
  20
  21 .slick-header-column.ui-state-default {
  22   position: relative;
  23   display: inline-block;
  24   overflow: hidden;
  25   -o-text-overflow: ellipsis;
  26   text-overflow: ellipsis;
  27   height: 16px;
  28   line-height: 16px;
  29   margin: 0;
  30   padding: 4px;
  31   border-right: 1px solid silver;
  32   border-left: 0px;
  33   border-top: 0px;
  34   border-bottom: 0px;
  35   float: left;
  36 }
  37
  38 .slick-headerrow-column.ui-state-default {
  39   padding: 4px;
  40 }
  41
  42 .slick-header-column-sorted {
  43   font-style: italic;
  44 }
  45
  46 .slick-sort-indicator {
  47   display: inline-block;
  48   width: 8px;
  49   height: 5px;
  50   margin-left: 4px;
  51   margin-top: 6px;
  52   float: left;
  53 }
  54
  55 .slick-sort-indicator-desc {
  56   background: url(images/sort-desc.gif);
  57 }
  58
  59 .slick-sort-indicator-asc {
  60   background: url(images/sort-asc.gif);
  61 }
  62
  63 .slick-resizable-handle {
  64   position: absolute;
  65   font-size: 0.1px;
  66   display: block;
  67   cursor: col-resize;
  68   width: 4px;
  69   right: 0px;
  70   top: 0;
  71   height: 100%;
  72 }
  73
  74 .slick-sortable-placeholder {
  75   background: silver;
  76 }
  77
  78 .grid-canvas {
  79   position: relative;
  80   outline: 0;
  81 }
  82
  83 .slick-row.ui-widget-content, .slick-row.ui-state-active {
  84   position: absolute;
  85   border: 0px;
  86   width: 100%;
  87 }
  88
  89 .slick-cell, .slick-headerrow-column {
  90   position: absolute;
  91   border: 1px solid transparent;
  92   border-right: 1px dotted silver;
  93   border-bottom-color: silver;
  94   overflow: hidden;
  95   -o-text-overflow: ellipsis;
  96   text-overflow: ellipsis;
  97   vertical-align: middle;
  98   z-index: 1;
  99   padding: 1px 2px 2px 1px;
 100   margin: 0;
 101   white-space: nowrap;
 102   cursor: default;
 103 }
 104
 105 .slick-group {
 106 }
 107
 108 .slick-group-toggle {
 109   display: inline-block;
 110 }
 111
 112 .slick-cell.highlighted {
 113   background: lightskyblue;
 114   background: rgba(0, 0, 255, 0.2);
 115   -webkit-transition: all 0.5s;
 116   -moz-transition: all 0.5s;
 117   -o-transition: all 0.5s;
 118   transition: all 0.5s;
 119 }
 120
 121 .slick-cell.flashing {
 122   border: 1px solid red !important;
 123 }
 124
 125 .slick-cell.editable {
 126   z-index: 11;
 127   overflow: visible;
 128   background: white;
 129   border-color: black;
 130   border-style: solid;
 131 }
 132
 133 .slick-cell:focus {
 134   outline: none;
 135 }
 136
 137 .slick-reorder-proxy {
 138   display: inline-block;
 139   background: blue;
 140   opacity: 0.15;
 141   filter: alpha(opacity = 15);
 142   cursor: move;
 143 }
 144
 145 .slick-reorder-guide {
 146   display: inline-block;
 147   height: 2px;
 148   background: blue;
 149   opacity: 0.7;
 150   filter: alpha(opacity = 70);
 151 }
 152
 153 .slick-selection {
 154   z-index: 10;
 155   position: absolute;
 156   border: 2px dashed black;
 157 }