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 }