Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
ignitetch
GitHub Repository: ignitetch/advphishing
 Path: blob/master/sites/tiktok/vendor/perfect-scrollbar/perfect-scrollbar.css
740 views
1
/*

2
 * Container style

3
 */

4
.ps {

5
  overflow: hidden !important;

6
  overflow-anchor: none;

7
  -ms-overflow-style: none;

8
  touch-action: auto;

9
  -ms-touch-action: auto;

10
}

11


12
/*

13
 * Scrollbar rail styles

14
 */

15
.ps__rail-x {

16
  display: none;

17
  opacity: 0;

18
  transition: background-color .2s linear, opacity .2s linear;

19
  -webkit-transition: background-color .2s linear, opacity .2s linear;

20
  height: 15px;

21
  /* there must be 'bottom' or 'top' for ps__rail-x */

22
  bottom: 0px;

23
  /* please don't change 'position' */

24
  position: absolute;

25
}

26


27
.ps__rail-y {

28
  display: none;

29
  opacity: 0;

30
  transition: background-color .2s linear, opacity .2s linear;

31
  -webkit-transition: background-color .2s linear, opacity .2s linear;

32
  width: 15px;

33
  /* there must be 'right' or 'left' for ps__rail-y */

34
  right: 0;

35
  /* please don't change 'position' */

36
  position: absolute;

37
}

38


39
.ps--active-x > .ps__rail-x,

40
.ps--active-y > .ps__rail-y {

41
  display: block;

42
  background-color: transparent;

43
}

44


45
.ps:hover > .ps__rail-x,

46
.ps:hover > .ps__rail-y,

47
.ps--focus > .ps__rail-x,

48
.ps--focus > .ps__rail-y,

49
.ps--scrolling-x > .ps__rail-x,

50
.ps--scrolling-y > .ps__rail-y {

51
  opacity: 0.6;

52
}

53


54
.ps__rail-x:hover,

55
.ps__rail-y:hover,

56
.ps__rail-x:focus,

57
.ps__rail-y:focus {

58
  background-color: #eee;

59
  opacity: 0.9;

60
}

61


62
/*

63
 * Scrollbar thumb styles

64
 */

65
.ps__thumb-x {

66
  background-color: #aaa;

67
  border-radius: 6px;

68
  transition: background-color .2s linear, height .2s ease-in-out;

69
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;

70
  height: 6px;

71
  /* there must be 'bottom' for ps__thumb-x */

72
  bottom: 2px;

73
  /* please don't change 'position' */

74
  position: absolute;

75
}

76


77
.ps__thumb-y {

78
  background-color: #aaa;

79
  border-radius: 6px;

80
  transition: background-color .2s linear, width .2s ease-in-out;

81
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;

82
  width: 6px;

83
  /* there must be 'right' for ps__thumb-y */

84
  right: 2px;

85
  /* please don't change 'position' */

86
  position: absolute;

87
}

88


89
.ps__rail-x:hover > .ps__thumb-x,

90
.ps__rail-x:focus > .ps__thumb-x {

91
  background-color: #999;

92
  height: 11px;

93
}

94


95
.ps__rail-y:hover > .ps__thumb-y,

96
.ps__rail-y:focus > .ps__thumb-y {

97
  background-color: #999;

98
  width: 11px;

99
}

100


101
/* MS supports */

102
@supports (-ms-overflow-style: none) {

103
  .ps {

104
    overflow: auto !important;

105
  }

106
}

107


108
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

109
  .ps {

110
    overflow: auto !important;

111
  }

112
}

113


114