You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

55 lines
1.3 KiB

  1. /** initial setup **/
  2. .nano {
  3. position : relative;
  4. width : 100%;
  5. height : 100%;
  6. overflow : hidden;
  7. }
  8. .nano > .nano-content {
  9. position : absolute;
  10. overflow : scroll;
  11. overflow-x : hidden;
  12. top : 0;
  13. right : 0;
  14. bottom : 0;
  15. left : 0;
  16. }
  17. .nano > .nano-content:focus {
  18. outline: thin dotted;
  19. }
  20. .nano > .nano-content::-webkit-scrollbar {
  21. display: none;
  22. }
  23. .has-scrollbar > .nano-content::-webkit-scrollbar {
  24. display: block;
  25. }
  26. .nano > .nano-pane {
  27. background : rgba(0,0,0,.25);
  28. position : absolute;
  29. width : 10px;
  30. right : 0;
  31. top : 0;
  32. bottom : 0;
  33. visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  34. opacity : .01;
  35. -webkit-transition : .2s;
  36. -moz-transition : .2s;
  37. -o-transition : .2s;
  38. transition : .2s;
  39. -moz-border-radius : 5px;
  40. -webkit-border-radius : 5px;
  41. border-radius : 5px;
  42. }
  43. .nano > .nano-pane > .nano-slider {
  44. background: #444;
  45. background: rgba(0,0,0,.5);
  46. position : relative;
  47. margin : 0 1px;
  48. -moz-border-radius : 3px;
  49. -webkit-border-radius : 3px;
  50. border-radius : 3px;
  51. }
  52. .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  53. visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  54. opacity : 0.99;
  55. }