You are here

Home » API reference » Select with Style 7

slide_with_style.css in Select with Style 7 

.ui-slider-horizontal {
  margin: 1.8em 0 0 0.4em;
  min-width: 170px;
  border-radius: 4px;
}
.ui-slider-vertical {
  margin: 1.8em 0 1em 0.3em;
  min-height: 130px;
  border-radius: 4px;
}
.ui-slider .slider-bubble {
  position: relative;
  top: -26px;
  border: 1px solid #ccc;
  padding: 0px 3px;
  border-radius: 4px;
  display: inline-block;
}
.ui-widget {
  font-size: 1em;
}

File

slide_with_style/slide_with_style.css
View source 
  1. 

  2. .ui-slider-horizontal {

  3.   margin: 1.8em 0 0 0.4em;

  4.   min-width: 170px;

  5.   border-radius: 4px;

  6. }

  7. .ui-slider-vertical {

  8.   margin: 1.8em 0 1em 0.3em;

  9.   min-height: 130px;

  10.   border-radius: 4px;

  11. }

  12. .ui-slider .slider-bubble {

  13.   position: relative;

  14.   top: -26px;

  15.   border: 1px solid #ccc;

  16.   padding: 0px 3px;

  17.   border-radius: 4px;

  18.   display: inline-block;

  19. }

  20. .ui-widget {

  21.   font-size: 1em;

  22. }