You are here

Home » API reference » Pay 6

pay_progress.css in Pay 6

Same filename and directory in other branches
  1. 7 modules/pay_progress/theme/pay_progress.css
.pay-progress {
  padding: 1em .5em;
  position: relative;
}
.pay-progress-goal {
  float: right;
}
.pay-progress-start {
  position: absolute; 
}
.pay-progress-bar {
  float: left;
  position: relative;
  background: #e6e6e6;
  border: 1px solid #ddd;
  margin: 2px 0.2em;
  width: 100%;
}
.pay-progress-completed {
  background: #0072b9;
  border-bottom: 0.5em solid #004a73;
  margin: -1px;
  height: 1em;
}
.pay-progress-percent {
  float: right;  padding-left: .25em;
  display: inline;
}
.pay-progress-overview {
  float: left;
}

File

modules/pay_progress/theme/pay_progress.css
View source 
  1. .pay-progress {

  2.   padding: 1em .5em;

  3.   position: relative;

  4. }

  5. .pay-progress-goal {

  6.   float: right;

  7. }

  8. .pay-progress-start {

  9.   position: absolute; 

  10. }

  11. .pay-progress-bar {

  12.   float: left;

  13.   position: relative;

  14.   background: #e6e6e6;

  15.   border: 1px solid #ddd;

  16.   margin: 2px 0.2em;

  17.   width: 100%;

  18. }

  19. .pay-progress-completed {

  20.   background: #0072b9;

  21.   border-bottom: 0.5em solid #004a73;

  22.   margin: -1px;

  23.   height: 1em;

  24. }

  25. .pay-progress-percent {

  26.   float: right;  padding-left: .25em;

  27.   display: inline;

  28. }

  29. .pay-progress-overview {

  30.   float: left;

  31. }

  32.