philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/_grid.scss

   1 .x-grid-view{
   2         position:relative;
   3         overflow:hidden;
   4 }
   5
   6 .x-grid-header-ct{
   7         @include background(linear-gradient(top, #ccc, #aaa));
   8         @include box-shadow(0 1px 0 0 #999);
   9 }
  10
  11 .x-column-header{
  12         border-top:1px solid #DDD;
  13         padding:2px 5px;
  14         color:#222;
  15         text-shadow:0 1px 0 #FFF;
  16         white-space:nowrap;
  17 }
  18
  19 .x-column-header{
  20         overflow:hidden;
  21         .x-column-header-trigger{
  22                 display:none;
  23                 background: transparent murano-image('triggericons/spinner-down.png') center 6px no-repeat;
  24                 width:20px;
  25         }
  26         &-over, &-open{
  27                 .x-column-header-trigger{
  28                         display:block;
  29                         background-color:#AAA;
  30                         border-left:1px solid #FFF;
  31                         border-right:1px solid #888;
  32                 }
  33         }
  34 }
  35
  36
  37 .x-column-header-sort-DESC, .x-column-header-sort-ASC{
  38         border-top:1px solid #BBB;
  39         @include background(linear-gradient(top, #AAA, #888));
  40         @include box-shadow(0 1px 0 0 #777);
  41         text-shadow:0 1px 0 #DDD;
  42 }
  43
  44 .x-column-header-trigger{
  45         width:14px;
  46         height:100%;
  47         position:absolute;
  48         top:0;
  49         right:0;
  50 }
  51
  52
  53 .x-grid-table{
  54         font-size:inherit;
  55         border-collapse:separate;
  56         border-spacing:0;
  57         table-layout:fixed;
  58         td, th{
  59                 overflow:hidden;
  60                 text-align:left;
  61                 white-space:nowrap;
  62                 vertical-align:top;
  63         }
  64 }
  65 .x-grid-cell-inner{
  66         white-space:nowrap;
  67         overflow:hidden;
  68         text-overflow:ellipsis;
  69         padding:3px 6px;
  70 }
  71
  72
  73 .x-grid-row{
  74         td{
  75                 border-top:1px solid transparent;
  76                 border-bottom:1px solid transparent;
  77         }
  78 }
  79
  80 .x-grid-row-alt{
  81         background: wha(.1);
  82         td{
  83                 border-top:1px solid wha(.05);
  84                 border-bottom:1px solid wha(.05);
  85         }
  86 }
  87
  88 .x-grid-row-over{
  89         td{
  90                 background: wha(.05);
  91         }
  92 }
  93
  94 .x-grid-row-selected{
  95         @include background-image($gloss-gradient);
  96         background-color:#222;
  97         td{
  98                 border-top:1px solid #CCC;
  99                 border-bottom:1px solid #777;
 100         }
 101 }
 102
 103 .x-grid-resize-marker{
 104         background:#FFF;
 105         width:1px;
 106         position:absolute;
 107 }