/hippo/src/main/webapp/ext/resources/css/structure/slider.css

http://hdbc.googlecode.com/ · CSS · 103 lines · 80 code · 14 blank · 9 comment · 0 complexity · ef4ea69aac3cd74e5d8a8ed29aa752eb MD5 · raw file 

    

  1. /*!
    2. 

  2.  * Ext JS Library 3.0.0
    3. 

  3.  * Copyright(c) 2006-2009 Ext JS, LLC
    4. 

  4.  * licensing@extjs.com
    5. 

  5.  * http://www.extjs.com/license
    6. 

  6.  */
    7. 

  7. /* Shared styles */

    8. 

  8. .x-slider {

    9. 

  9.     zoom:1;

    10. 

  10. }

    11. 

  11. 

    12. 

  12. .x-slider-inner {

    13. 

  13.     position:relative;

    14. 

  14.     left:0;

    15. 

  15.     top:0;

    16. 

  16.     overflow:visible;

    17. 

  17.     zoom:1;

    18. 

  18. }

    19. 

  19. 

    20. 

  20. .x-slider-focus {

    21. 

  21. 	position:absolute;

    22. 

  22. 	left:0;

    23. 

  23. 	top:0;

    24. 

  24. 	width:1px;

    25. 

  25. 	height:1px;

    26. 

  26.     line-height:1px;

    27. 

  27.     font-size:1px;

    28. 

  28.     -moz-outline:0 none;

    29. 

  29.     outline:0 none;

    30. 

  30.     -moz-user-select: none;

    31. 

  31.     -khtml-user-select:none;

    32. 

  32.     -webkit-user-select:ignore;

    33. 

  33. 	display:block;

    34. 

  34. 	overflow:hidden;  

    35. 

  35. }

    36. 

  36. 

    37. 

  37. /* Horizontal styles */

    38. 

  38. .x-slider-horz {

    39. 

  39.     padding-left:7px;

    40. 

  40.     background:transparent no-repeat 0 -22px;

    41. 

  41. }

    42. 

  42. 

    43. 

  43. .x-slider-horz .x-slider-end {

    44. 

  44.     padding-right:7px;

    45. 

  45.     zoom:1;

    46. 

  46.     background:transparent no-repeat right -44px;

    47. 

  47. }

    48. 

  48. 

    49. 

  49. .x-slider-horz .x-slider-inner {

    50. 

  50.     background:transparent repeat-x 0 0;

    51. 

  51.     height:22px;

    52. 

  52. }

    53. 

  53. 

    54. 

  54. .x-slider-horz .x-slider-thumb {

    55. 

  55.     width:14px;

    56. 

  56.     height:15px;

    57. 

  57.     position:absolute;

    58. 

  58.     left:0;

    59. 

  59.     top:3px;

    60. 

  60.     background:transparent no-repeat 0 0;

    61. 

  61. }

    62. 

  62. 

    63. 

  63. .x-slider-horz .x-slider-thumb-over {

    64. 

  64.     background-position: -14px -15px;

    65. 

  65. }

    66. 

  66. 

    67. 

  67. .x-slider-horz .x-slider-thumb-drag {

    68. 

  68.     background-position: -28px -30px;

    69. 

  69. }

    70. 

  70. 

    71. 

  71. /* Vertical styles */

    72. 

  72. .x-slider-vert {

    73. 

  73.     padding-top:7px;

    74. 

  74.     background:transparent no-repeat -44px 0;

    75. 

  75.     width:22px;

    76. 

  76. }

    77. 

  77. 

    78. 

  78. .x-slider-vert .x-slider-end {

    79. 

  79.     padding-bottom:7px;

    80. 

  80.     zoom:1;

    81. 

  81.     background:transparent no-repeat -22px bottom;

    82. 

  82. }

    83. 

  83. 

    84. 

  84. .x-slider-vert .x-slider-inner {

    85. 

  85.     background:transparent repeat-y 0 0;

    86. 

  86. }

    87. 

  87. 

    88. 

  88. .x-slider-vert .x-slider-thumb {

    89. 

  89.     width:15px;

    90. 

  90.     height:14px;

    91. 

  91.     position:absolute;

    92. 

  92.     left:3px;

    93. 

  93.     bottom:0;

    94. 

  94.     background:transparent no-repeat 0 0;

    95. 

  95. }

    96. 

  96. 

    97. 

  97. .x-slider-vert .x-slider-thumb-over {

    98. 

  98.     background-position: -15px -14px;

    99. 

  99. }

    100. 

  100. 

    101. 

  101. .x-slider-vert .x-slider-thumb-drag {

    102. 

  102.     background-position: -30px -28px;

    103. 

  103. }
    104.