You are here

Home » API reference » Webform steps 7.2

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. }