Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / examples / organizer / organizer.css
index 9322e33..45d629e 100644 (file)
@@ -1,82 +1,73 @@
-/*!
- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-select{\r
-       font-size:11px;\r
-}\r
-.image-tip{\r
-       padding:4px;\r
-       height:98px;\r
-       white-space:nowrap;\r
-}\r
-.image-tip img {\r
-       margin-right:10px;\r
-       border:2px solid #083772;\r
-}\r
-.image-tip b{\r
-       color: #083772;\r
-       display: block;\r
-       margin-bottom: 4px;\r
-}\r
-.image-tip span{\r
-       display: block;\r
-       margin-bottom: 5px;\r
-       margin-left: 5px;\r
-}\r
-#images{\r
-       background: #fff url( ../tree/center-bg.gif ) repeat-x top left;\r
-       font: 11px Arial, Helvetica, sans-serif;\r
-}\r
-#images .thumb{\r
-       background: #dddddd;\r
-       padding:3px;\r
-}\r
-#images .thumb img{\r
-       border:1px solid white;\r
-       height: 60px;\r
-       width: 80px;\r
-}\r
-#images .thumb-wrap{\r
-       float: left;\r
-       margin: 4px;\r
-       margin-right: 0;\r
-       padding: 5px;\r
-}\r
-#images .thumb-wrap span{\r
-       display: block;\r
-       overflow: hidden;\r
-       text-align: center;\r
-}\r
-#images .x-view-selected .thumb{\r
-       background:#8db2e3;\r
-}\r
-#images .loading-indicator {\r
-       font-size:8pt;\r
-       background-image:url(../../resources/images/default/grid/loading.gif);\r
-       background-repeat: no-repeat;\r
-       background-position: left;\r
-       padding-left:20px;\r
-       margin:10px;\r
-}\r
-.x-dd-drag-proxy .multi-proxy .thumb-img{\r
-       height: 20px;\r
-       width: 30px;\r
-       margin:1px;\r
-}\r
-.x-dd-drag-proxy .thumb-img{\r
-       height: 60px;\r
-       width: 80px;\r
-}\r
-.image-node .x-tree-node-icon{\r
-    margin-bottom:1px;\r
-    height:15px;\r
-}\r
-.album-node .x-tree-node-icon, .album-btn{\r
-    background-image:url( ../tree/album.gif ) !important;\r
-}\r
-#folders{\r
-       position:relative;\r
+select{
+    font-size:11px;
+}
+.image-tip{
+    padding:4px;
+    height:98px;
+    white-space:nowrap;
+}
+.image-tip img {
+    margin-right:10px;
+    border:2px solid #083772;
+}
+.image-tip b{
+    color: #083772;
+    display: block;
+    margin-bottom: 4px;
+}
+.image-tip span{
+    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{
+    height: 20px;
+    width: 30px;
+    margin:1px;
+}
+.x-dd-drag-proxy .thumb-img{
+    height: 60px;
+    width: 80px;
+}
+.image-node .x-tree-node-icon{
+    margin-bottom:1px;
+    height:15px;
+}
+.album-node .x-tree-node-icon, .album-btn{
+    background-image:url( ../tree/album.gif ) !important;
+}
+
+.x-dataview-draggable-ghost img {
+    width: 20px;
+    margin: 0 5px 5px 0;
 }
\ No newline at end of file