resources/src/jquery/jquery.arrowSteps.css

   1 .arrowSteps {
   2         list-style-type: none;
   3         list-style-image: none;
   4         border: 1px solid #666;
   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 }