Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / view / data-view.css

diff --git a/examples/view/data-view.css b/examples/view/data-view.css
index cd09f64..3607bb1 100644 (file)
--- a/examples/view/data-view.css
+++ b/examples/view/data-view.css
@@ -1,53 +1,72 @@
-/*!
- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-#images-view .x-panel-body{\r
-       background: white;\r
-       font: 11px Arial, Helvetica, sans-serif;\r
-}\r
-#images-view .thumb{\r
-       background: #dddddd;\r
-       padding: 3px;\r
-}\r
-#images-view .thumb img{\r
-       height: 60px;\r
-       width: 80px;\r
-}\r
-#images-view .thumb-wrap{\r
-       float: left;\r
-       margin: 4px;\r
-       margin-right: 0;\r
-       padding: 5px;\r
-}\r
-#images-view .thumb-wrap span{\r
-       display: block;\r
-       overflow: hidden;\r
-       text-align: center;\r
-}\r
-\r
-#images-view .x-view-over{\r
-    border:1px solid #dddddd;\r
-    background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;\r
-       padding: 4px;\r
-}\r
-\r
-#images-view .x-view-selected{\r
-       background: #eff5fb url(images/selected.gif) no-repeat right bottom;\r
-       border:1px solid #99bbe8;\r
-       padding: 4px;\r
-}\r
-#images-view .x-view-selected .thumb{\r
-       background:transparent;\r
-}\r
-\r
-#images-view .loading-indicator {\r
-       font-size:11px;\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
+#images-view .x-panel-body{
+    background: white;
+    font: 11px Arial, Helvetica, sans-serif;
+}
+#images-view .thumb{
+    background: #dddddd;
+    padding: 3px;
+    padding-bottom: 0;
+}
+
+.x-quirks #images-view .thumb {
+    padding-bottom: 3px;
+}
+
+#images-view .thumb img{
+    height: 60px;
+    width: 80px;
+}
+#images-view .thumb-wrap{
+    float: left;
+    margin: 4px;
+    margin-right: 0;
+    padding: 5px;
+}
+#images-view .thumb-wrap span {
+    
+    display: block;
+    overflow: hidden;
+    text-align: center;
+    width: 86px; // for ie to ensure that the text is centered
+}
+
+#images-view .x-item-over{
+    border:1px solid #dddddd;
+    background: #efefef url(over.gif) repeat-x left top;
+    padding: 4px;
+}
+
+#images-view .x-item-selected{
+    background: #eff5fb url(selected.gif) no-repeat right bottom;
+    border:1px solid #99bbe8;
+    padding: 4px;
+}
+#images-view .x-item-selected .thumb{
+    background:transparent;
+}
+
+#images-view .loading-indicator {
+    font-size:11px;
+    background-image:url('../../resources/themes/images/default/grid/loading.gif');
+    background-repeat: no-repeat;
+    background-position: left;
+    padding-left:20px;
+    margin:10px;
+}
+
+.x-view-selector {
+    position:absolute;
+    left:0;
+    top:0;
+    width:0;
+    border:1px dotted;
+    opacity: .5;
+    -moz-opacity: .5;
+    filter:alpha(opacity=50);
+    zoom:1;
+    background-color:#c3daf9;
+    border-color:#3399bb;
+}.ext-strict .ext-ie .x-tree .x-panel-bwrap{
+    position:relative;
+    overflow:hidden;
 }
\ No newline at end of file