examples/view/data-view.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 #images-view .x-panel-body{\r
  10         background: white;\r
  11         font: 11px Arial, Helvetica, sans-serif;\r
  12 }\r
  13 #images-view .thumb{\r
  14         background: #dddddd;\r
  15         padding: 3px;\r
  16 }\r
  17 #images-view .thumb img{\r
  18         height: 60px;\r
  19         width: 80px;\r
  20 }\r
  21 #images-view .thumb-wrap{\r
  22         float: left;\r
  23         margin: 4px;\r
  24         margin-right: 0;\r
  25         padding: 5px;\r
  26 }\r
  27 #images-view .thumb-wrap span{\r
  28         display: block;\r
  29         overflow: hidden;\r
  30         text-align: center;\r
  31 }\r
  32 \r
  33 #images-view .x-view-over{\r
  34     border:1px solid #dddddd;\r
  35     background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;\r
  36         padding: 4px;\r
  37 }\r
  38 \r
  39 #images-view .x-view-selected{\r
  40         background: #eff5fb url(images/selected.gif) no-repeat right bottom;\r
  41         border:1px solid #99bbe8;\r
  42         padding: 4px;\r
  43 }\r
  44 #images-view .x-view-selected .thumb{\r
  45         background:transparent;\r
  46 }\r
  47 \r
  48 #images-view .loading-indicator {\r
  49         font-size:11px;\r
  50         background-image:url('../../resources/images/default/grid/loading.gif');\r
  51         background-repeat: no-repeat;\r
  52         background-position: left;\r
  53         padding-left:20px;\r
  54         margin:10px;\r
  55 }