You are here

webform_steps_w3.css in Webform steps 7.2

.webform-progressbar {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.webform-progressbar-inner {
  height: 1em;
  background-color: #74C421;
  height: 3px;
}
.webform-progressbar-outer {
  position: relative;
  border: 1px solid #356900;
  width: 100%;
  height: 3px;
  margin: 0.35em -1px 2em;
  background-color: white;
}
.webform-progressbar-page {
  position: absolute;
  width: 7px;
  height: 7px;
  margin: -6px -4px;
  border: 1px solid #356900;
  background-color: white;
  border-radius: 5px;
}
.webform-progressbar-page.completed {
  background-color: #74C421;
}
.webform-progressbar-page.current {
  background-color: #74C421;
}
.webform-progressbar-page .webform-progressbar-page-number {
  display: none;
}
.webform-progressbar-page .webform-progressbar-page-label {
  position: relative;
  top: 10px;
  margin: 0 -10em;
}

File

webform_steps_w3/css/webform_steps_w3.css
View source
  1. .webform-progressbar {
  2. width: 90%;
  3. margin: 0 auto;
  4. text-align: center;
  5. }
  6. .webform-progressbar-inner {
  7. height: 1em;
  8. background-color: #74C421;
  9. height: 3px;
  10. }
  11. .webform-progressbar-outer {
  12. position: relative;
  13. border: 1px solid #356900;
  14. width: 100%;
  15. height: 3px;
  16. margin: 0.35em -1px 2em;
  17. background-color: white;
  18. }
  19. .webform-progressbar-page {
  20. position: absolute;
  21. width: 7px;
  22. height: 7px;
  23. margin: -6px -4px;
  24. border: 1px solid #356900;
  25. background-color: white;
  26. border-radius: 5px;
  27. }
  28. .webform-progressbar-page.completed {
  29. background-color: #74C421;
  30. }
  31. .webform-progressbar-page.current {
  32. background-color: #74C421;
  33. }
  34. .webform-progressbar-page .webform-progressbar-page-number {
  35. display: none;
  36. }
  37. .webform-progressbar-page .webform-progressbar-page-label {
  38. position: relative;
  39. top: 10px;
  40. margin: 0 -10em;
  41. }