Advertisement
decembre

STY - SLIM DARK SCROLLBAR (for MY USERSTYLES DARK/GRAY)

Mar 3rd, 2014
252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.31 KB | None | 0 0
  1. /* AGENT_SHEET */
  2.  
  3.  
  4. /*========= FIREFOX - SCROLLBAR : scrollbars: slim & arrowless - Perso Tweak For MY Dark Styles ==== */
  5.  
  6. /* ===== CREDIT : scrollbars: slim & arrowless ===========
  7. ========= http://userstyles.org/styles/9862 ==============
  8. ===================== BEGIN ============================== */
  9.  
  10. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  11.  
  12. scrollbar ,
  13. scrollbar thumb {
  14. -moz-appearance: none !important
  15. }
  16.  
  17. scrollbar:not(:hover){
  18. opacity: .4 !important
  19. }
  20.  
  21. scrollbar[orient="vertical"] {
  22. min-width: 5px !important
  23. }
  24.  
  25. scrollbar[orient="horizontal"] {
  26. min-height: 5px !important
  27. }
  28.  
  29. scrollbar scrollbarbutton {
  30. visibility: collapse !important;
  31. }
  32.  
  33. /* ===  SLIM SCROLLBAR DARK (for MY USERSTYLES DARK/GRAY)  ==== */
  34. scrollbarbutton {
  35.   -moz-appearance: none !important;
  36.   background-color: transparent !important;
  37.   border: none
  38. }
  39. thumb {
  40.   -moz-appearance: none !important;
  41.   border: none !important;
  42. /* == Tweak : background-color : CURSOR COLOR DARK (#999) == */
  43.   background-color: #999 !important;
  44.   border-radius: 10px !important;
  45.   box-shadow: inset 0 0 3px #000
  46. }
  47. scrollbar {
  48.   -moz-appearance: none !important;
  49.   background: rgba(4, 4, 4, 0.16) !important;
  50.   box-shadow: inset #000 0 0 8px;
  51. }
  52. scrollbarbutton:hover,
  53. thumb:active,
  54. thumb:hover {
  55.   opacity: 0.5 !important;
  56. }
  57.  
  58. scrollbar[orient="vertical"] thumb {
  59. min-width: 7px !important;
  60. max-width: 7px !important;
  61. min-height: 14px !important;
  62. }
  63. scrollbar[orient="horizontal"] thumb {
  64. min-height: 7px !important;
  65. max-height: 7px !important;
  66. }
  67. scrollbar[orient="vertical"] {
  68. padding-left: 3px !important;
  69. min-width: 12px !important;
  70. max-width: 12px !important;
  71. }
  72. scrollbar[orient="horizontal"] {
  73. padding-top: 3px !important;
  74. min-height: 12px !important;
  75. max-height: 12px !important;
  76. }
  77. /*
  78.  Notes
  79.   initial value of 'display : -moz-box'
  80.   according the style 3577 'visibility : collapse' is said to be better than 'display : none'. dunno.
  81. */
  82.  
  83.  
  84. /* (ADD) CORNER TRANSPARENT - === */
  85. scrollcorner
  86. { -moz-appearance: none !important;
  87. background: transparent !important;
  88. width: 0 !important;
  89. height: 0 !important; }
  90.  
  91. /* =======  END ===================
  92.  CREDIT : scrollbars: slim & arrowless
  93.  http://userstyles.org/styles/9862
  94. ===================================
  95. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement