You are here

Home » API reference » Webform steps 7

webform_steps.css in Webform steps 7 

.webform-steps-wrapper {
  background: #F7F5E8;
  border-top: 1px solid #eae5c2;
  border-bottom: 1px solid #eae5c2;
  font-size: 0.9em;
}
.webform-steps-wrapper span.webform-step {
  padding-left: 14px;
  display: inline-block;
  background: url('arrow_head.png') no-repeat 0px -82px #C7C5BB;
  border-top: 1px solid #b0ad9f;
  border-bottom: 1px solid #b0ad9f;
  color: #e6e6e6;
  margin-top: -1px;
  margin-bottom: -1px;
}
.webform-steps-wrapper span.webform-step span {
  display: block;
  padding: .3em .6em .3em .6em;
  background-color: #C7C5BB;
}
.webform-steps-wrapper span.webform-step input {
  display: none;
}
.webform-steps-wrapper span.current {
  color: #fff;
}
.webform-steps-wrapper span.first {
  background: none;
  padding-left: 0;
}
.webform-steps-wrapper span.first span {
  padding-left: 14px;
  margin-left: -1px;
}
.webform-steps-wrapper span.disabled {
  padding-left: 14px;
  display: inline-block;
  background: url('arrow_head.png') no-repeat -1px -42px transparent;
  color: #b2afa1;
  border-top: 1px solid #eae5c2;
  border-bottom: 1px solid #eae5c2;
}
.webform-steps-wrapper span.disabled span {
  background-color: transparent;
}
.webform-steps-wrapper span.webform-step {
  cursor: pointer;
}
.webform-steps-wrapper span.disabled,
.webform-steps-wrapper span.current {
  cursor: default;
}
.webform-steps-wrapper span.first-disabled {
  background-position: -2px -2px;
  border-top: 1px solid #eae5c2;
  border-bottom: 1px solid #eae5c2;
}
.webform-steps-wrapper span.first-disabled span {
  background-color: transparent;
}
.webform-steps-wrapper span.last {
  padding-right: 14px;
}

File

webform_steps.css
View source 
  1. .webform-steps-wrapper {

  2.   background: #F7F5E8;

  3.   border-top: 1px solid #eae5c2;

  4.   border-bottom: 1px solid #eae5c2;

  5.   font-size: 0.9em;

  6. }

  7. .webform-steps-wrapper span.webform-step {

  8.   padding-left: 14px;

  9.   display: inline-block;

  10.   background: url('arrow_head.png') no-repeat 0px -82px #C7C5BB;

  11.   border-top: 1px solid #b0ad9f;

  12.   border-bottom: 1px solid #b0ad9f;

  13.   color: #e6e6e6;

  14.   margin-top: -1px;

  15.   margin-bottom: -1px;

  16. }

  17. .webform-steps-wrapper span.webform-step span {

  18.   display: block;

  19.   padding: .3em .6em .3em .6em;

  20.   background-color: #C7C5BB;

  21. }

  22. .webform-steps-wrapper span.webform-step input {

  23.   display: none;

  24. }

  25. .webform-steps-wrapper span.current {

  26.   color: #fff;

  27. }

  28. .webform-steps-wrapper span.first {

  29.   background: none;

  30.   padding-left: 0;

  31. }

  32. .webform-steps-wrapper span.first span {

  33.   padding-left: 14px;

  34.   margin-left: -1px;

  35. }

  36. .webform-steps-wrapper span.disabled {

  37.   padding-left: 14px;

  38.   display: inline-block;

  39.   background: url('arrow_head.png') no-repeat -1px -42px transparent;

  40.   color: #b2afa1;

  41.   border-top: 1px solid #eae5c2;

  42.   border-bottom: 1px solid #eae5c2;

  43. }

  44. .webform-steps-wrapper span.disabled span {

  45.   background-color: transparent;

  46. }

  47. .webform-steps-wrapper span.webform-step {

  48.   cursor: pointer;

  49. }

  50. .webform-steps-wrapper span.disabled,

  51. .webform-steps-wrapper span.current {

  52.   cursor: default;

  53. }

  54. .webform-steps-wrapper span.first-disabled {

  55.   background-position: -2px -2px;

  56.   border-top: 1px solid #eae5c2;

  57.   border-bottom: 1px solid #eae5c2;

  58. }

  59. .webform-steps-wrapper span.first-disabled span {

  60.   background-color: transparent;

  61. }

  62. .webform-steps-wrapper span.last {

  63.   padding-right: 14px;

  64. }