1 /* basic scrollbar styling */
2 /* vertical scrollbar */
8 .mCSB_container.mCS_no_scrollbar{
11 .mCS_disabled .mCSB_container.mCS_no_scrollbar,
12 .mCS_destroyed .mCSB_container.mCS_no_scrollbar{
15 .mCustomScrollBox .mCSB_scrollTools{
21 .mCSB_scrollTools .mCSB_draggerContainer{
23 -webkit-box-sizing:border-box;
24 -moz-box-sizing:border-box;
25 box-sizing:border-box;
27 .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
30 .mCSB_scrollTools .mCSB_draggerRail{
34 -webkit-border-radius:10px;
35 -moz-border-radius:10px;
38 .mCSB_scrollTools .mCSB_dragger{
43 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
47 -webkit-border-radius:10px;
48 -moz-border-radius:10px;
52 .mCSB_scrollTools .mCSB_buttonUp,
53 .mCSB_scrollTools .mCSB_buttonDown{
59 .mCSB_scrollTools .mCSB_buttonDown{
63 /* horizontal scrollbar */
64 .mCSB_horizontal .mCSB_container{
70 .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
73 .mCS_disabled .mCSB_horizontal .mCSB_container.mCS_no_scrollbar,
74 .mCS_destroyed .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
78 .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
87 .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
90 -webkit-box-sizing:border-box;
91 -moz-box-sizing:border-box;
92 box-sizing:border-box;
95 .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
99 .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
103 -webkit-border-radius:10px;
104 -moz-border-radius:10px;
107 .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
111 .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
115 -webkit-border-radius:10px;
116 -moz-border-radius:10px;
119 .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
120 .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
128 .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
136 /* default scrollbar colors and backgrounds */
137 .mCustomScrollBox .mCSB_scrollTools{
140 .mCustomScrollBox:hover .mCSB_scrollTools{
143 .mCSB_scrollTools .mCSB_draggerRail{
144 background:#000; /* rgba fallback */
145 background:rgba(0,0,0,0.4);
146 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
148 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
149 background:#fff; /* rgba fallback */
150 background:rgba(255,255,255,0.75);
151 filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
153 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
154 background:rgba(255,255,255,0.85);
155 filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
157 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
158 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
159 background:rgba(255,255,255,0.9);
160 filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
162 .mCSB_scrollTools .mCSB_buttonUp,
163 .mCSB_scrollTools .mCSB_buttonDown,
164 .mCSB_scrollTools .mCSB_buttonLeft,
165 .mCSB_scrollTools .mCSB_buttonRight{
166 background-image:url(images/mCSB_buttons.png);
167 background-repeat:no-repeat;
169 filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
171 .mCSB_scrollTools .mCSB_buttonUp{
172 background-position:-80px 0;
174 sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
177 .mCSB_scrollTools .mCSB_buttonDown{
178 background-position:-80px -20px;
180 sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
183 .mCSB_scrollTools .mCSB_buttonLeft{
184 background-position:-80px-40px;
186 sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
189 .mCSB_scrollTools .mCSB_buttonRight{
190 background-position:-80px -56px;
192 sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
195 .mCSB_scrollTools .mCSB_buttonUp:hover,
196 .mCSB_scrollTools .mCSB_buttonDown:hover,
197 .mCSB_scrollTools .mCSB_buttonLeft:hover,
198 .mCSB_scrollTools .mCSB_buttonRight:hover{
200 filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
202 .mCSB_scrollTools .mCSB_buttonUp:active,
203 .mCSB_scrollTools .mCSB_buttonDown:active,
204 .mCSB_scrollTools .mCSB_buttonLeft:active,
205 .mCSB_scrollTools .mCSB_buttonRight:active{
207 filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */