examples/view/chooser.css

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 #img-chooser-dlg .details{\r
   8     padding: 10px;\r
   9     text-align: center;\r
  10 }\r
  11 #img-chooser-dlg .details-info{\r
  12     border-top: 1px solid #cccccc;\r
  13     font: 11px Arial, Helvetica, sans-serif;\r
  14     margin-top: 5px;\r
  15     padding-top: 5px;\r
  16     text-align: left;\r
  17 }\r
  18 #img-chooser-dlg .details-info b{\r
  19     color: #555555;\r
  20     display: block;\r
  21     margin-bottom: 4px;\r
  22 }\r
  23 #img-chooser-dlg .details-info span{\r
  24     display: block;\r
  25     margin-bottom: 5px;\r
  26     margin-left: 5px;\r
  27 }\r
  28 \r
  29 #img-chooser-view{\r
  30     background: white;\r
  31     font: 11px Arial, Helvetica, sans-serif;\r
  32 }\r
  33 #img-chooser-view .thumb{\r
  34     background: #dddddd;\r
  35     padding: 3px;\r
  36 }\r
  37 #img-chooser-view .thumb img{\r
  38     height: 60px;\r
  39     width: 80px;\r
  40 }\r
  41 #img-chooser-view .thumb-wrap{\r
  42     float: left;\r
  43     margin: 4px;\r
  44     margin-right: 0;\r
  45     padding: 5px;\r
  46 }\r
  47 #img-chooser-view .thumb-wrap span{\r
  48     display: block;\r
  49     overflow: hidden;\r
  50     text-align: center;\r
  51 }\r
  52 #img-chooser-view .x-view-over{\r
  53     border:1px solid #dddddd;\r
  54     background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;\r
  55     padding: 4px;\r
  56 }\r
  57 #img-chooser-view .x-view-selected{\r
  58     background: #DFEDFF;\r
  59     border: 1px solid #6593cf;\r
  60     padding: 4px;\r
  61 }\r
  62 #img-chooser-view .x-view-selected .thumb{\r
  63     background:transparent;\r
  64 }\r
  65 #img-chooser-view .x-view-selected span{\r
  66     color:#1A4D8F;\r
  67 }\r
  68 #img-chooser-view .loading-indicator {\r
  69     font-size:11px;\r
  70     background-image:url('../../resources/images/grid/loading.gif');\r
  71     background-repeat: no-repeat;\r
  72     background-position: left;\r
  73     padding-left:20px;\r
  74     margin:10px;\r
  75 }\r