Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / examples / view / animated-dataview.css
1 #phones {
2     background-color: #fff;
3     text-shadow: #fff 0 1px 0;
4     position: relative;
5     display: block;
6     height: auto;
7 }
8
9 #phones div.phone img {
10     margin-bottom: 1px;
11 }
12
13 #phones div.phone {
14     float: left;
15     padding: 8px 17px;
16     margin: 5px;
17 /*    margin: 10px 0 0 25px;*/
18     text-align: center;
19     line-height: 14px;
20     color: #333;
21     font-size: 10px;
22     font-family: "Helvetica Neue",sans-serif;
23     height: 130px;
24     width: 140px;
25     overflow: hidden;
26     border-top: 1px solid transparent;
27     cursor: pointer;
28 }
29
30 .x-ie6 #phones div.phone,
31 .x-ie7 #phones div.phone,
32 .x-ie8 #phones div.phone {
33     border-top: none;
34     padding: 3px 2px;
35     margin: 2px;
36 }
37
38 #phones div.phone-hover {
39     background-color: #eee;
40 }
41
42 #phones .x-item-selected {
43     background-color: #D3E1F1 !important;
44 }
45
46 #phones div.phone strong {
47     color: #000;
48     display: block;
49 }
50
51 #phones div.phone span {
52     color: #999;
53 }