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