examples/view/data-view.css

   1 #images-view .x-panel-body{
   2     background: white;
   3     font: 11px Arial, Helvetica, sans-serif;
   4 }
   5 #images-view .thumb{
   6     background: #dddddd;
   7     padding: 3px;
   8     padding-bottom: 0;
   9 }
  10
  11 .x-quirks #images-view .thumb {
  12     padding-bottom: 3px;
  13 }
  14
  15 #images-view .thumb img{
  16     height: 60px;
  17     width: 80px;
  18 }
  19 #images-view .thumb-wrap{
  20     float: left;
  21     margin: 4px;
  22     margin-right: 0;
  23     padding: 5px;
  24 }
  25 #images-view .thumb-wrap span {
  26
  27     display: block;
  28     overflow: hidden;
  29     text-align: center;
  30     width: 86px; // for ie to ensure that the text is centered
  31 }
  32
  33 #images-view .x-item-over{
  34     border:1px solid #dddddd;
  35     background: #efefef url(over.gif) repeat-x left top;
  36     padding: 4px;
  37 }
  38
  39 #images-view .x-item-selected{
  40     background: #eff5fb url(selected.gif) no-repeat right bottom;
  41     border:1px solid #99bbe8;
  42     padding: 4px;
  43 }
  44 #images-view .x-item-selected .thumb{
  45     background:transparent;
  46 }
  47
  48 #images-view .loading-indicator {
  49     font-size:11px;
  50     background-image:url('../../resources/themes/images/default/grid/loading.gif');
  51     background-repeat: no-repeat;
  52     background-position: left;
  53     padding-left:20px;
  54     margin:10px;
  55 }
  56
  57 .x-view-selector {
  58     position:absolute;
  59     left:0;
  60     top:0;
  61     width:0;
  62     border:1px dotted;
  63     opacity: .5;
  64     -moz-opacity: .5;
  65     filter:alpha(opacity=50);
  66     zoom:1;
  67     background-color:#c3daf9;
  68     border-color:#3399bb;
  69 }.ext-strict .ext-ie .x-tree .x-panel-bwrap{
  70     position:relative;
  71     overflow:hidden;
  72 }