Subversion-Projekte lars-tiefland.webanos.faltradxxs.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 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 .ps__rail-x:hover,
55 
.ps .ps__rail-y:hover,
56 
.ps .ps__rail-x:focus,
57 
.ps .ps__rail-y:focus,
58 
.ps .ps__rail-x.ps--clicking,
59 
.ps .ps__rail-y.ps--clicking {
60 
  background-color: #eee;
61 
  opacity: 0.9;
62 
}
63 
 
64 
/*
65 
 * Scrollbar thumb styles
66 
 */
67 
.ps__thumb-x {
68 
  background-color: #aaa;
69 
  border-radius: 6px;
70 
  transition: background-color .2s linear, height .2s ease-in-out;
71 
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
72 
  height: 6px;
73 
  /* there must be 'bottom' for ps__thumb-x */
74 
  bottom: 2px;
75 
  /* please don't change 'position' */
76 
  position: absolute;
77 
}
78 
 
79 
.ps__thumb-y {
80 
  background-color: #aaa;
81 
  border-radius: 6px;
82 
  transition: background-color .2s linear, width .2s ease-in-out;
83 
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
84 
  width: 6px;
85 
  /* there must be 'right' for ps__thumb-y */
86 
  right: 2px;
87 
  /* please don't change 'position' */
88 
  position: absolute;
89 
}
90 
 
91 
.ps__rail-x:hover > .ps__thumb-x,
92 
.ps__rail-x:focus > .ps__thumb-x,
93 
.ps__rail-x.ps--clicking .ps__thumb-x {
94 
  background-color: #999;
95 
  height: 11px;
96 
}
97 
 
98 
.ps__rail-y:hover > .ps__thumb-y,
99 
.ps__rail-y:focus > .ps__thumb-y,
100 
.ps__rail-y.ps--clicking .ps__thumb-y {
101 
  background-color: #999;
102 
  width: 11px;
103 
}
104 
 
105 
/* MS supports */
106 
@supports (-ms-overflow-style: none) {
107 
  .ps {
108 
    overflow: auto !important;
109 
  }
110 
}
111 
 
112 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
113 
  .ps {
114 
    overflow: auto !important;
115 
  }
116 
}