scrollbar.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*************
  2. * scrollbar *
  3. *************/
  4. .scrollbar {
  5. border-width: 0px;
  6. border-style: none;
  7. padding: 0;
  8. background-clip: padding-box;
  9. }
  10. .scrollbars-junction,
  11. .scrollbar.trough {
  12. border: solid 3px transparent;
  13. border-radius: 0;
  14. background-color: transparent;
  15. background-image: none;
  16. }
  17. .scrollbar.button,
  18. .scrollbar.button:active,
  19. .scrollbar.button:active:hover {
  20. border-width: 0;
  21. border-radius: 0;
  22. background-color: transparent;
  23. background-image: none;
  24. color: shade(@theme_bg_color, 0.6);
  25. }
  26. .scrollbar.slider {
  27. padding: 10px;
  28. border-width: 3px;
  29. border-color: transparent;
  30. border-radius: 7px;
  31. border-style: solid;
  32. background-color: mix(@theme_bg_color, @theme_fg_color, 0.3);
  33. }
  34. .scrollbar.slider:hover,
  35. .scrollbar.slider.vertical:hover {
  36. background-color: mix(@theme_bg_color, @theme_fg_color, 0.4);
  37. }
  38. .scrollbar.slider:active,
  39. .scrollbar.slider.vertical:active {
  40. background-color: shade(@theme_selected_bg_color, 0.95);
  41. }
  42. .scrollbar.slider.fine-tune:prelight:active {
  43. background-size: 50%;
  44. background-repeat: no-repeat;
  45. background-position: center;
  46. }
  47. /* overlay scrollbar */
  48. OsThumb {
  49. color: shade(@theme_bg_color, 0.7);
  50. }
  51. OsThumb:selected,
  52. OsScrollbar:selected {
  53. background-color: @theme_selected_bg_color;
  54. }
  55. OsThumb:active,
  56. OsScrollbar:active {
  57. background-color: @theme_selected_bg_color;
  58. }
  59. OsThumb:insensitive,
  60. OsScrollbar:insensitive {
  61. background-color: shade(@theme_bg_color, 0.9);
  62. }