Upgrade to ExtJS 4.0.1 - Released 05/18/2011

[extjs.git] / examples / organizer / organizer.css

diff --git a/examples/organizer/organizer.css b/examples/organizer/organizer.css
index 9e5b5d8..45d629e 100644 (file)
--- a/examples/organizer/organizer.css
+++ b/examples/organizer/organizer.css
@@ -1,74 +1,63 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */

 select{
 select{

-       font-size:11px;
+    font-size:11px;

 }
 .image-tip{
 }
 .image-tip{

-       padding:4px;
-       height:98px;
-       white-space:nowrap;
+    padding:4px;
+    height:98px;
+    white-space:nowrap;

 }
 .image-tip img {
 }
 .image-tip img {

-       margin-right:10px;
-       border:2px solid #083772;
+    margin-right:10px;
+    border:2px solid #083772;

 }
 .image-tip b{
 }
 .image-tip b{

-       color: #083772;
-       display: block;
-       margin-bottom: 4px;
+    color: #083772;
+    display: block;
+    margin-bottom: 4px;

 }
 .image-tip span{
 }
 .image-tip span{

-       display: block;
-       margin-bottom: 5px;
-       margin-left: 5px;
-}
-#images{
-       background: #fff url( ../tree/center-bg.gif ) repeat-x top left;
-       font: 11px Arial, Helvetica, sans-serif;
-}
-#images .thumb{
-       background: #dddddd;
-       padding:3px;
-}
-#images .thumb img{
-       border:1px solid white;
-       height: 60px;
-       width: 80px;
-}
-#images .thumb-wrap{
-       float: left;
-       margin: 4px;
-       margin-right: 0;
-       padding: 5px;
-}
-#images .thumb-wrap span{
-       display: block;
-       overflow: hidden;
-       text-align: center;
-}
-#images .x-view-selected .thumb{
-       background:#8db2e3;
-}
-#images .loading-indicator {
-       font-size:8pt;
-       background-image:url(../../resources/images/default/grid/loading.gif);
-       background-repeat: no-repeat;
-       background-position: left;
-       padding-left:20px;
-       margin:10px;
+    display: block;
+    margin-bottom: 5px;
+    margin-left: 5px;
+}
+.x-image-view{
+    font: 11px Arial, Helvetica, sans-serif;
+}
+.x-image-view .thumb{
+    padding:3px;
+}
+
+.x-image-view .thumb-wrap{
+    float: left;
+    margin: 4px;
+    margin-right: 0;
+    padding: 5px;
+}
+.x-image-view .thumb-wrap span{
+    display: block;
+    overflow: hidden;
+    text-align: center;
+    width: 76px; // for ie to ensure that the text is centered
+}
+.x-image-view .x-item-selected .thumb {
+    background:#8db2e3;
+}
+.x-image-view .loading-indicator {
+    font-size:8pt;
+    background-image:url(../../resources/images/default/grid/loading.gif);
+    background-repeat: no-repeat;
+    background-position: left;
+    padding-left:20px;
+    margin:10px;

 }
 .x-dd-drag-proxy .multi-proxy .thumb-img{
 }
 .x-dd-drag-proxy .multi-proxy .thumb-img{

-       height: 20px;
-       width: 30px;
-       margin:1px;
+    height: 20px;
+    width: 30px;
+    margin:1px;

 }
 .x-dd-drag-proxy .thumb-img{
 }
 .x-dd-drag-proxy .thumb-img{

-       height: 60px;
-       width: 80px;
+    height: 60px;
+    width: 80px;

 }
 .image-node .x-tree-node-icon{
     margin-bottom:1px;
 }
 .image-node .x-tree-node-icon{
     margin-bottom:1px;


@@ -77,6 +66,8 @@ select{
 .album-node .x-tree-node-icon, .album-btn{
     background-image:url( ../tree/album.gif ) !important;
 }
 .album-node .x-tree-node-icon, .album-btn{
     background-image:url( ../tree/album.gif ) !important;
 }

-#folders{
-       position:relative;
+
+.x-dataview-draggable-ghost img {
+    width: 20px;
+    margin: 0 5px 5px 0;

 }
\ No newline at end of file
 }
\ No newline at end of file