You are here

Home » API reference » SliderField 7.2

sliderfield_element_sliderfield.css in SliderField 7.2 

.red .ui-slider-range { background: #AA4643; }
.red .ui-slider-handle { border-color: #AA4643; }
.green .ui-slider-range { background: #89A54E; }
.green .ui-slider-handle { border-color: #89A54E; }
.blue .ui-slider-range { background: #4572A7; }
.blue .ui-slider-handle { border-color: #4572A7; }
.orange .ui-slider-range { background: #DB843D; }
.orange .ui-slider-handle { border-color: #DB843D; }
.purple .ui-slider-range { background:  #80699B; }
.purple .ui-slider-handle { border-color: #80699B; }
.steel-blue .ui-slider-range { background: #3D96AE; }
.steel-blue .ui-slider-handle { border-color: #3D96AE; }
.tiger-orange .ui-slider-range { background: #DB843D; }
.tiger-orange .ui-slider-handle { border-color: #DB843D; }
.wild-blue-yonder .ui-slider-range { background: #92A8CD; }
.wild-blue-yonder .ui-slider-handle { border-color: #92A8CD; }
.cinereous .ui-slider-range { background: #A47D7C; }
.cinereous .ui-slider-handle { border-color: #A47D7C; }
.laurel-green .ui-slider-range { background: #B5CA92; }
.laurel-green .ui-slider-handle { border-color: #B5CA92; }

.sliderfield .sliderfield-event-field-container, .sliderfield .sliderfield-event-field-container div, .sliderfield .sliderfield-event-field-container .form-item {
  display: inline;
  padding: 0px;
  margin: 0px;
}

.sliderfield .sliderfield-bubble{
  position: relative;
  top: -32px;
  color: black;
  background-color: #eeeeee;
  border: 1px solid grey;
  display: inline-block;
  padding: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

File

sliderfield_element_sliderfield.css
View source 
  1. .red .ui-slider-range { background: #AA4643; }

  2. .red .ui-slider-handle { border-color: #AA4643; }

  3. .green .ui-slider-range { background: #89A54E; }

  4. .green .ui-slider-handle { border-color: #89A54E; }

  5. .blue .ui-slider-range { background: #4572A7; }

  6. .blue .ui-slider-handle { border-color: #4572A7; }

  7. .orange .ui-slider-range { background: #DB843D; }

  8. .orange .ui-slider-handle { border-color: #DB843D; }

  9. .purple .ui-slider-range { background:  #80699B; }

  10. .purple .ui-slider-handle { border-color: #80699B; }

  11. .steel-blue .ui-slider-range { background: #3D96AE; }

  12. .steel-blue .ui-slider-handle { border-color: #3D96AE; }

  13. .tiger-orange .ui-slider-range { background: #DB843D; }

  14. .tiger-orange .ui-slider-handle { border-color: #DB843D; }

  15. .wild-blue-yonder .ui-slider-range { background: #92A8CD; }

  16. .wild-blue-yonder .ui-slider-handle { border-color: #92A8CD; }

  17. .cinereous .ui-slider-range { background: #A47D7C; }

  18. .cinereous .ui-slider-handle { border-color: #A47D7C; }

  19. .laurel-green .ui-slider-range { background: #B5CA92; }

  20. .laurel-green .ui-slider-handle { border-color: #B5CA92; }

  21. 

  22. .sliderfield .sliderfield-event-field-container, .sliderfield .sliderfield-event-field-container div, .sliderfield .sliderfield-event-field-container .form-item {

  23.   display: inline;

  24.   padding: 0px;

  25.   margin: 0px;

  26. }

  27. 

  28. .sliderfield .sliderfield-bubble{

  29.   position: relative;

  30.   top: -32px;

  31.   color: black;

  32.   background-color: #eeeeee;

  33.   border: 1px solid grey;

  34.   display: inline-block;

  35.   padding: 3px;

  36.   -webkit-border-radius: 3px;

  37.   -moz-border-radius: 3px;

  38.   border-radius: 3px;

  39. }