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