Upgrade to ExtJS 4.0.7 - Released 10/19/2011

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

diff --git a/examples/view/animated-dataview.css b/examples/view/animated-dataview.css
index f98fc77..adf79f7 100644 (file)
--- a/examples/view/animated-dataview.css
+++ b/examples/view/animated-dataview.css
@@ -1,65 +1,53 @@
-/*!
- * Ext JS Library 3.2.1
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
- */

 #phones {
     background-color: #fff;
     text-shadow: #fff 0 1px 0;
 #phones {
     background-color: #fff;
     text-shadow: #fff 0 1px 0;

-}
-
-#phones ul {

     position: relative;
     display: block;
     height: auto;
     position: relative;
     display: block;
     height: auto;

-    font-size: 85%;

 }
 
 }
 

-#phones ul li img {
+#phones div.phone img {

     margin-bottom: 1px;
 }
 
     margin-bottom: 1px;
 }
 

-#phones ul li {
+#phones div.phone {

     float: left;
     padding: 8px 17px;
     margin: 5px;
 /*    margin: 10px 0 0 25px;*/
     text-align: center;
     float: left;
     padding: 8px 17px;
     margin: 5px;
 /*    margin: 10px 0 0 25px;*/
     text-align: center;

-    line-height: 1.25em;
+    line-height: 14px;

     color: #333;
     color: #333;

+    font-size: 10px;

     font-family: "Helvetica Neue",sans-serif;
     font-family: "Helvetica Neue",sans-serif;

-    height: 113px;
-    width: 112px;
+    height: 130px;
+    width: 140px;

     overflow: hidden;
     border-top: 1px solid transparent;
     cursor: pointer;
 }
 
     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;
 }
 
     color: #000;
     display: block;
 }
 

-#phones li span {
+#phones div.phone span {

     color: #999;
 }
     color: #999;
 }

-
-.x-slider-horz .x-slider-thumb {
-    background-image: url(images/slider-thumb.png);
-}
\ No newline at end of file