topical media & game development

talk show tell print

graphic-canvas-util-reflection-reflectomatic-slider.css / css



  .dynamic-slider-control {
          position:                        relative;
          background:                        ThreeDFace;
          -moz-user-focus:        normal;
          -moz-user-select:        none;
          cursor:                                default;
  }
  
  .horizontal {
          width:                                200px;
          height:                                29px;
  }
  
  .vertical {
          width:                                29px;
          height:                                200px;
  }
  
  .dynamic-slider-control input {
          display:        none;
  }
  
  .dynamic-slider-control .handle {
          position:                        absolute;
          -moz-user-select:        none;
          cursor:                                default;
          background:                        ThreeDFace;
          border:                                1px solid;
          border-color:                ThreeDHighlight ThreeDDarkShadow
                                                  ThreeDDarkShadow ThreeDHighlight;
  }
  
  /* inner border */
  .dynamic-slider-control .handle div {
          font-size:                        1px;
          border:                                1px solid;
          border-color:                ThreeDLightShadow ThreeDShadow
                                                  ThreeDShadow ThreeDLightShadow;        
  
          behavior:                        url("css/boxsizing.htc");        /* ie path bug */
          box-sizing:                        content-box;
          -moz-box-sizing:        content-box;
  }
  
  /*	inner sets size
  .dynamic-slider-control.horizontal .handle {
          width:                                12px;
          height:                                22px;
  }
  */
  
  .dynamic-slider-control.horizontal .handle div {
          width:                                8px;
          height:                                18px;
  }
  
  .dynamic-slider-control.horizontal .handle.hover {}
  
  /* inner sets size
  .dynamic-slider-control.vertical .handle {
          width:                                22px;
          height:                                12px;
  }
  */
  
  .dynamic-slider-control.vertical .handle div {
          width:                                18px;
          height:                                8px;
  }
  
  .dynamic-slider-control.vertical .handle.hover {}
  
  .dynamic-slider-control .line {
          
          behavior:                        url("css/boxsizing.htc"); /* ie path bug */
          box-sizing:                        content-box;
          -moz-box-sizing:        content-box;
                  
          position:                        absolute;
          font-size:                        0.01mm;
          overflow:                        hidden;
          border:                                1px solid;
          border-color:                ThreeDShadow ThreeDHighlight
                                                  ThreeDHighlight ThreeDShadow;
          background:                        ThreeDDarkShadow;
  }
  
  .dynamic-slider-control.vertical .line {
          width:                                1px;
          
  }
  
  .dynamic-slider-control.horizontal .line {
          height:                                1px;
  }
  
  .dynamic-slider-control .line div {
          display:        none;
  }


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.