You are here

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. .sliderfield .sliderfield-event-field-container, .sliderfield .sliderfield-event-field-container div, .sliderfield .sliderfield-event-field-container .form-item {
  22. display: inline;
  23. padding: 0px;
  24. margin: 0px;
  25. }
  26. .sliderfield .sliderfield-bubble{
  27. position: relative;
  28. top: -32px;
  29. color: black;
  30. background-color: #eeeeee;
  31. border: 1px solid grey;
  32. display: inline-block;
  33. padding: 3px;
  34. -webkit-border-radius: 3px;
  35. -moz-border-radius: 3px;
  36. border-radius: 3px;
  37. }