examples/image-organizer/img-org.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 .x-dd-drag-proxy .multi-proxy .thumb-img{
   8     height: auto;
   9         width: 40px;
  10         margin:1px;
  11 }
  12 .x-dd-drag-proxy .thumb-img{
  13         height: 60px;
  14         width: 80px;
  15 }
  16
  17 .images-view .x-panel-body {
  18     font: 11px Arial, Helvetica, sans-serif;
  19 }
  20 .images-view .thumb img {
  21     height: 60px;
  22     width: auto;
  23 }
  24 .images-view .thumb-wrap {
  25     float: left;
  26     margin: 5px 0 5px 5px;
  27     background: #EFF5FB;
  28     border: 1px solid #99BBE8;
  29     padding: 15px;
  30 }
  31 .images-view .thumb-wrap span {
  32     display: block;
  33     overflow: hidden;
  34     text-align: center;
  35 }
  36
  37 .images-view div.x-view-selected {
  38     background-color: #99BBE8;
  39 }
  40
  41 .album-node .x-tree-node-icon, .album-btn{
  42     background-image:url( ../tree/album.gif ) !important;
  43 }
  44 div.upload-file {
  45     border-bottom: 1px solid #99BBE8;
  46     padding: 10px;
  47 }
  48 div.upload-file-selected {
  49     background:#EFF5FB url(../view/images/selected.gif) repeat-x;
  50 }
  51 div.upload-name {
  52     width: 300px;
  53     float: left;
  54 }
  55 div.upload-pb {
  56     width: 300px;
  57     float: left;
  58 }
  59 div.upload-info, div.album-details {
  60     color: gray;
  61     font-size: smaller;
  62 }
  63
  64 .image-prop-header {
  65     padding-left: 10px;
  66     padding-top: 10px;
  67     border-bottom: 1px solid #99BBE8;
  68 }
  69
  70 .image-prop {
  71     padding-left: 20px;
  72     padding-top: 3px;
  73 }
  74
  75 div.album-wrap {
  76     background-color: #EFF5FB;
  77     padding: 1em;
  78     text-align: center;
  79     margin:3px;
  80     border: 1px solid #99BBE8;
  81     height: 150px;
  82 }
  83
  84 /* Toolbar Icons */
  85 .upload {
  86     background-image: url(images/icons/box_upload.png) !important;
  87 }
  88 .add {
  89     background-image: url(images/icons/folder_add.png) !important;
  90 }
  91 .start-upload {
  92     background-image: url(images/icons/arrow_up.png) !important;
  93 }
  94 .cancel {
  95     background-image: url(images/icons/cancel.png) !important;
  96 }
  97 .album-add {
  98     background-image: url(images/icons/folder_add_sm.png) !important;
  99 }
 100 .tag {
 101     background-image: url(images/icons/tag_blue_add.png) !important;
 102 }