/* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ 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{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ 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; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .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; /* minimum dragger width */ 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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ 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; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .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{ /* RTL direction/left-side scrollbar */ 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; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -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; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,0.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,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ 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,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-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,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .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, .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{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .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, .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{ width: 4px; /* auto-expanded scrollbar */ } .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, .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{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .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, .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{ height: 4px; /* auto-expanded scrollbar */ 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; } /* theme "rounded-dark", "rounded-dots-dark" */ .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,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAABiCAYAAACyJ33EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRDVDM0UxNzE0QzVFQTExOEQwOEYyQTQ5NDQxM0NFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEZCNTEyRkU3M0MxMUYwQjU2OEYwRjcwMkFCQzdDOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEZCNTEyRUU3M0MxMUYwQjU2OEYwRjcwMkFCQzdDOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUM2NEYxQ0U3MEIxMUYwQTJFN0VFOEQ3QTFEODQyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUM2NEYxREU3MEIxMUYwQTJFN0VFOEQ3QTFEODQyRSIvPiA8L3JkZjpEZXNjcmlwdGlv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"); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.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; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAABiCAYAAACyJ33EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRDVDM0UxNzE0QzVFQTExOEQwOEYyQTQ5NDQxM0NFQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEZCNTEyRkU3M0MxMUYwQjU2OEYwRjcwMkFCQzdDOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEZCNTEyRUU3M0MxMUYwQjU2OEYwRjcwMkFCQzdDOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQUM2NEYxQ0U3MEIxMUYwQTJFN0VFOEQ3QTFEODQyRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQUM2NEYxREU3MEIxMUYwQTJFN0VFOEQ3QTFEODQyRSIvPiA8L3JkZjpEZXNjcmlwdGlv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"); } .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; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.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; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,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; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,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; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,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,0.4), inset -1px 0 0 rgba(0,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,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.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; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.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,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .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, .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{ width: 12px; } .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, .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{ 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; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.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,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */