Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
F
frontend
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
vicotor
frontend
Commits
0235f01e
Commit
0235f01e
authored
Dec 05, 2022
by
POA
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Add 'Scroll for more' text note for tx actions area
parent
24a85f07
Changes
3
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
32 additions
and
15 deletions
+32
-15
jquery.mCustomScrollbar.min.css
public/static/css/jquery.mCustomScrollbar.min.css
+11
-2
TxDetailsAction.tsx
ui/tx/details/TxDetailsAction.tsx
+2
-2
TxDetailsActions.tsx
ui/tx/details/TxDetailsActions.tsx
+19
-11
No files found.
public/static/css/jquery.mCustomScrollbar.min.css
View file @
0235f01e
.mCustomScrollbar
{
-ms-touch-action
:
pinch-zoom
;
touch-action
:
pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar
,
.mCustomScrollbar.mCS_touch_action
{
-ms-touch-action
:
auto
;
touch-action
:
auto
}
.mCustomScrollBox
{
position
:
relative
;
overflow
:
hidden
;
height
:
100%
;
max-width
:
100%
;
outline
:
0
;
direction
:
ltr
}
.mCSB_container
{
overflow
:
hidden
;
width
:
auto
;
height
:
auto
}
.mCSB_inside
>
.mCSB_container
{
margin-right
:
30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-right
:
0
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container
{
margin-right
:
0
;
margin-left
:
30px
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-left
:
0
}
.mCSB_scrollTools
{
position
:
absolute
;
width
:
16px
;
height
:
auto
;
left
:
auto
;
top
:
0
;
right
:
0
;
bottom
:
0
;
opacity
:
.75
;
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_outside
+
.mCSB_scrollTools
{
right
:
-26px
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_scrollTools
,
.mCS-dir-rtl
>
.mCSB_outside
+
.mCSB_scrollTools
{
right
:
auto
;
left
:
0
}
.mCS-dir-rtl
>
.mCSB_outside
+
.mCSB_scrollTools
{
left
:
-26px
}
.mCSB_scrollTools
.mCSB_draggerContainer
{
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
height
:
auto
}
.mCSB_scrollTools
a
+
.mCSB_draggerContainer
{
margin
:
20px
0
}
.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
2px
;
height
:
100%
;
margin
:
0
auto
;
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
}
.mCSB_scrollTools
.mCSB_dragger
{
cursor
:
pointer
;
width
:
100%
;
height
:
30px
;
z-index
:
1
}
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
position
:
relative
;
width
:
4px
;
height
:
100%
;
margin
:
0
auto
;
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
;
text-align
:
center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
8px
}
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonUp
{
display
:
block
;
position
:
absolute
;
height
:
20px
;
width
:
100%
;
overflow
:
hidden
;
margin
:
0
auto
;
cursor
:
pointer
}
.mCSB_scrollTools
.mCSB_buttonDown
{
bottom
:
0
}
.mCSB_horizontal.mCSB_inside
>
.mCSB_container
{
margin-right
:
0
;
margin-bottom
:
30px
}
.mCSB_horizontal.mCSB_outside
>
.mCSB_container
{
min-height
:
100%
}
.mCSB_horizontal
>
.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden
{
margin-bottom
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
width
:
auto
;
height
:
16px
;
top
:
auto
;
right
:
0
;
bottom
:
0
;
left
:
0
}
.mCustomScrollBox
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
bottom
:
-26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
a
+
.mCSB_draggerContainer
{
margin
:
0
20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
2px
;
margin
:
7px
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
30px
;
height
:
100%
;
left
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
4px
;
margin
:
6px
auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
12px
;
margin
:
2px
auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
8px
;
margin
:
4px
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonLeft
,
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonRight
{
display
:
block
;
position
:
absolute
;
width
:
20px
;
height
:
100%
;
overflow
:
hidden
;
margin
:
0
auto
;
cursor
:
pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonLeft
{
left
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonRight
{
right
:
0
}
.mCSB_container_wrapper
{
position
:
absolute
;
height
:
auto
;
width
:
auto
;
overflow
:
hidden
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
margin-right
:
30px
;
margin-bottom
:
30px
}
.mCSB_container_wrapper
>
.mCSB_container
{
padding-right
:
30px
;
padding-bottom
:
30px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mCSB_vertical_horizontal
>
.mCSB_scrollTools.mCSB_scrollTools_vertical
{
bottom
:
20px
}
.mCSB_vertical_horizontal
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
right
:
20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
+
.mCSB_scrollTools.mCSB_scrollTools_vertical
{
bottom
:
0
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+
.mCSB_scrollTools
~
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
right
:
0
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
left
:
20px
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+
.mCSB_scrollTools
~
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
left
:
0
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container_wrapper
{
margin-right
:
0
;
margin-left
:
30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
>
.mCSB_container
{
padding-right
:
0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
>
.mCSB_container
{
padding-bottom
:
0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-right
:
0
;
margin-left
:
0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
{
margin-bottom
:
0
}
.mCSB_scrollTools
,
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCSB_scrollTools
.mCSB_buttonRight
,
.mCSB_scrollTools
.mCSB_buttonUp
,
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
-webkit-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-moz-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-o-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerRail
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger_bar
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerRail
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger_bar
{
-webkit-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-moz-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-o-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
}
.mCS-autoHide
>
.mCustomScrollBox
>
.mCSB_scrollTools
,
.mCS-autoHide
>
.mCustomScrollBox
~
.mCSB_scrollTools
{
opacity
:
0
;
filter
:
"alpha(opacity=0)"
;
-ms-filter
:
"alpha(opacity=0)"
}
.mCS-autoHide
:hover
>
.mCustomScrollBox
>
.mCSB_scrollTools
,
.mCS-autoHide
:hover
>
.mCustomScrollBox
~
.mCSB_scrollTools
,
.mCustomScrollBox
:hover
>
.mCSB_scrollTools
,
.mCustomScrollBox
:hover
~
.mCSB_scrollTools
,
.mCustomScrollbar
>
.mCustomScrollBox
>
.mCSB_scrollTools.mCSB_scrollTools_onDrag
,
.mCustomScrollbar
>
.mCustomScrollBox
~
.mCSB_scrollTools.mCSB_scrollTools_onDrag
{
opacity
:
1
;
filter
:
"alpha(opacity=100)"
;
-ms-filter
:
"alpha(opacity=100)"
}
.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.4
);
filter
:
"alpha(opacity=40)"
;
-ms-filter
:
"alpha(opacity=40)"
}
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
);
filter
:
"alpha(opacity=85)"
;
-ms-filter
:
"alpha(opacity=85)"
}
.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
);
filter
:
"alpha(opacity=90)"
;
-ms-filter
:
"alpha(opacity=90)"
}
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCSB_scrollTools
.mCSB_buttonRight
,
.mCSB_scrollTools
.mCSB_buttonUp
{
background-image
:
url(mCSB_buttons.png)
;
background-repeat
:
no-repeat
;
opacity
:
.4
;
filter
:
"alpha(opacity=40)"
;
-ms-filter
:
"alpha(opacity=40)"
}
.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
0
0
}
.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
0
-20px
}
.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
0
-40px
}
.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
0
-56px
}
.mCSB_scrollTools
.mCSB_buttonDown
:hover
,
.mCSB_scrollTools
.mCSB_buttonLeft
:hover
,
.mCSB_scrollTools
.mCSB_buttonRight
:hover
,
.mCSB_scrollTools
.mCSB_buttonUp
:hover
{
opacity
:
.75
;
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_scrollTools
.mCSB_buttonDown
:active
,
.mCSB_scrollTools
.mCSB_buttonLeft
:active
,
.mCSB_scrollTools
.mCSB_buttonRight
:active
,
.mCSB_scrollTools
.mCSB_buttonUp
:active
{
opacity
:
.9
;
filter
:
"alpha(opacity=90)"
;
-ms-filter
:
"alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
0
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-20px
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-40px
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-56px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-2.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-dark-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
4px
;
margin
:
6px
auto
}
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)}
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
0
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-20px
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-40px
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-56px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
0
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-20px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-40px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-56px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-thick.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
4px
;
margin
:
6px
0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
6px
;
margin
:
5px
auto
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)}
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-16px
0
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-16px
-20px
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-20px
-40px
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-20px
-56px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-96px
0
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-96px
-20px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-100px
-40px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-100px
-56px
}
.mCS-light-thin.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
)}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-thin.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thin.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
2px
;
margin
:
7px
auto
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
0
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-20px
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-40px
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-56px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.15
)}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded.mCSB_scrollTools
.mCSB_dragger
{
height
:
14px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
14px
;
margin
:
0
1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
14px
;
margin
:
1px
0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
16px
;
height
:
16px
;
margin
:
-1px
0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
16px
;
width
:
16px
;
margin
:
0
-1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
4px
;
margin
:
6px
0
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
0
-72px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
0
-92px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
0
-112px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
0
-128px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
-72px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-92px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-112px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_vertical
.mCSB_draggerRail
{
width
:
4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
background-color
:
transparent
;
background-position
:
center
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_draggerRail
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)
;
background-repeat
:
repeat-y
;
opacity
:
.3
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
height
:
4px
;
margin
:
6px
0
;
background-repeat
:
repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-16px
-72px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-16px
-92px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-20px
-112px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-20px
-128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-96px
-72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-96px
-92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-100px
-112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-100px
-128px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-repeat
:
repeat-y
;
background-image
:
-moz-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
.5
)),
color-stop
(
100%
,
rgba
(
255
,
255
,
255
,
0
)));
background-image
:
-webkit-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-o-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-ms-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
linear-gradient
(
to
right
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
)}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
background-repeat
:
repeat-x
;
background-image
:
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
.5
)),
color-stop
(
100%
,
rgba
(
255
,
255
,
255
,
0
)));
background-image
:
-webkit-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-o-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-ms-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
)}
.mCS-3d-dark.mCSB_scrollTools_vertical
.mCSB_dragger
,
.mCS-3d.mCSB_scrollTools_vertical
.mCSB_dragger
{
height
:
70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
70px
}
.mCS-3d-dark.mCSB_scrollTools
,
.mCS-3d.mCSB_scrollTools
{
opacity
:
1
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_draggerRail
{
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
8px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.5
),
inset
-1px
0
1px
rgba
(
255
,
255
,
255
,
.2
)}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#555
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
8px
;
margin
:
4px
0
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.5
),
inset
0
-1px
1px
rgba
(
255
,
255
,
255
,
.2
)}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
8px
;
margin
:
4px
auto
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-3d-thick-dark.mCSB_scrollTools
,
.mCS-3d-thick.mCSB_scrollTools
{
opacity
:
1
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerContainer
,
.mCS-3d-thick.mCSB_scrollTools
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerContainer
{
-webkit-border-radius
:
7px
;
-moz-border-radius
:
7px
;
border-radius
:
7px
}
.mCSB_inside
+
.mCS-3d-thick-dark.mCSB_scrollTools_vertical
,
.mCSB_inside
+
.mCS-3d-thick.mCSB_scrollTools_vertical
{
right
:
1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical
,
.mCS-3d-thick.mCSB_scrollTools_vertical
{
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.5
)}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
{
bottom
:
1px
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.5
)}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
;
box-shadow
:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.4
);
width
:
12px
;
margin
:
2px
;
position
:
absolute
;
height
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.4
);
height
:
12px
;
width
:
auto
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#555
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerContainer
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
1px
1px
16px
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-3d-thick-dark.mCSB_scrollTools
{
box-shadow
:
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
{
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.4
),
inset
-1px
0
0
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.4
),
inset
0
-1px
0
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#777
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerContainer
{
background-color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
1px
1px
16px
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-minimal.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCSB_outside
+
.mCS-minimal-dark.mCSB_scrollTools_vertical
,
.mCSB_outside
+
.mCS-minimal.mCSB_scrollTools_vertical
{
right
:
0
;
margin
:
12px
0
}
.mCustomScrollBox.mCS-minimal
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal-dark
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal-dark
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
bottom
:
0
;
margin
:
0
12px
}
.mCS-dir-rtl
>
.mCSB_outside
+
.mCS-minimal-dark.mCSB_scrollTools_vertical
,
.mCS-dir-rtl
>
.mCSB_outside
+
.mCS-minimal.mCSB_scrollTools_vertical
{
left
:
0
;
right
:
auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical
.mCSB_dragger
,
.mCS-minimal.mCSB_scrollTools_vertical
.mCSB_dragger
{
height
:
50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-minimal.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
50px
}
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.2
);
filter
:
"alpha(opacity=20)"
;
-ms-filter
:
"alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.5
);
filter
:
"alpha(opacity=50)"
;
-ms-filter
:
"alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
filter
:
"alpha(opacity=20)"
;
-ms-filter
:
"alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.5
);
filter
:
"alpha(opacity=50)"
;
-ms-filter
:
"alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
6px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-dark-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
6px
;
margin
:
5px
0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
12px
;
margin
:
2px
0
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-dark-3.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
12px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
;
margin
:
3px
5px
;
position
:
absolute
;
height
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
6px
;
margin
:
5px
3px
;
position
:
absolute
;
width
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
12px
;
margin
:
2px
0
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
;
border-width
:
1px
;
border-style
:
solid
;
border-color
:
#fff
;
border-color
:
rgba
(
255
,
255
,
255
,
.2
);
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
{
border-color
:
#000
;
border-color
:
rgba
(
0
,
0
,
0
,
.2
)}
.mCS-inset-3.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.6
)}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.6
)}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
)}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)}
.mCustomScrollbar
{
-ms-touch-action
:
pinch-zoom
;
touch-action
:
pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar
,
.mCustomScrollbar.mCS_touch_action
{
-ms-touch-action
:
auto
;
touch-action
:
auto
}
.mCustomScrollBox
{
position
:
relative
;
overflow
:
hidden
;
height
:
100%
;
max-width
:
100%
;
outline
:
0
;
direction
:
ltr
}
.mCSB_container
{
overflow
:
hidden
;
width
:
auto
;
height
:
auto
}
.mCSB_inside
>
.mCSB_container
{
margin-right
:
30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-right
:
0
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container
{
margin-right
:
0
;
margin-left
:
30px
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-left
:
0
}
.mCSB_scrollTools
{
position
:
absolute
;
width
:
16px
;
height
:
auto
;
left
:
auto
;
top
:
0
;
right
:
0
;
bottom
:
0
;
opacity
:
.75
;
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_outside
+
.mCSB_scrollTools
{
right
:
-26px
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_scrollTools
,
.mCS-dir-rtl
>
.mCSB_outside
+
.mCSB_scrollTools
{
right
:
auto
;
left
:
0
}
.mCS-dir-rtl
>
.mCSB_outside
+
.mCSB_scrollTools
{
left
:
-26px
}
.mCSB_scrollTools
.mCSB_draggerContainer
{
position
:
absolute
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
height
:
auto
}
.mCSB_scrollTools
a
+
.mCSB_draggerContainer
{
margin
:
20px
0
}
.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
2px
;
height
:
100%
;
margin
:
0
auto
;
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
}
.mCSB_scrollTools
.mCSB_dragger
{
cursor
:
pointer
;
width
:
100%
;
height
:
30px
;
z-index
:
1
}
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
position
:
relative
;
width
:
4px
;
height
:
100%
;
margin
:
0
auto
;
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
;
text-align
:
center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
8px
}
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonUp
{
display
:
block
;
position
:
absolute
;
height
:
20px
;
width
:
100%
;
overflow
:
hidden
;
margin
:
0
auto
;
cursor
:
pointer
}
.mCSB_scrollTools
.mCSB_buttonDown
{
bottom
:
0
}
.mCSB_horizontal.mCSB_inside
>
.mCSB_container
{
margin-right
:
0
;
margin-bottom
:
30px
}
.mCSB_horizontal.mCSB_outside
>
.mCSB_container
{
min-height
:
100%
}
.mCSB_horizontal
>
.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden
{
margin-bottom
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
width
:
auto
;
height
:
16px
;
top
:
auto
;
right
:
0
;
bottom
:
0
;
left
:
0
}
.mCustomScrollBox
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
bottom
:
-26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
a
+
.mCSB_draggerContainer
{
margin
:
0
20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
2px
;
margin
:
7px
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
30px
;
height
:
100%
;
left
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
4px
;
margin
:
6px
auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
12px
;
margin
:
2px
auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
8px
;
margin
:
4px
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonLeft
,
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonRight
{
display
:
block
;
position
:
absolute
;
width
:
20px
;
height
:
100%
;
overflow
:
hidden
;
margin
:
0
auto
;
cursor
:
pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonLeft
{
left
:
0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal
.mCSB_buttonRight
{
right
:
0
}
.mCSB_container_wrapper
{
position
:
absolute
;
height
:
auto
;
width
:
auto
;
overflow
:
hidden
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
margin-right
:
30px
;
margin-bottom
:
30px
}
.mCSB_container_wrapper
>
.mCSB_container
{
padding-right
:
30px
;
padding-bottom
:
30px
;
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mCSB_vertical_horizontal
>
.mCSB_scrollTools.mCSB_scrollTools_vertical
{
bottom
:
20px
}
.mCSB_vertical_horizontal
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
right
:
20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
+
.mCSB_scrollTools.mCSB_scrollTools_vertical
{
bottom
:
0
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+
.mCSB_scrollTools
~
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
right
:
0
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
left
:
20px
}
.mCS-dir-rtl
>
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
+
.mCSB_scrollTools
~
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
left
:
0
}
.mCS-dir-rtl
>
.mCSB_inside
>
.mCSB_container_wrapper
{
margin-right
:
0
;
margin-left
:
30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
>
.mCSB_container
{
padding-right
:
0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
>
.mCSB_container
{
padding-bottom
:
0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden
{
margin-right
:
0
;
margin-left
:
0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside
>
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden
{
margin-bottom
:
0
}
.mCSB_scrollTools
,
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCSB_scrollTools
.mCSB_buttonRight
,
.mCSB_scrollTools
.mCSB_buttonUp
,
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
-webkit-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-moz-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-o-transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
transition
:
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerRail
,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger_bar
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerRail
,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger_bar
{
-webkit-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-moz-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
-o-transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
;
transition
:
width
.2s
ease-out
.2s
,
height
.2s
ease-out
.2s
,
margin-left
.2s
ease-out
.2s
,
margin-right
.2s
ease-out
.2s
,
margin-top
.2s
ease-out
.2s
,
margin-bottom
.2s
ease-out
.2s
,
opacity
.2s
ease-in-out
,
background-color
.2s
ease-in-out
}
.mCS-autoHide
>
.mCustomScrollBox
>
.mCSB_scrollTools
,
.mCS-autoHide
>
.mCustomScrollBox
~
.mCSB_scrollTools
{
opacity
:
0
;
filter
:
"alpha(opacity=0)"
;
-ms-filter
:
"alpha(opacity=0)"
}
.mCS-autoHide
:hover
>
.mCustomScrollBox
>
.mCSB_scrollTools
,
.mCS-autoHide
:hover
>
.mCustomScrollBox
~
.mCSB_scrollTools
,
.mCustomScrollBox
:hover
>
.mCSB_scrollTools
,
.mCustomScrollBox
:hover
~
.mCSB_scrollTools
,
.mCustomScrollbar
>
.mCustomScrollBox
>
.mCSB_scrollTools.mCSB_scrollTools_onDrag
,
.mCustomScrollbar
>
.mCustomScrollBox
~
.mCSB_scrollTools.mCSB_scrollTools_onDrag
{
opacity
:
1
;
filter
:
"alpha(opacity=100)"
;
-ms-filter
:
"alpha(opacity=100)"
}
.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.4
);
filter
:
"alpha(opacity=40)"
;
-ms-filter
:
"alpha(opacity=40)"
}
.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
);
filter
:
"alpha(opacity=85)"
;
-ms-filter
:
"alpha(opacity=85)"
}
.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
);
filter
:
"alpha(opacity=90)"
;
-ms-filter
:
"alpha(opacity=90)"
}
.mCSB_scrollTools
.mCSB_buttonDown
,
.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCSB_scrollTools
.mCSB_buttonRight
,
.mCSB_scrollTools
.mCSB_buttonUp
{
background-image
:
url(mCSB_buttons.png)
;
background-repeat
:
no-repeat
;
opacity
:
.4
;
filter
:
"alpha(opacity=40)"
;
-ms-filter
:
"alpha(opacity=40)"
}
.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
0
0
}
.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
0
-20px
}
.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
0
-40px
}
.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
0
-56px
}
.mCSB_scrollTools
.mCSB_buttonDown
:hover
,
.mCSB_scrollTools
.mCSB_buttonLeft
:hover
,
.mCSB_scrollTools
.mCSB_buttonRight
:hover
,
.mCSB_scrollTools
.mCSB_buttonUp
:hover
{
opacity
:
.75
;
filter
:
"alpha(opacity=75)"
;
-ms-filter
:
"alpha(opacity=75)"
}
.mCSB_scrollTools
.mCSB_buttonDown
:active
,
.mCSB_scrollTools
.mCSB_buttonLeft
:active
,
.mCSB_scrollTools
.mCSB_buttonRight
:active
,
.mCSB_scrollTools
.mCSB_buttonUp
:active
{
opacity
:
.9
;
filter
:
"alpha(opacity=90)"
;
-ms-filter
:
"alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)
}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
0
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-20px
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-40px
}
.mCS-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-56px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-2.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-dark-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
4px
;
margin
:
6px
auto
}
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)
}
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-light-2.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
0
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-20px
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-40px
}
.mCS-light-2.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-56px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
);
-webkit-border-radius
:
1px
;
-moz-border-radius
:
1px
;
border-radius
:
1px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-2.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
0
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-20px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-40px
}
.mCS-dark-2.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-56px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
4px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
;
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-thick.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
4px
;
margin
:
6px
0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
6px
;
margin
:
5px
auto
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-light-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-16px
0
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-16px
-20px
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-20px
-40px
}
.mCS-light-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-20px
-56px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
);
-webkit-border-radius
:
2px
;
-moz-border-radius
:
2px
;
border-radius
:
2px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-96px
0
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-96px
-20px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-100px
-40px
}
.mCS-dark-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-100px
-56px
}
.mCS-light-thin.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.1
)
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-thin.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-thin.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
2px
;
margin
:
7px
auto
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-thin.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
0
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-20px
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-40px
}
.mCS-dark-thin.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-56px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.15
)
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_dragger
,
.mCS-rounded.mCSB_scrollTools
.mCSB_dragger
{
height
:
14px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
14px
;
margin
:
0
1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-rounded.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
14px
;
margin
:
1px
0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
16px
;
height
:
16px
;
margin
:
-1px
0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
.mCSB_dragger_bar
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
16px
;
width
:
16px
;
margin
:
0
-1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
4px
;
margin
:
6px
0
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
0
-72px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
0
-92px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
0
-112px
}
.mCS-rounded.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
0
-128px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.15
)
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-80px
-72px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-80px
-92px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-80px
-112px
}
.mCS-rounded-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-80px
-128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_vertical
.mCSB_draggerRail
{
width
:
4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
background-color
:
transparent
;
background-position
:
center
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_draggerRail
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)
;
background-repeat
:
repeat-y
;
opacity
:
.3
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-rounded-dots.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
height
:
4px
;
margin
:
6px
0
;
background-repeat
:
repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-16px
-72px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-16px
-92px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-20px
-112px
}
.mCS-rounded-dots.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-20px
-128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-96px
-72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-96px
-92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-100px
-112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-100px
-128px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-repeat
:
repeat-y
;
background-image
:
-moz-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
.5
)),
color-stop
(
100%
,
rgba
(
255
,
255
,
255
,
0
)));
background-image
:
-webkit-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-o-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-ms-linear-gradient
(
left
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
linear-gradient
(
to
right
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
background-repeat
:
repeat-x
;
background-image
:
-moz-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
color-stop
(
0
,
rgba
(
255
,
255
,
255
,
.5
)),
color-stop
(
100%
,
rgba
(
255
,
255
,
255
,
0
)));
background-image
:
-webkit-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-o-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
-ms-linear-gradient
(
top
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
);
background-image
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
.5
)
0
,
rgba
(
255
,
255
,
255
,
0
)
100%
)
}
.mCS-3d-dark.mCSB_scrollTools_vertical
.mCSB_dragger
,
.mCS-3d.mCSB_scrollTools_vertical
.mCSB_dragger
{
height
:
70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
70px
}
.mCS-3d-dark.mCSB_scrollTools
,
.mCS-3d.mCSB_scrollTools
{
opacity
:
1
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_draggerRail
{
-webkit-border-radius
:
16px
;
-moz-border-radius
:
16px
;
border-radius
:
16px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
8px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.5
),
inset
-1px
0
1px
rgba
(
255
,
255
,
255
,
.2
)
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#555
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
8px
;
margin
:
4px
0
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.5
),
inset
0
-1px
1px
rgba
(
255
,
255
,
255
,
.2
)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
100%
;
height
:
8px
;
margin
:
4px
auto
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-3d.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-3d-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-3d-thick-dark.mCSB_scrollTools
,
.mCS-3d-thick.mCSB_scrollTools
{
opacity
:
1
;
filter
:
"alpha(opacity=30)"
;
-ms-filter
:
"alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerContainer
,
.mCS-3d-thick.mCSB_scrollTools
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerContainer
{
-webkit-border-radius
:
7px
;
-moz-border-radius
:
7px
;
border-radius
:
7px
}
.mCSB_inside
+
.mCS-3d-thick-dark.mCSB_scrollTools_vertical
,
.mCSB_inside
+
.mCS-3d-thick.mCSB_scrollTools_vertical
{
right
:
1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical
,
.mCS-3d-thick.mCSB_scrollTools_vertical
{
box-shadow
:
inset
1px
0
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.5
)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
{
bottom
:
1px
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.5
)
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
;
box-shadow
:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.4
);
width
:
12px
;
margin
:
2px
;
position
:
absolute
;
height
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.4
);
height
:
12px
;
width
:
auto
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-thick.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#555
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerContainer
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
1px
1px
16px
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-3d-thick.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-3d-thick-dark.mCSB_scrollTools
{
box-shadow
:
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
{
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
.1
),
inset
0
0
14px
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
1px
0
0
rgba
(
255
,
255
,
255
,
.4
),
inset
-1px
0
0
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.4
),
inset
0
-1px
0
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#777
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerContainer
{
background-color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
1px
1px
16px
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-minimal.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-3d-thick-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCSB_outside
+
.mCS-minimal-dark.mCSB_scrollTools_vertical
,
.mCSB_outside
+
.mCS-minimal.mCSB_scrollTools_vertical
{
right
:
0
;
margin
:
12px
0
}
.mCustomScrollBox.mCS-minimal
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal-dark
+
.mCSB_scrollTools
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
,
.mCustomScrollBox.mCS-minimal-dark
+
.mCSB_scrollTools.mCSB_scrollTools_horizontal
{
bottom
:
0
;
margin
:
0
12px
}
.mCS-dir-rtl
>
.mCSB_outside
+
.mCS-minimal-dark.mCSB_scrollTools_vertical
,
.mCS-dir-rtl
>
.mCSB_outside
+
.mCS-minimal.mCSB_scrollTools_vertical
{
left
:
0
;
right
:
auto
}
.mCS-minimal-dark.mCSB_scrollTools_vertical
.mCSB_dragger
,
.mCS-minimal.mCSB_scrollTools_vertical
.mCSB_dragger
{
height
:
50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
,
.mCS-minimal.mCSB_scrollTools_horizontal
.mCSB_dragger
{
width
:
50px
}
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.2
);
filter
:
"alpha(opacity=20)"
;
-ms-filter
:
"alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-minimal.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.5
);
filter
:
"alpha(opacity=50)"
;
-ms-filter
:
"alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
filter
:
"alpha(opacity=20)"
;
-ms-filter
:
"alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-minimal-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.5
);
filter
:
"alpha(opacity=50)"
;
-ms-filter
:
"alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
6px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-dark-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-light-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
6px
;
margin
:
5px
0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
width
:
12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_dragger.mCSB_dragger_onDrag_expanded
+
.mCSB_draggerRail
,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand
.mCSB_draggerContainer
:hover
.mCSB_draggerRail
{
height
:
12px
;
margin
:
2px
0
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-light-3.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-dark-3.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-dark-3.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset.mCSB_scrollTools
.mCSB_draggerRail
{
width
:
12px
;
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
width
:
6px
;
margin
:
3px
5px
;
position
:
absolute
;
height
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-2.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset.mCSB_scrollTools_horizontal
.mCSB_dragger
.mCSB_dragger_bar
{
height
:
6px
;
margin
:
5px
3px
;
position
:
absolute
;
width
:
auto
;
top
:
0
;
bottom
:
0
;
left
:
0
;
right
:
0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-3.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools_horizontal
.mCSB_draggerRail
,
.mCS-inset.mCSB_scrollTools_horizontal
.mCSB_draggerRail
{
width
:
100%
;
height
:
12px
;
margin
:
2px
0
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-32px
-72px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-32px
-92px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-40px
-112px
}
.mCS-inset-2.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-40px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.1
)
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonUp
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonUp
{
background-position
:
-112px
-72px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonDown
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonDown
{
background-position
:
-112px
-92px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonLeft
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonLeft
{
background-position
:
-120px
-112px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_buttonRight
,
.mCS-inset-dark.mCSB_scrollTools
.mCSB_buttonRight
{
background-position
:
-120px
-128px
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
,
.mCS-inset-2.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
transparent
;
border-width
:
1px
;
border-style
:
solid
;
border-color
:
#fff
;
border-color
:
rgba
(
255
,
255
,
255
,
.2
);
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
.mCS-inset-2-dark.mCSB_scrollTools
.mCSB_draggerRail
{
border-color
:
#000
;
border-color
:
rgba
(
0
,
0
,
0
,
.2
)
}
.mCS-inset-3.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.6
)
}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_draggerRail
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.6
)
}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.75
)
}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.85
)
}
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#000
;
background-color
:
rgba
(
0
,
0
,
0
,
.9
)
}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.75
)
}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:hover
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.85
)
}
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger.mCSB_dragger_onDrag
.mCSB_dragger_bar
,
.mCS-inset-3-dark.mCSB_scrollTools
.mCSB_dragger
:active
.mCSB_dragger_bar
{
background-color
:
#fff
;
background-color
:
rgba
(
255
,
255
,
255
,
.9
)
}
.mCustomScrollbar
:after
{
content
:
""
;
position
:
absolute
;
left
:
0
;
right
:
0
;
bottom
:
0
;
height
:
1.
5
rem
;
height
:
1.
3
rem
;
background
:
linear-gradient
(
180deg
,
hsla
(
0
,
0%
,
100%
,
.3
),
hsla
(
0
,
0%
,
100%
,
1
));
}
.mCustomScrollbar.mCS_no_scrollbar
:after
{
display
:
none
;
}
.mCustomScrollbar.mCS_no_scrollbar
.lastItem
{
margin-bottom
:
0
!important
;
}
ui/tx/details/TxDetailsAction.tsx
View file @
0235f01e
...
...
@@ -25,7 +25,7 @@ const TxDetailsAction = ({ protocol, type, data, isLast }) => {
}
return
(
<
Flex
flexWrap=
"wrap"
columnGap=
{
1
}
rowGap=
{
2
}
marginBottom=
{
isLast
?
5
:
0
}
>
<
Flex
flexWrap=
"wrap"
columnGap=
{
1
}
rowGap=
{
2
}
className=
{
isLast
?
"
lastItem
"
:
""
}
marginBottom=
{
isLast
?
5
:
0
}
>
<
Text
color=
"gray.500"
as=
"span"
>
{
actionName
[
type
][
0
]
}
</
Text
>
...
...
@@ -59,7 +59,7 @@ const TxDetailsAction = ({ protocol, type, data, isLast }) => {
}
else
if
(
type
===
'
mint_nft
'
)
{
const
tokenUrl
=
link
(
'
token_index
'
,
{
hash
:
data
.
address
});
return
(
<
Flex
rowGap=
{
2
}
flexDirection=
"column"
>
<
Flex
rowGap=
{
2
}
flexDirection=
"column"
className=
{
isLast
?
"
lastItem
"
:
""
}
marginBottom=
{
isLast
?
5
:
0
}
>
<
Flex
flexWrap=
"wrap"
columnGap=
{
1
}
rowGap=
{
2
}
>
<
Flex
columnGap=
{
1
}
>
<
Text
as=
"span"
>
Mint of
</
Text
>
...
...
ui/tx/details/TxDetailsActions.tsx
View file @
0235f01e
import
{
Box
,
Flex
}
from
'
@chakra-ui/react
'
;
import
{
Box
,
Flex
,
Text
}
from
'
@chakra-ui/react
'
;
import
React
from
'
react
'
;
import
{
space
}
from
'
lib/html-entities
'
;
import
DetailsInfoItem
from
'
ui/shared/DetailsInfoItem
'
;
...
...
@@ -12,7 +13,8 @@ const TxDetailsActions = ({ actions }) => {
hint=
"Highlighted events of the transaction"
position=
"relative"
>
<
Box
className=
"mCustomScrollbar"
data
-
mcs
-
theme=
"minimal-dark"
maxH=
{
40
}
>
<
Box
w=
"100%"
>
<
Box
className=
"mCustomScrollbar"
data
-
mcs
-
theme=
"minimal-dark"
maxH=
{
36
}
>
<
Flex
flexDirection=
"column"
alignItems=
"flex-start"
...
...
@@ -23,6 +25,12 @@ const TxDetailsActions = ({ actions }) => {
{
actions
.
map
((
action
,
index
)
=>
<
TxDetailsAction
key=
{
index
}
{
...
action
}
isLast=
{
index
===
actions
.
length
-
1
}
/>)
}
</
Flex
>
</
Box
>
<
Text
fontWeight=
{
500
}
color=
"gray.500"
fontSize=
"sm"
id=
"txActionsScrollForMore"
display=
"none"
marginTop=
{
5
}
>
Scroll for more
{
space
}
<
Text
color=
"gray.500"
transform=
"rotate(90deg)"
display=
"inline-block"
as=
"span"
>
»
</
Text
>
</
Text
>
</
Box
>
</
DetailsInfoItem
>
);
};
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment