Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / view / animated-dataview.css

diff --git a/examples/view/animated-dataview.css b/examples/view/animated-dataview.css
index 20c386f..adf79f7 100644 (file)
--- a/examples/view/animated-dataview.css
+++ b/examples/view/animated-dataview.css
@@ -1,65 +1,53 @@
-/*!
- * Ext JS Library 3.3.1
- * Copyright(c) 2006-2010 Sencha Inc.
- * licensing@sencha.com
- * http://www.sencha.com/license
- */
 #phones {
     background-color: #fff;
     text-shadow: #fff 0 1px 0;
-}
-
-#phones ul {
     position: relative;
     display: block;
     height: auto;
-    font-size: 85%;
 }
 
-#phones ul li img {
+#phones div.phone img {
     margin-bottom: 1px;
 }
 
-#phones ul li {
+#phones div.phone {
     float: left;
     padding: 8px 17px;
     margin: 5px;
 /*    margin: 10px 0 0 25px;*/
     text-align: center;
-    line-height: 1.25em;
+    line-height: 14px;
     color: #333;
+    font-size: 10px;
     font-family: "Helvetica Neue",sans-serif;
-    height: 113px;
-    width: 112px;
+    height: 130px;
+    width: 140px;
     overflow: hidden;
     border-top: 1px solid transparent;
     cursor: pointer;
 }
 
-/*#phones ul li.phone-hover {
-    background-color: #eee;
-}*/
+.x-ie6 #phones div.phone,
+.x-ie7 #phones div.phone,
+.x-ie8 #phones div.phone {
+    border-top: none;
+    padding: 3px 2px;
+    margin: 2px;
+}
 
-#phones ul li.x-view-selected {
-    background-color: rgba(100, 100, 100, .15);
-    -moz-border-radius: 8px;
-    -webkit-border-radius: 8px;
-    border-top: 1px solid rgba(0, 0, 0, .15);
+#phones div.phone-hover {
+    background-color: #eee;
 }
 
-#phones ul li img {
-/*    display: block;*/
+#phones .x-item-selected {
+    background-color: #D3E1F1 !important;
 }
 
-#phones li strong {
+#phones div.phone strong {
     color: #000;
     display: block;
 }
 
-#phones li span {
+#phones div.phone span {
     color: #999;
 }
-
-.x-slider-horz .x-slider-thumb {
-    background-image: url(images/slider-thumb.png);
-}
\ No newline at end of file