[Summary view] [Print] [Text view]

   1  .arrowSteps {
   2      list-style-type: none;
   3      list-style-image: none;
   4      border: 1px solid #666666;
   5      position: relative;
   6  }
   7  
   8  .arrowSteps li {
   9      float: left;
  10      padding: 0px;
  11      margin: 0px;
  12      border: 0 none;
  13  }
  14  
  15  .arrowSteps li div {
  16      padding: 0.5em;
  17      text-align: center;
  18      white-space: nowrap;
  19      overflow: hidden;
  20  }
  21  
  22  .arrowSteps li.arrow div {
  23      /* @embed */
  24      background: url(images/jquery.arrowSteps.divider-ltr.png) no-repeat right center;
  25  }
  26  
  27  /* applied to the element preceding the highlighted step */
  28  .arrowSteps li.arrow.tail div {
  29      /* @embed */
  30      background: url(images/jquery.arrowSteps.tail-ltr.png) no-repeat right center;
  31  }
  32  
  33  /* this applies to all highlighted, including the last */
  34  .arrowSteps li.head div {
  35      /* @embed */
  36      background: url(images/jquery.arrowSteps.head-ltr.png) no-repeat left center;
  37      font-weight: bold;
  38  }
  39  
  40  /* this applies to all highlighted arrows except the last */
  41  .arrowSteps li.arrow.head div {
  42      /* TODO: eliminate duplication of jquery.arrowSteps.head.png embedding */
  43      /* @embed */
  44      background: url(images/jquery.arrowSteps.head-ltr.png) no-repeat right center;
  45  }