examples/view/chooser.css

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