examples/view/animated-dataview.css

   1 /*!
   2  * Ext JS Library 3.2.0
   3  * Copyright(c) 2006-2010 Ext JS, Inc.
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 #phones {
   8     background-color: #fff;
   9     text-shadow: #fff 0 1px 0;
  10 }
  11
  12 #phones ul {
  13     position: relative;
  14     display: block;
  15     height: auto;
  16     font-size: 85%;
  17 }
  18
  19 #phones ul li img {
  20     margin-bottom: 1px;
  21 }
  22
  23 #phones ul li {
  24     float: left;
  25     padding: 8px 17px;
  26     margin: 5px;
  27 /*    margin: 10px 0 0 25px;*/
  28     text-align: center;
  29     line-height: 1.25em;
  30     color: #333;
  31     font-family: "Helvetica Neue",sans-serif;
  32     height: 113px;
  33     width: 112px;
  34     overflow: hidden;
  35     border-top: 1px solid transparent;
  36     cursor: pointer;
  37 }
  38
  39 /*#phones ul li.phone-hover {
  40     background-color: #eee;
  41 }*/
  42
  43 #phones ul li.x-view-selected {
  44     background-color: rgba(100, 100, 100, .15);
  45     -moz-border-radius: 8px;
  46     -webkit-border-radius: 8px;
  47     border-top: 1px solid rgba(0, 0, 0, .15);
  48 }
  49
  50 #phones ul li img {
  51 /*    display: block;*/
  52 }
  53
  54 #phones li strong {
  55     color: #000;
  56     display: block;
  57 }
  58
  59 #phones li span {
  60     color: #999;
  61 }
  62
  63 .x-slider-horz .x-slider-thumb {
  64     background-image: url(images/slider-thumb.png);
  65 }