X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/examples/view/animated-dataview.css

diff --git a/examples/view/animated-dataview.css b/examples/view/animated-dataview.css
new file mode 100644
index 00000000..adf79f73
--- /dev/null
+++ b/examples/view/animated-dataview.css
@@ -0,0 +1,53 @@
+#phones {
+    background-color: #fff;
+    text-shadow: #fff 0 1px 0;
+    position: relative;
+    display: block;
+    height: auto;
+}
+
+#phones div.phone img {
+    margin-bottom: 1px;
+}
+
+#phones div.phone {
+    float: left;
+    padding: 8px 17px;
+    margin: 5px;
+/*    margin: 10px 0 0 25px;*/
+    text-align: center;
+    line-height: 14px;
+    color: #333;
+    font-size: 10px;
+    font-family: "Helvetica Neue",sans-serif;
+    height: 130px;
+    width: 140px;
+    overflow: hidden;
+    border-top: 1px solid transparent;
+    cursor: pointer;
+}
+
+.x-ie6 #phones div.phone,
+.x-ie7 #phones div.phone,
+.x-ie8 #phones div.phone {
+    border-top: none;
+    padding: 3px 2px;
+    margin: 2px;
+}
+
+#phones div.phone-hover {
+    background-color: #eee;
+}
+
+#phones .x-item-selected {
+    background-color: #D3E1F1 !important;
+}
+
+#phones div.phone strong {
+    color: #000;
+    display: block;
+}
+
+#phones div.phone span {
+    color: #999;
+}