examples/organizer/organizer.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 select{\r
  10         font-size:11px;\r
  11 }\r
  12 .image-tip{\r
  13         padding:4px;\r
  14         height:98px;\r
  15         white-space:nowrap;\r
  16 }\r
  17 .image-tip img {\r
  18         margin-right:10px;\r
  19         border:2px solid #083772;\r
  20 }\r
  21 .image-tip b{\r
  22         color: #083772;\r
  23         display: block;\r
  24         margin-bottom: 4px;\r
  25 }\r
  26 .image-tip span{\r
  27         display: block;\r
  28         margin-bottom: 5px;\r
  29         margin-left: 5px;\r
  30 }\r
  31 #images{\r
  32         background: #fff url( ../tree/center-bg.gif ) repeat-x top left;\r
  33         font: 11px Arial, Helvetica, sans-serif;\r
  34 }\r
  35 #images .thumb{\r
  36         background: #dddddd;\r
  37         padding:3px;\r
  38 }\r
  39 #images .thumb img{\r
  40         border:1px solid white;\r
  41         height: 60px;\r
  42         width: 80px;\r
  43 }\r
  44 #images .thumb-wrap{\r
  45         float: left;\r
  46         margin: 4px;\r
  47         margin-right: 0;\r
  48         padding: 5px;\r
  49 }\r
  50 #images .thumb-wrap span{\r
  51         display: block;\r
  52         overflow: hidden;\r
  53         text-align: center;\r
  54 }\r
  55 #images .x-view-selected .thumb{\r
  56         background:#8db2e3;\r
  57 }\r
  58 #images .loading-indicator {\r
  59         font-size:8pt;\r
  60         background-image:url(../../resources/images/default/grid/loading.gif);\r
  61         background-repeat: no-repeat;\r
  62         background-position: left;\r
  63         padding-left:20px;\r
  64         margin:10px;\r
  65 }\r
  66 .x-dd-drag-proxy .multi-proxy .thumb-img{\r
  67         height: 20px;\r
  68         width: 30px;\r
  69         margin:1px;\r
  70 }\r
  71 .x-dd-drag-proxy .thumb-img{\r
  72         height: 60px;\r
  73         width: 80px;\r
  74 }\r
  75 .image-node .x-tree-node-icon{\r
  76     margin-bottom:1px;\r
  77     height:15px;\r
  78 }\r
  79 .album-node .x-tree-node-icon, .album-btn{\r
  80     background-image:url( ../tree/album.gif ) !important;\r
  81 }\r
  82 #folders{\r
  83         position:relative;\r
  84 }