extjs/examples/classic/view/chooser/chooser.css

   1 #img-chooser-dlg .details {
   2     text-align: center;
   3 }
   4
   5 #img-chooser-dlg .details-info {
   6     border-top: 1px solid #cccccc;
   7     font: 11px Arial, Helvetica, sans-serif;
   8     margin-top: 5px;
   9     padding-top: 5px;
  10     text-align: left;
  11 }
  12
  13 #img-chooser-dlg .details-info b {
  14     color: #555555;
  15     display: block;
  16     margin-bottom: 4px;
  17     margin-left: 5px;
  18 }
  19
  20 #img-chooser-dlg .details-info span {
  21     display: block;
  22     margin-bottom: 5px;
  23     margin-left: 10px;
  24 }
  25
  26 #img-chooser-view {
  27     background: white;
  28     font: 11px Arial, Helvetica, sans-serif;
  29 }
  30
  31 #img-chooser-view .thumb {
  32     padding: 3px;
  33 }
  34
  35 #img-chooser-view .thumb-wrap {
  36     float: left;
  37     margin: 4px;
  38     margin-right: 0;
  39     padding: 5px;
  40 }
  41
  42 #img-chooser-view .thumb-wrap span {
  43     display: block;
  44     overflow: hidden;
  45     text-align: center;
  46 }
  47
  48 #img-chooser-view .x-view-over {
  49     border:1px solid #dddddd;
  50     background-color: #efefef;
  51     padding: 4px;
  52 }
  53
  54 #img-chooser-view .x-item-selected {
  55     background: #DFEDFF;
  56     border: 1px solid #6593cf;
  57     padding: 4px;
  58 }
  59
  60 #img-chooser-view .x-item-selected .thumb {
  61     background:transparent;
  62 }
  63
  64 #img-chooser-view .x-item-selected span {
  65     color:#1A4D8F;
  66 }
  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 }
  76
  77 #images img {
  78     margin: 20px;
  79 }