examples/view/data-view.css

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 #images-view .x-panel-body{
   8         background: white;
   9         font: 11px Arial, Helvetica, sans-serif;
  10 }
  11 #images-view .thumb{
  12         background: #dddddd;
  13         padding: 3px;
  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         display: block;
  27         overflow: hidden;
  28         text-align: center;
  29 }
  30
  31 #images-view .x-view-over{
  32     border:1px solid #dddddd;
  33     background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
  34         padding: 4px;
  35 }
  36
  37 #images-view .x-view-selected{
  38         background: #eff5fb url(images/selected.gif) no-repeat right bottom;
  39         border:1px solid #99bbe8;
  40         padding: 4px;
  41 }
  42 #images-view .x-view-selected .thumb{
  43         background:transparent;
  44 }
  45
  46 #images-view .loading-indicator {
  47         font-size:11px;
  48         background-image:url('../../resources/images/default/grid/loading.gif');
  49         background-repeat: no-repeat;
  50         background-position: left;
  51         padding-left:20px;
  52         margin:10px;
  53 }