Eugeny Galkovskiy / kbenergy_new

Commit 9030662442378edc8f77de04cd950a00aaea0a84

Authored by Виталий
1 parent 41b041b3

add seo text home

Showing 6 changed files with 1267 additions and 15 deletions   Show diff stats
Inline Side-by-side
frontend/assets/AppAsset.php
  Show/Hide comments   View file @9030662
... ... @@ -21,6 +21,7 @@
21 21 '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800',
22 22 'css/custom.css',
23 23 'css/main.css',
  24 + 'css/scroll.css',
24 25 ];
25 26 public $js = [
26 27 'js/jquery.cookie.js',
... ... @@ -30,7 +31,8 @@
30 31 'js/front.js',
31 32 'js/owl.carousel.min.js',
32 33 'js/script.js',
33   - 'js/jquery.mask.min.js'
  34 + 'js/jquery.mask.min.js',
  35 + 'js/jquery.mCustomScrollbar.concat.min.js'
34 36 ];
35 37 public $depends = [
36 38 'yii\web\YiiAsset',
... ...
frontend/views/site/index.php
  Show/Hide comments   View file @9030662
... ... @@ -327,7 +327,7 @@ JS;
327 327 <section class="blue-fon no-mg economy-wr">
328 328 <div class="container">
329 329 <div class="heading text-center">
330   - <div class="h2 big-text"><?=\Yii::t('app', 'index_economy1')?> <br/><?=\Yii::t('app', 'index_economy2')?></div>
  330 + <h2 class="h2 big-text"><?=\Yii::t('app', 'index_economy1')?> <br/><?=\Yii::t('app', 'index_economy2')?></h2>
331 331 </div>
332 332 <div class="row">
333 333 <div class="col-xs-12 col-sm-4">
... ... @@ -476,6 +476,28 @@ JS;
476 476 </div>
477 477 </div>
478 478 </section>
  479 +
  480 +<!-- <section class="section-text">-->
  481 +<!-- <div class="container">-->
  482 +<!-- <div class="row">-->
  483 +<!-- <div class="col-xs-12">-->
  484 +<!-- <div class="home-text-wr">-->
  485 +<!-- <h1>ЗАЧЕМ ВАМ ДОМАШНЯЯ СОЛНЕЧНАЯ ЭЛЕКТРОСТАНЦИЯ?</h1>-->
  486 +<!-- <ul>-->
  487 +<!-- <li><span>Дополнительный источник доходов — вы зарабатываете до 7500 $ в год благодаря зеленому тарифу;</span></li>-->
  488 +<!-- <li><span>Срок окупаемости от четырех лет;</span></li>-->
  489 +<!-- <li><span>Солнце — экологически чистый источник энергии;</span></li>-->
  490 +<!-- <li><span>Стоимость установки солнечной электростанции от 800$ за 1 кВт . В эту сумму входит оборудование, монтаж + полный пакет документов;</span></li>-->
  491 +<!-- <li><span>Полный набор оборудования: солнечные панели, инвертор, система крепления, защитная автоматика, кабель, расходные материалы.</span></li>-->
  492 +<!-- </ul>-->
  493 +<!-- <p>Главный плюс СЭС — ваша независимость от малейших изменений в цене на электроэнергию и привязка зеленого тарифа к курсу евро. Вы получаете чистый неисчерпаемый источник электроэнергии от солнца. Установка СЭС позволяет не только экономить, но и зарабатывать, благодаря зеленому тарифу. Наш первый клиент уже заработал больше чем 9600$ за полтора года. Ваш дом не только будет окупаться вдвойне, но и приносить дополнительный доход.</p>-->
  494 +<!-- <p>Намного выгоднее приобрести солнечную электростанцию, чем инвестировать в депозиты банка. Вы избавляете себя от финансовых рисков, связанных с дефолтом. СЭС на 10 кВт позволяет начать зарабатывать от 4000$ в год. Тяжело найти более экологичный и простой путь удвоить свой доход. Чем мощнее СЭС — тем больше вы зарабатываете!</p>-->
  495 +<!-- </div>-->
  496 +<!-- </div>-->
  497 +<!-- </div>-->
  498 +<!-- </div>-->
  499 +<!-- </section>-->
  500 +
479 501 <section class="no-mg">
480 502 <div id="map">
481 503  
... ...
frontend/web/css/main.css
  Show/Hide comments   View file @9030662
... ... @@ -1127,4 +1127,60 @@ p.error-text{
1127 1127 }
1128 1128 .label_39 {
1129 1129 z-index: 2147483645 !important;
1130   -}
1131 1130 \ No newline at end of file
  1131 +}
  1132 +
  1133 +
  1134 +/**************text************/
  1135 +.section-text {padding-top: 46px; }
  1136 +.section-text > .container {position: relative;}
  1137 +.section-text > .container:before {
  1138 + content: '';
  1139 + position: absolute;
  1140 + width: 100%;
  1141 + height: 50px;
  1142 + background: rgba(255, 255, 255, 0);
  1143 + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1144 + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1145 + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  1146 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  1147 + left: 0;
  1148 + bottom: 17px;
  1149 + z-index: 2;
  1150 +}
  1151 +.home-text-wr {
  1152 + max-height: 440px;
  1153 +}
  1154 +.home-text-wr {
  1155 + font-size: 16px; }
  1156 +.home-text-wr * {
  1157 + margin-bottom: 20px; }
  1158 +.home-text-wr h1 {
  1159 + font-size: 30px; }
  1160 +.home-text-wr h2 {
  1161 + font-size: 26px; }
  1162 +.home-text-wr h3 {
  1163 + font-size: 24px; }
  1164 +.home-text-wr h4 {
  1165 + font-size: 23px; }
  1166 +.home-text-wr p {
  1167 + margin-bottom: 40px; }
  1168 +.home-text-wr ul li, .home-text-wr ol li {
  1169 + margin-bottom: 0;
  1170 + position: relative; }
  1171 +.home-text-wr ul {
  1172 + padding-left: 40px; }
  1173 +.home-text-wr ul li {
  1174 + list-style: none; }
  1175 +.home-text-wr ul li:before {
  1176 + width: 7px;
  1177 + height: 7px;
  1178 + background: #467fbf;
  1179 + content: '';
  1180 + position: absolute;
  1181 + top: 12px;
  1182 + left: -20px;
  1183 + border-radius: 100%; }
  1184 +
  1185 +@media (min-width: 768px) {
  1186 + .home-text-wr {
  1187 + font-size: 21px; } }
1132 1188 \ No newline at end of file
... ...
frontend/web/css/scroll.css 0 → 100644
  Show/Hide comments   View file @9030662
  1 +
  2 +/*
  3 +CONTENTS:
  4 + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
  5 + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
  6 + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
  7 + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
  8 + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
  9 + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
  10 + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
  11 +*/
  12 +
  13 +
  14 +
  15 +/*
  16 +------------------------------------------------------------------------------------------------------------------------
  17 +1. BASIC STYLE
  18 +------------------------------------------------------------------------------------------------------------------------
  19 +*/
  20 +
  21 +.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
  22 +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
  23 +
  24 +.mCustomScrollBox{ /* contains plugin's markup */
  25 + position: relative;
  26 + overflow: hidden;
  27 + height: 100%;
  28 + max-width: 100%;
  29 + outline: none;
  30 + direction: ltr;
  31 +}
  32 +
  33 +.mCSB_container{ /* contains the original content */
  34 + overflow: hidden;
  35 + width: auto;
  36 + height: auto;
  37 + padding-right: 12px;
  38 +}
  39 +
  40 +
  41 +
  42 +/*
  43 +------------------------------------------------------------------------------------------------------------------------
  44 +2. VERTICAL SCROLLBAR
  45 +y-axis
  46 +------------------------------------------------------------------------------------------------------------------------
  47 +*/
  48 +
  49 +.mCSB_inside > .mCSB_container{
  50 + /*margin-right: 30px; */
  51 +}
  52 +
  53 +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
  54 +
  55 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
  56 + margin-right: 0;
  57 + margin-left: 30px;
  58 +}
  59 +
  60 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
  61 +
  62 +.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  63 + position: absolute;
  64 + width: 16px;
  65 + height: auto;
  66 + left: auto;
  67 + top: 0;
  68 + right: 11px;
  69 + bottom: 0;
  70 + z-index: 5;
  71 +}
  72 +
  73 +.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
  74 +
  75 +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  76 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
  77 + right: auto;
  78 + left: 0;
  79 +}
  80 +
  81 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  82 +
  83 +.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
  84 + position: absolute;
  85 + top: 0;
  86 + left: 0;
  87 + bottom: 0;
  88 + right: 0;
  89 + height: auto;
  90 +}
  91 +
  92 +.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
  93 +
  94 +.mCSB_scrollTools .mCSB_draggerRail{
  95 + width: 6px;
  96 + height: 100%;
  97 + margin: 0 auto;
  98 +
  99 +}
  100 +
  101 +.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
  102 + cursor: pointer;
  103 + width: 100%;
  104 + /*height: 30px; !* minimum dragger height *!*/
  105 + height: 200px;
  106 + z-index: 1;
  107 +}
  108 +
  109 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
  110 + position: relative;
  111 + /*width: 4px;*/
  112 + width: 12px;
  113 + height: 100%;
  114 + margin: 0 auto;
  115 +
  116 + text-align: center;
  117 + border: 1px solid #d4d4d4;
  118 + box-shadow: 0px 0px 6px 0px rgba(126, 126, 126, 0.35);
  119 +}
  120 +
  121 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  122 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
  123 +
  124 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  125 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
  126 +
  127 +.mCSB_scrollTools .mCSB_buttonUp,
  128 +.mCSB_scrollTools .mCSB_buttonDown{
  129 + display: block;
  130 + position: absolute;
  131 + height: 20px;
  132 + width: 100%;
  133 + overflow: hidden;
  134 + margin: 0 auto;
  135 + cursor: pointer;
  136 +}
  137 +
  138 +.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
  139 +
  140 +
  141 +
  142 +
  143 +/*
  144 +------------------------------------------------------------------------------------------------------------------------
  145 +5. TRANSITIONS
  146 +------------------------------------------------------------------------------------------------------------------------
  147 +*/
  148 +
  149 +.mCSB_scrollTools,
  150 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  151 +.mCSB_scrollTools .mCSB_buttonUp,
  152 +.mCSB_scrollTools .mCSB_buttonDown,
  153 +.mCSB_scrollTools .mCSB_buttonLeft,
  154 +.mCSB_scrollTools .mCSB_buttonRight{
  155 + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  156 + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  157 + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  158 + transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  159 +}
  160 +
  161 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
  162 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  163 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  164 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
  165 + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  166 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  167 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  168 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  169 + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  170 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  171 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  172 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  173 + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  174 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  175 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  176 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  177 + transition: width .2s ease-out .2s, height .2s ease-out .2s,
  178 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  179 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  180 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  181 +}
  182 +
  183 +
  184 +
  185 +/*
  186 +------------------------------------------------------------------------------------------------------------------------
  187 +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
  188 +------------------------------------------------------------------------------------------------------------------------
  189 +*/
  190 +
  191 +/*
  192 +----------------------------------------
  193 +6.1 THEMES
  194 +----------------------------------------
  195 +*/
  196 +
  197 +/* default theme ("light") */
  198 +
  199 +.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
  200 +
  201 +/*.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,*/
  202 +/*.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }*/
  203 +
  204 +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  205 +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  206 +.mCustomScrollBox:hover > .mCSB_scrollTools,
  207 +.mCustomScrollBox:hover ~ .mCSB_scrollTools,
  208 +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  209 +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
  210 +
  211 +.mCSB_scrollTools .mCSB_draggerRail{
  212 + background-color: #dad9d9 !important;
  213 + opacity: 1;
  214 +}
  215 +
  216 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  217 + opacity: 1;
  218 + background: #ebebeb;
  219 + background: -moz-linear-gradient(45deg, #ebebeb 0%, #f8f8f8 100%);
  220 + background: -webkit-linear-gradient(45deg, #ebebeb 0%,#f8f8f8 100%);
  221 + background: linear-gradient(45deg, #ebebeb 0%,#f8f8f8 100%);
  222 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f8f8f8',GradientType=1 );
  223 +}
  224 +
  225 +
  226 +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
  227 + /*background-color: #fff; background-color: rgba(255,255,255,0.85);*/
  228 + /*filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";*/
  229 + /*background: #0081b5;*/
  230 +}
  231 +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  232 +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  233 + /*background-color: #0c579b;*/
  234 + /*background-color: #0081b5;*/
  235 + opacity: 1;
  236 +}
  237 +
  238 +.mCSB_scrollTools .mCSB_buttonUp,
  239 +.mCSB_scrollTools .mCSB_buttonDown,
  240 +.mCSB_scrollTools .mCSB_buttonLeft,
  241 +.mCSB_scrollTools .mCSB_buttonRight{
  242 + /*background-image: url(mCSB_buttons.png); !* css sprites *!*/
  243 + /*background-repeat: no-repeat;*/
  244 + /*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";*/
  245 +}
  246 +
  247 +.mCSB_scrollTools .mCSB_buttonUp{
  248 + background-position: 0 0;
  249 + /*
  250 + sprites locations
  251 + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  252 + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  253 + */
  254 +}
  255 +
  256 +.mCSB_scrollTools .mCSB_buttonDown{
  257 + background-position: 0 -20px;
  258 + /*
  259 + sprites locations
  260 + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  261 + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  262 + */
  263 +}
  264 +
  265 +.mCSB_scrollTools .mCSB_buttonLeft{
  266 + background-position: 0 -40px;
  267 + /*
  268 + sprites locations
  269 + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  270 + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  271 + */
  272 +}
  273 +
  274 +.mCSB_scrollTools .mCSB_buttonRight{
  275 + background-position: 0 -56px;
  276 + /*
  277 + sprites locations
  278 + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  279 + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  280 + */
  281 +}
  282 +
  283 +.mCSB_scrollTools .mCSB_buttonUp:hover,
  284 +.mCSB_scrollTools .mCSB_buttonDown:hover,
  285 +.mCSB_scrollTools .mCSB_buttonLeft:hover,
  286 +.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
  287 +
  288 +.mCSB_scrollTools .mCSB_buttonUp:active,
  289 +.mCSB_scrollTools .mCSB_buttonDown:active,
  290 +.mCSB_scrollTools .mCSB_buttonLeft:active,
  291 +.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
  292 +
  293 +
  294 +/* theme: "dark" */
  295 +
  296 +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
  297 +
  298 +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  299 +.mCSB_dragger_bar:before{
  300 + position: absolute;
  301 + width: 4px;
  302 + height: 10px;
  303 + background: url("../images/scroll-bg.png") 50% 50% no-repeat;
  304 + left: 50%;
  305 + margin-left: -2px;
  306 + top: 50%;
  307 + margin-top: -5px;
  308 + content: '';
  309 +
  310 +}
  311 +
  312 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
  313 +
  314 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  315 +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
  316 +
  317 +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
  318 +
  319 +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
  320 +
  321 +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
  322 +
  323 +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
  324 +
  325 +/* ---------------------------------------- */
  326 +
  327 +
  328 +
  329 +/* theme: "light-2", "dark-2" */
  330 +
  331 +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
  332 +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
  333 + width: 4px;
  334 + background-color: #fff; background-color: rgba(255,255,255,0.1);
  335 + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  336 +}
  337 +
  338 +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  339 +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  340 + width: 4px;
  341 + background-color: #fff; background-color: rgba(255,255,255,0.75);
  342 + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  343 +}
  344 +
  345 +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  346 +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  347 +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  348 +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  349 + width: 100%;
  350 + height: 4px;
  351 + margin: 6px auto;
  352 +}
  353 +
  354 +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
  355 +
  356 +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  357 +.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
  358 +
  359 +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
  360 +
  361 +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; }
  362 +
  363 +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; }
  364 +
  365 +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
  366 +
  367 +
  368 +/* theme: "dark-2" */
  369 +
  370 +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
  371 + background-color: #000; background-color: rgba(0,0,0,0.1);
  372 + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  373 +}
  374 +
  375 +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  376 + background-color: #000; background-color: rgba(0,0,0,0.75);
  377 + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
  378 +}
  379 +
  380 +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  381 +
  382 +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  383 +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  384 +
  385 +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
  386 +
  387 +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
  388 +
  389 +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
  390 +
  391 +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; }
  392 +
  393 +/* ---------------------------------------- */
  394 +
  395 +
  396 +
  397 +/* theme: "light-thick", "dark-thick" */
  398 +
  399 +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
  400 +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
  401 + width: 4px;
  402 + background-color: #fff; background-color: rgba(255,255,255,0.1);
  403 + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  404 +}
  405 +
  406 +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  407 +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  408 + width: 6px;
  409 + background-color: #fff; background-color: rgba(255,255,255,0.75);
  410 + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  411 +}
  412 +
  413 +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  414 +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  415 + width: 100%;
  416 + height: 4px;
  417 + margin: 6px 0;
  418 +}
  419 +
  420 +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  421 +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  422 + width: 100%;
  423 + height: 6px;
  424 + margin: 5px auto;
  425 +}
  426 +
  427 +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
  428 +
  429 +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  430 +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
  431 +
  432 +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
  433 +
  434 +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; }
  435 +
  436 +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; }
  437 +
  438 +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }
  439 +
  440 +
  441 +/* theme: "dark-thick" */
  442 +
  443 +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
  444 + background-color: #000; background-color: rgba(0,0,0,0.1);
  445 + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  446 +}
  447 +
  448 +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  449 + background-color: #000; background-color: rgba(0,0,0,0.75);
  450 + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
  451 +}
  452 +
  453 +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  454 +
  455 +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  456 +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  457 +
  458 +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
  459 +
  460 +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
  461 +
  462 +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
  463 +
  464 +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; }
  465 +
  466 +/* ---------------------------------------- */
  467 +
  468 +
  469 +
  470 +/* theme: "light-thin", "dark-thin" */
  471 +
  472 +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
  473 +
  474 +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  475 +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
  476 +
  477 +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  478 +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
  479 +
  480 +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  481 +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  482 + width: 100%;
  483 + height: 2px;
  484 + margin: 7px auto;
  485 +}
  486 +
  487 +
  488 +/* theme "dark-thin" */
  489 +
  490 +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
  491 +
  492 +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  493 +
  494 +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  495 +
  496 +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  497 +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  498 +
  499 +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
  500 +
  501 +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
  502 +
  503 +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
  504 +
  505 +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
  506 +
  507 +/* ---------------------------------------- */
  508 +
  509 +
  510 +
  511 +/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
  512 +
  513 +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
  514 +
  515 +.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
  516 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
  517 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
  518 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
  519 +
  520 +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  521 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  522 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  523 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  524 + width: 14px;
  525 + margin: 0 1px;
  526 +}
  527 +
  528 +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
  529 +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
  530 +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
  531 +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
  532 +
  533 +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  534 +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  535 +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  536 +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  537 + height: 14px;
  538 + margin: 1px 0;
  539 +}
  540 +
  541 +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  542 +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  543 +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  544 +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
  545 + width: 16px; /* auto-expanded scrollbar */
  546 + height: 16px;
  547 + margin: -1px 0;
  548 +}
  549 +
  550 +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  551 +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  552 +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  553 +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
  554 +
  555 +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  556 +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
  557 +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  558 +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
  559 + height: 16px; /* auto-expanded scrollbar */
  560 + width: 16px;
  561 + margin: 0 -1px;
  562 +}
  563 +
  564 +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  565 +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  566 +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  567 +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
  568 + height: 4px; /* auto-expanded scrollbar */
  569 + margin: 6px 0;
  570 +}
  571 +
  572 +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
  573 +
  574 +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
  575 +
  576 +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
  577 +
  578 +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
  579 +
  580 +
  581 +/* theme "rounded-dark", "rounded-dots-dark" */
  582 +
  583 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  584 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  585 +
  586 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
  587 +
  588 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  589 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  590 +
  591 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  592 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  593 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  594 +.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); }
  595 +
  596 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
  597 +
  598 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
  599 +
  600 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
  601 +
  602 +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
  603 +
  604 +
  605 +/* theme "rounded-dots", "rounded-dots-dark" */
  606 +
  607 +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
  608 +.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
  609 +
  610 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  611 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
  612 +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  613 +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  614 + background-color: transparent;
  615 + background-position: center;
  616 +}
  617 +
  618 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
  619 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
  620 + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  621 + background-repeat: repeat-y;
  622 + opacity: 0.3;
  623 + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  624 +}
  625 +
  626 +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  627 +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  628 + height: 4px;
  629 + margin: 6px 0;
  630 + background-repeat: repeat-x;
  631 +}
  632 +
  633 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
  634 +
  635 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
  636 +
  637 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
  638 +
  639 +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
  640 +
  641 +
  642 +/* theme "rounded-dots-dark" */
  643 +
  644 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
  645 + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
  646 +}
  647 +
  648 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
  649 +
  650 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
  651 +
  652 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
  653 +
  654 +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
  655 +
  656 +/* ---------------------------------------- */
  657 +
  658 +
  659 +
  660 +/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
  661 +
  662 +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  663 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  664 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  665 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  666 + background-repeat: repeat-y;
  667 + background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  668 + 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)));
  669 + background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  670 + background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  671 + background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  672 + background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  673 +}
  674 +
  675 +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  676 +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  677 +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  678 +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  679 + background-repeat: repeat-x;
  680 + background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
  681 + 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)));
  682 + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  683 + background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  684 + background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  685 + background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
  686 +}
  687 +
  688 +
  689 +/* theme "3d", "3d-dark" */
  690 +
  691 +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
  692 +.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
  693 +
  694 +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
  695 +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
  696 +
  697 +.mCS-3d.mCSB_scrollTools,
  698 +.mCS-3d-dark.mCSB_scrollTools{
  699 + opacity: 1;
  700 + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  701 +}
  702 +
  703 +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  704 +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  705 +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
  706 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
  707 +
  708 +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
  709 +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
  710 + width: 8px;
  711 + background-color: #000; background-color: rgba(0,0,0,0.2);
  712 + box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
  713 +}
  714 +
  715 +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  716 +.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  717 +.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  718 +.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  719 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  720 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  721 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  722 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
  723 +
  724 +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  725 +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
  726 +
  727 +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  728 +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  729 + width: 100%;
  730 + height: 8px;
  731 + margin: 4px 0;
  732 + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
  733 +}
  734 +
  735 +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  736 +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  737 + width: 100%;
  738 + height: 8px;
  739 + margin: 4px auto;
  740 +}
  741 +
  742 +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  743 +
  744 +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  745 +
  746 +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  747 +
  748 +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  749 +
  750 +
  751 +/* theme "3d-dark" */
  752 +
  753 +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
  754 + background-color: #000; background-color: rgba(0,0,0,0.1);
  755 + box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
  756 +}
  757 +
  758 +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
  759 +
  760 +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
  761 +
  762 +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
  763 +
  764 +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
  765 +
  766 +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  767 +
  768 +/* ---------------------------------------- */
  769 +
  770 +
  771 +
  772 +/* theme: "3d-thick", "3d-thick-dark" */
  773 +
  774 +.mCS-3d-thick.mCSB_scrollTools,
  775 +.mCS-3d-thick-dark.mCSB_scrollTools{
  776 + opacity: 1;
  777 + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
  778 +}
  779 +
  780 +.mCS-3d-thick.mCSB_scrollTools,
  781 +.mCS-3d-thick-dark.mCSB_scrollTools,
  782 +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
  783 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
  784 +
  785 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  786 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  787 +
  788 +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
  789 +.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
  790 +
  791 +.mCS-3d-thick.mCSB_scrollTools_vertical,
  792 +.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); }
  793 +
  794 +.mCS-3d-thick.mCSB_scrollTools_horizontal,
  795 +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
  796 + bottom: 1px;
  797 + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
  798 +}
  799 +
  800 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  801 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  802 + box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
  803 + width: 12px;
  804 + margin: 2px;
  805 + position: absolute;
  806 + height: auto;
  807 + top: 0;
  808 + bottom: 0;
  809 + left: 0;
  810 + right: 0;
  811 +}
  812 +
  813 +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  814 +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
  815 +
  816 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  817 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  818 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  819 +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
  820 +
  821 +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  822 +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  823 + height: 12px;
  824 + width: auto;
  825 +}
  826 +
  827 +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
  828 + background-color: #000; background-color: rgba(0,0,0,0.05);
  829 + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  830 +}
  831 +
  832 +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  833 +
  834 +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  835 +
  836 +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  837 +
  838 +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  839 +
  840 +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  841 +
  842 +
  843 +/* theme: "3d-thick-dark" */
  844 +
  845 +.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
  846 +
  847 +.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); }
  848 +
  849 +.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); }
  850 +
  851 +.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); }
  852 +
  853 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  854 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  855 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  856 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
  857 +
  858 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
  859 + background-color: #fff; background-color: rgba(0,0,0,0.05);
  860 + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
  861 +}
  862 +
  863 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  864 +
  865 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
  866 +
  867 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
  868 +
  869 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
  870 +
  871 +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  872 +
  873 +/* ---------------------------------------- */
  874 +
  875 +
  876 +
  877 +/* theme: "minimal", "minimal-dark" */
  878 +
  879 +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  880 +.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
  881 + right: -2px;
  882 +
  883 +}
  884 +
  885 +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  886 +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  887 +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
  888 +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
  889 + bottom: 0;
  890 + margin: 0 12px;
  891 +}
  892 +
  893 +/* RTL direction/left-side scrollbar */
  894 +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
  895 +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
  896 + left: 0;
  897 + right: auto;
  898 +}
  899 +
  900 +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
  901 +.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
  902 +
  903 +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
  904 +.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
  905 +
  906 +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
  907 +.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
  908 +
  909 +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  910 + /*background-color: #fff; background-color: rgba(255,255,255,0.2);*/
  911 + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
  912 +}
  913 +
  914 +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  915 +.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  916 + background-color: #fff; background-color: rgba(255,255,255,0.5);
  917 + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
  918 +}
  919 +
  920 +
  921 +/* theme: "minimal-dark" */
  922 +
  923 +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  924 + background-color: #000; background-color: rgba(0,0,0,0.2);
  925 + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
  926 +}
  927 +
  928 +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  929 +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  930 + background-color: #000; background-color: rgba(0,0,0,0.5);
  931 + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
  932 +}
  933 +
  934 +/* ---------------------------------------- */
  935 +
  936 +
  937 +
  938 +/* theme "light-3", "dark-3" */
  939 +
  940 +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
  941 +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
  942 + width: 6px;
  943 + background-color: #000; background-color: rgba(0,0,0,0.2);
  944 +}
  945 +
  946 +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  947 +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
  948 +
  949 +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  950 +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  951 +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  952 +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  953 + width: 100%;
  954 + height: 6px;
  955 + margin: 5px 0;
  956 +}
  957 +
  958 +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  959 +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  960 +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  961 +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
  962 + width: 12px;
  963 +}
  964 +
  965 +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  966 +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
  967 +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  968 +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
  969 + height: 12px;
  970 + margin: 2px 0;
  971 +}
  972 +
  973 +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  974 +
  975 +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  976 +
  977 +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  978 +
  979 +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  980 +
  981 +
  982 +/* theme "dark-3" */
  983 +
  984 +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  985 +
  986 +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  987 +
  988 +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  989 +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  990 +
  991 +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
  992 +
  993 +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
  994 +
  995 +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
  996 +
  997 +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
  998 +
  999 +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  1000 +
  1001 +/* ---------------------------------------- */
  1002 +
  1003 +
  1004 +
  1005 +/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
  1006 +
  1007 +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
  1008 +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  1009 +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  1010 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  1011 +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
  1012 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
  1013 + width: 12px;
  1014 + background-color: #000; background-color: rgba(0,0,0,0.2);
  1015 +}
  1016 +
  1017 +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1018 +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1019 +.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1020 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1021 +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1022 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  1023 + width: 6px;
  1024 + margin: 3px 5px;
  1025 + position: absolute;
  1026 + height: auto;
  1027 + top: 0;
  1028 + bottom: 0;
  1029 + left: 0;
  1030 + right: 0;
  1031 +}
  1032 +
  1033 +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  1034 +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  1035 +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  1036 +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  1037 +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
  1038 +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
  1039 + height: 6px;
  1040 + margin: 5px 3px;
  1041 + position: absolute;
  1042 + width: auto;
  1043 + top: 0;
  1044 + bottom: 0;
  1045 + left: 0;
  1046 + right: 0;
  1047 +}
  1048 +
  1049 +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  1050 +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  1051 +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  1052 +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  1053 +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
  1054 +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
  1055 + width: 100%;
  1056 + height: 12px;
  1057 + margin: 2px 0;
  1058 +}
  1059 +
  1060 +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
  1061 +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
  1062 +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
  1063 +
  1064 +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
  1065 +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
  1066 +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
  1067 +
  1068 +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
  1069 +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
  1070 +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
  1071 +
  1072 +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
  1073 +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
  1074 +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
  1075 +
  1076 +
  1077 +/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
  1078 +
  1079 +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1080 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  1081 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  1082 +
  1083 +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  1084 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
  1085 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  1086 +
  1087 +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  1088 +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  1089 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  1090 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
  1091 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  1092 +.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); }
  1093 +
  1094 +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
  1095 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
  1096 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
  1097 +
  1098 +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
  1099 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
  1100 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
  1101 +
  1102 +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
  1103 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
  1104 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
  1105 +
  1106 +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
  1107 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
  1108 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
  1109 +
  1110 +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
  1111 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
  1112 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; }
  1113 +
  1114 +
  1115 +/* theme "inset-2", "inset-2-dark" */
  1116 +
  1117 +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
  1118 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
  1119 + background-color: transparent;
  1120 + border-width: 1px;
  1121 + border-style: solid;
  1122 + border-color: #fff;
  1123 + border-color: rgba(255,255,255,0.2);
  1124 + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  1125 +}
  1126 +
  1127 +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
  1128 +
  1129 +
  1130 +/* theme "inset-3", "inset-3-dark" */
  1131 +
  1132 +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
  1133 +
  1134 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
  1135 +
  1136 +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  1137 +
  1138 +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
  1139 +
  1140 +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  1141 +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
  1142 +
  1143 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
  1144 +
  1145 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
  1146 +
  1147 +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  1148 +.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); }
  1149 +
  1150 +/* ---------------------------------------- */
  1151 +.home-text-wr .mCSB_draggerRail{background: none !important;}
  1152 +.home-text-wr .mCSB_dragger_bar{
  1153 + background: #a2a2a2 !important;
  1154 + width: 6px !important;
  1155 + box-shadow: none !important;
  1156 +}
  1157 +.home-text-wr:before{ display: none !important;}
  1158 +
  1159 +@media (max-width: 991px) {
  1160 + .mCSB_outside + .mCSB_scrollTools {
  1161 + right: -17px;
  1162 + }
  1163 +}
0 1164 \ No newline at end of file
... ...
frontend/web/js/jquery.mCustomScrollbar.concat.min.js 0 → 100644
  Show/Hide comments   View file @9030662
  1 +/* == jquery mousewheel plugin == Version: 3.1.12, License: MIT License (MIT) */
  2 +!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
  3 +/* == malihu jquery custom scrollbar plugin == Version: 3.0.9, License: MIT License (MIT) */
  4 +!function(e){"undefined"!=typeof module&&module.exports?module.exports=e:e(jQuery,window,document)}(function(e){!function(t){var o="function"==typeof define&&define.amd,a="undefined"!=typeof module&&module.exports,n="https:"==document.location.protocol?"https:":"http:",i="cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js";o||(a?require("jquery-mousewheel")(e):e.event.special.mousewheel||e("head").append(decodeURI("%3Cscript src="+n+"//"+i+"%3E%3C/script%3E"))),t()}(function(){var t,o="mCustomScrollbar",a="mCS",n=".mCustomScrollbar",i={setTop:0,setLeft:0,axis:"y",scrollbarPosition:"inside",scrollInertia:950,autoDraggerLength:!0,alwaysShowScrollbar:0,snapOffset:0,mouseWheel:{enable:!0,scrollAmount:"auto",axis:"y",deltaFactor:"auto",disableOver:["select","option","keygen","datalist","textarea"]},scrollButtons:{scrollType:"stepless",scrollAmount:"auto"},keyboard:{enable:!0,scrollType:"stepless",scrollAmount:"auto"},contentTouchScroll:25,advanced:{autoScrollOnFocus:"input,textarea,select,button,datalist,keygen,a[tabindex],area,object,[contenteditable='true']",updateOnContentResize:!0,updateOnImageLoad:!0,autoUpdateTimeout:60},theme:"light",callbacks:{onTotalScrollOffset:0,onTotalScrollBackOffset:0,alwaysTriggerOffsets:!0}},r=0,l={},s=window.attachEvent&&!window.addEventListener?1:0,c=!1,d=["mCSB_dragger_onDrag","mCSB_scrollTools_onDrag","mCS_img_loaded","mCS_disabled","mCS_destroyed","mCS_no_scrollbar","mCS-autoHide","mCS-dir-rtl","mCS_no_scrollbar_y","mCS_no_scrollbar_x","mCS_y_hidden","mCS_x_hidden","mCSB_draggerContainer","mCSB_buttonUp","mCSB_buttonDown","mCSB_buttonLeft","mCSB_buttonRight"],u={init:function(t){var t=e.extend(!0,{},i,t),o=f.call(this);if(t.live){var s=t.liveSelector||this.selector||n,c=e(s);if("off"===t.live)return void m(s);l[s]=setTimeout(function(){c.mCustomScrollbar(t),"once"===t.live&&c.length&&m(s)},500)}else m(s);return t.setWidth=t.set_width?t.set_width:t.setWidth,t.setHeight=t.set_height?t.set_height:t.setHeight,t.axis=t.horizontalScroll?"x":p(t.axis),t.scrollInertia=t.scrollInertia>0&&t.scrollInertia<17?17:t.scrollInertia,"object"!=typeof t.mouseWheel&&1==t.mouseWheel&&(t.mouseWheel={enable:!0,scrollAmount:"auto",axis:"y",preventDefault:!1,deltaFactor:"auto",normalizeDelta:!1,invert:!1}),t.mouseWheel.scrollAmount=t.mouseWheelPixels?t.mouseWheelPixels:t.mouseWheel.scrollAmount,t.mouseWheel.normalizeDelta=t.advanced.normalizeMouseWheelDelta?t.advanced.normalizeMouseWheelDelta:t.mouseWheel.normalizeDelta,t.scrollButtons.scrollType=g(t.scrollButtons.scrollType),h(t),e(o).each(function(){var o=e(this);if(!o.data(a)){o.data(a,{idx:++r,opt:t,scrollRatio:{y:null,x:null},overflowed:null,contentReset:{y:null,x:null},bindEvents:!1,tweenRunning:!1,sequential:{},langDir:o.css("direction"),cbOffsets:null,trigger:null});var n=o.data(a),i=n.opt,l=o.data("mcs-axis"),s=o.data("mcs-scrollbar-position"),c=o.data("mcs-theme");l&&(i.axis=l),s&&(i.scrollbarPosition=s),c&&(i.theme=c,h(i)),v.call(this),e("#mCSB_"+n.idx+"_container img:not(."+d[2]+")").addClass(d[2]),u.update.call(null,o)}})},update:function(t,o){var n=t||f.call(this);return e(n).each(function(){var t=e(this);if(t.data(a)){var n=t.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container"),l=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];if(!r.length)return;n.tweenRunning&&V(t),t.hasClass(d[3])&&t.removeClass(d[3]),t.hasClass(d[4])&&t.removeClass(d[4]),S.call(this),_.call(this),"y"===i.axis||i.advanced.autoExpandHorizontalScroll||r.css("width",x(r.children())),n.overflowed=B.call(this),O.call(this),i.autoDraggerLength&&b.call(this),C.call(this),k.call(this);var s=[Math.abs(r[0].offsetTop),Math.abs(r[0].offsetLeft)];"x"!==i.axis&&(n.overflowed[0]?l[0].height()>l[0].parent().height()?T.call(this):(Q(t,s[0].toString(),{dir:"y",dur:0,overwrite:"none"}),n.contentReset.y=null):(T.call(this),"y"===i.axis?M.call(this):"yx"===i.axis&&n.overflowed[1]&&Q(t,s[1].toString(),{dir:"x",dur:0,overwrite:"none"}))),"y"!==i.axis&&(n.overflowed[1]?l[1].width()>l[1].parent().width()?T.call(this):(Q(t,s[1].toString(),{dir:"x",dur:0,overwrite:"none"}),n.contentReset.x=null):(T.call(this),"x"===i.axis?M.call(this):"yx"===i.axis&&n.overflowed[0]&&Q(t,s[0].toString(),{dir:"y",dur:0,overwrite:"none"}))),o&&n&&(2===o&&i.callbacks.onImageLoad&&"function"==typeof i.callbacks.onImageLoad?i.callbacks.onImageLoad.call(this):3===o&&i.callbacks.onSelectorChange&&"function"==typeof i.callbacks.onSelectorChange?i.callbacks.onSelectorChange.call(this):i.callbacks.onUpdate&&"function"==typeof i.callbacks.onUpdate&&i.callbacks.onUpdate.call(this)),X.call(this)}})},scrollTo:function(t,o){if("undefined"!=typeof t&&null!=t){var n=f.call(this);return e(n).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l={trigger:"external",scrollInertia:r.scrollInertia,scrollEasing:"mcsEaseInOut",moveDragger:!1,timeout:60,callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},s=e.extend(!0,{},l,o),c=Y.call(this,t),d=s.scrollInertia>0&&s.scrollInertia<17?17:s.scrollInertia;c[0]=j.call(this,c[0],"y"),c[1]=j.call(this,c[1],"x"),s.moveDragger&&(c[0]*=i.scrollRatio.y,c[1]*=i.scrollRatio.x),s.dur=d,setTimeout(function(){null!==c[0]&&"undefined"!=typeof c[0]&&"x"!==r.axis&&i.overflowed[0]&&(s.dir="y",s.overwrite="all",Q(n,c[0].toString(),s)),null!==c[1]&&"undefined"!=typeof c[1]&&"y"!==r.axis&&i.overflowed[1]&&(s.dir="x",s.overwrite="none",Q(n,c[1].toString(),s))},s.timeout)}})}},stop:function(){var t=f.call(this);return e(t).each(function(){var t=e(this);t.data(a)&&V(t)})},disable:function(t){var o=f.call(this);return e(o).each(function(){var o=e(this);if(o.data(a)){{o.data(a)}X.call(this,"remove"),M.call(this),t&&T.call(this),O.call(this,!0),o.addClass(d[3])}})},destroy:function(){var t=f.call(this);return e(t).each(function(){var n=e(this);if(n.data(a)){var i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx),s=e("#mCSB_"+i.idx+"_container"),c=e(".mCSB_"+i.idx+"_scrollbar");r.live&&m(r.liveSelector||e(t).selector),X.call(this,"remove"),M.call(this),T.call(this),n.removeData(a),Z(this,"mcs"),c.remove(),s.find("img."+d[2]).removeClass(d[2]),l.replaceWith(s.contents()),n.removeClass(o+" _"+a+"_"+i.idx+" "+d[6]+" "+d[7]+" "+d[5]+" "+d[3]).addClass(d[4])}})}},f=function(){return"object"!=typeof e(this)||e(this).length<1?n:this},h=function(t){var o=["rounded","rounded-dark","rounded-dots","rounded-dots-dark"],a=["rounded-dots","rounded-dots-dark","3d","3d-dark","3d-thick","3d-thick-dark","inset","inset-dark","inset-2","inset-2-dark","inset-3","inset-3-dark"],n=["minimal","minimal-dark"],i=["minimal","minimal-dark"],r=["minimal","minimal-dark"];t.autoDraggerLength=e.inArray(t.theme,o)>-1?!1:t.autoDraggerLength,t.autoExpandScrollbar=e.inArray(t.theme,a)>-1?!1:t.autoExpandScrollbar,t.scrollButtons.enable=e.inArray(t.theme,n)>-1?!1:t.scrollButtons.enable,t.autoHideScrollbar=e.inArray(t.theme,i)>-1?!0:t.autoHideScrollbar,t.scrollbarPosition=e.inArray(t.theme,r)>-1?"outside":t.scrollbarPosition},m=function(e){l[e]&&(clearTimeout(l[e]),Z(l,e))},p=function(e){return"yx"===e||"xy"===e||"auto"===e?"yx":"x"===e||"horizontal"===e?"x":"y"},g=function(e){return"stepped"===e||"pixels"===e||"step"===e||"click"===e?"stepped":"stepless"},v=function(){var t=e(this),n=t.data(a),i=n.opt,r=i.autoExpandScrollbar?" "+d[1]+"_expand":"",l=["<div id='mCSB_"+n.idx+"_scrollbar_vertical' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_vertical"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_vertical' class='mCSB_dragger' style='position:absolute;' oncontextmenu='return false;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>","<div id='mCSB_"+n.idx+"_scrollbar_horizontal' class='mCSB_scrollTools mCSB_"+n.idx+"_scrollbar mCS-"+i.theme+" mCSB_scrollTools_horizontal"+r+"'><div class='"+d[12]+"'><div id='mCSB_"+n.idx+"_dragger_horizontal' class='mCSB_dragger' style='position:absolute;' oncontextmenu='return false;'><div class='mCSB_dragger_bar' /></div><div class='mCSB_draggerRail' /></div></div>"],s="yx"===i.axis?"mCSB_vertical_horizontal":"x"===i.axis?"mCSB_horizontal":"mCSB_vertical",c="yx"===i.axis?l[0]+l[1]:"x"===i.axis?l[1]:l[0],u="yx"===i.axis?"<div id='mCSB_"+n.idx+"_container_wrapper' class='mCSB_container_wrapper' />":"",f=i.autoHideScrollbar?" "+d[6]:"",h="x"!==i.axis&&"rtl"===n.langDir?" "+d[7]:"";i.setWidth&&t.css("width",i.setWidth),i.setHeight&&t.css("height",i.setHeight),i.setLeft="y"!==i.axis&&"rtl"===n.langDir?"989999px":i.setLeft,t.addClass(o+" _"+a+"_"+n.idx+f+h).wrapInner("<div id='mCSB_"+n.idx+"' class='mCustomScrollBox mCS-"+i.theme+" "+s+"'><div id='mCSB_"+n.idx+"_container' class='mCSB_container' style='position:relative; top:"+i.setTop+"; left:"+i.setLeft+";' dir="+n.langDir+" /></div>");var m=e("#mCSB_"+n.idx),p=e("#mCSB_"+n.idx+"_container");"y"===i.axis||i.advanced.autoExpandHorizontalScroll||p.css("width",x(p.children())),"outside"===i.scrollbarPosition?("static"===t.css("position")&&t.css("position","relative"),t.css("overflow","visible"),m.addClass("mCSB_outside").after(c)):(m.addClass("mCSB_inside").append(c),p.wrap(u)),w.call(this);var g=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")];g[0].css("min-height",g[0].height()),g[1].css("min-width",g[1].width())},x=function(t){return Math.max.apply(Math,t.map(function(){return e(this).outerWidth(!0)}).get())},_=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx+"_container");n.advanced.autoExpandHorizontalScroll&&"y"!==n.axis&&i.css({position:"absolute",width:"auto"}).wrap("<div class='mCSB_h_wrapper' style='position:relative; left:0; width:999999px;' />").css({width:Math.ceil(i[0].getBoundingClientRect().right+.4)-Math.floor(i[0].getBoundingClientRect().left),position:"relative"}).unwrap()},w=function(){var t=e(this),o=t.data(a),n=o.opt,i=e(".mCSB_"+o.idx+"_scrollbar:first"),r=te(n.scrollButtons.tabindex)?"tabindex='"+n.scrollButtons.tabindex+"'":"",l=["<a href='#' class='"+d[13]+"' oncontextmenu='return false;' "+r+" />","<a href='#' class='"+d[14]+"' oncontextmenu='return false;' "+r+" />","<a href='#' class='"+d[15]+"' oncontextmenu='return false;' "+r+" />","<a href='#' class='"+d[16]+"' oncontextmenu='return false;' "+r+" />"],s=["x"===n.axis?l[2]:l[0],"x"===n.axis?l[3]:l[1],l[2],l[3]];n.scrollButtons.enable&&i.prepend(s[0]).append(s[1]).next(".mCSB_scrollTools").prepend(s[2]).append(s[3])},S=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=t.css("max-height")||"none",r=-1!==i.indexOf("%"),l=t.css("box-sizing");if("none"!==i){var s=r?t.parent().height()*parseInt(i)/100:parseInt(i);"border-box"===l&&(s-=t.innerHeight()-t.height()+(t.outerHeight()-t.innerHeight())),n.css("max-height",Math.round(s))}},b=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[n.height()/i.outerHeight(!1),n.width()/i.outerWidth(!1)],c=[parseInt(r[0].css("min-height")),Math.round(l[0]*r[0].parent().height()),parseInt(r[1].css("min-width")),Math.round(l[1]*r[1].parent().width())],d=s&&c[1]<c[0]?c[0]:c[1],u=s&&c[3]<c[2]?c[2]:c[3];r[0].css({height:d,"max-height":r[0].parent().height()-10}).find(".mCSB_dragger_bar").css({"line-height":c[0]+"px"}),r[1].css({width:u,"max-width":r[1].parent().width()-10})},C=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")],l=[i.outerHeight(!1)-n.height(),i.outerWidth(!1)-n.width()],s=[l[0]/(r[0].parent().height()-r[0].height()),l[1]/(r[1].parent().width()-r[1].width())];o.scrollRatio={y:s[0],x:s[1]}},y=function(e,t,o){var a=o?d[0]+"_expanded":"",n=e.closest(".mCSB_scrollTools");"active"===t?(e.toggleClass(d[0]+" "+a),n.toggleClass(d[1]),e[0]._draggable=e[0]._draggable?0:1):e[0]._draggable||("hide"===t?(e.removeClass(d[0]),n.removeClass(d[1])):(e.addClass(d[0]),n.addClass(d[1])))},B=function(){var t=e(this),o=t.data(a),n=e("#mCSB_"+o.idx),i=e("#mCSB_"+o.idx+"_container"),r=null==o.overflowed?i.height():i.outerHeight(!1),l=null==o.overflowed?i.width():i.outerWidth(!1);return[r>n.height(),l>n.width()]},T=function(){var t=e(this),o=t.data(a),n=o.opt,i=e("#mCSB_"+o.idx),r=e("#mCSB_"+o.idx+"_container"),l=[e("#mCSB_"+o.idx+"_dragger_vertical"),e("#mCSB_"+o.idx+"_dragger_horizontal")];if(V(t),("x"!==n.axis&&!o.overflowed[0]||"y"===n.axis&&o.overflowed[0])&&(l[0].add(r).css("top",0),Q(t,"_resetY")),"y"!==n.axis&&!o.overflowed[1]||"x"===n.axis&&o.overflowed[1]){var s=dx=0;"rtl"===o.langDir&&(s=i.width()-r.outerWidth(!1),dx=Math.abs(s/o.scrollRatio.x)),r.css("left",s),l[1].css("left",dx),Q(t,"_resetX")}},k=function(){function t(){r=setTimeout(function(){e.event.special.mousewheel?(clearTimeout(r),W.call(o[0])):t()},100)}var o=e(this),n=o.data(a),i=n.opt;if(!n.bindEvents){if(R.call(this),i.contentTouchScroll&&D.call(this),E.call(this),i.mouseWheel.enable){var r;t()}P.call(this),H.call(this),i.advanced.autoScrollOnFocus&&z.call(this),i.scrollButtons.enable&&U.call(this),i.keyboard.enable&&F.call(this),n.bindEvents=!0}},M=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=".mCSB_"+o.idx+"_scrollbar",l=e("#mCSB_"+o.idx+",#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,"+r+" ."+d[12]+",#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal,"+r+">a"),s=e("#mCSB_"+o.idx+"_container");n.advanced.releaseDraggableSelectors&&l.add(e(n.advanced.releaseDraggableSelectors)),o.bindEvents&&(e(document).unbind("."+i),l.each(function(){e(this).unbind("."+i)}),clearTimeout(t[0]._focusTimeout),Z(t[0],"_focusTimeout"),clearTimeout(o.sequential.step),Z(o.sequential,"step"),clearTimeout(s[0].onCompleteTimeout),Z(s[0],"onCompleteTimeout"),o.bindEvents=!1)},O=function(t){var o=e(this),n=o.data(a),i=n.opt,r=e("#mCSB_"+n.idx+"_container_wrapper"),l=r.length?r:e("#mCSB_"+n.idx+"_container"),s=[e("#mCSB_"+n.idx+"_scrollbar_vertical"),e("#mCSB_"+n.idx+"_scrollbar_horizontal")],c=[s[0].find(".mCSB_dragger"),s[1].find(".mCSB_dragger")];"x"!==i.axis&&(n.overflowed[0]&&!t?(s[0].add(c[0]).add(s[0].children("a")).css("display","block"),l.removeClass(d[8]+" "+d[10])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[0].css("display","none"),l.removeClass(d[10])):(s[0].css("display","none"),l.addClass(d[10])),l.addClass(d[8]))),"y"!==i.axis&&(n.overflowed[1]&&!t?(s[1].add(c[1]).add(s[1].children("a")).css("display","block"),l.removeClass(d[9]+" "+d[11])):(i.alwaysShowScrollbar?(2!==i.alwaysShowScrollbar&&c[1].css("display","none"),l.removeClass(d[11])):(s[1].css("display","none"),l.addClass(d[11])),l.addClass(d[9]))),n.overflowed[0]||n.overflowed[1]?o.removeClass(d[5]):o.addClass(d[5])},I=function(e){var t=e.type;switch(t){case"pointerdown":case"MSPointerDown":case"pointermove":case"MSPointerMove":case"pointerup":case"MSPointerUp":return e.target.ownerDocument!==document?[e.originalEvent.screenY,e.originalEvent.screenX,!1]:[e.originalEvent.pageY,e.originalEvent.pageX,!1];case"touchstart":case"touchmove":case"touchend":var o=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0],a=e.originalEvent.touches.length||e.originalEvent.changedTouches.length;return e.target.ownerDocument!==document?[o.screenY,o.screenX,a>1]:[o.pageY,o.pageX,a>1];default:return[e.pageY,e.pageX,!1]}},R=function(){function t(e){var t=m.find("iframe");if(t.length){var o=e?"auto":"none";t.css("pointer-events",o)}}function o(e,t,o,a){if(m[0].idleTimer=u.scrollInertia<233?250:0,n.attr("id")===h[1])var i="x",r=(n[0].offsetLeft-t+a)*d.scrollRatio.x;else var i="y",r=(n[0].offsetTop-e+o)*d.scrollRatio.y;Q(l,r.toString(),{dir:i,drag:!0})}var n,i,r,l=e(this),d=l.data(a),u=d.opt,f=a+"_"+d.idx,h=["mCSB_"+d.idx+"_dragger_vertical","mCSB_"+d.idx+"_dragger_horizontal"],m=e("#mCSB_"+d.idx+"_container"),p=e("#"+h[0]+",#"+h[1]),g=u.advanced.releaseDraggableSelectors?p.add(e(u.advanced.releaseDraggableSelectors)):p;p.bind("mousedown."+f+" touchstart."+f+" pointerdown."+f+" MSPointerDown."+f,function(o){if(o.stopImmediatePropagation(),o.preventDefault(),$(o)){c=!0,s&&(document.onselectstart=function(){return!1}),t(!1),V(l),n=e(this);var a=n.offset(),d=I(o)[0]-a.top,f=I(o)[1]-a.left,h=n.height()+a.top,m=n.width()+a.left;h>d&&d>0&&m>f&&f>0&&(i=d,r=f),y(n,"active",u.autoExpandScrollbar)}}).bind("touchmove."+f,function(e){e.stopImmediatePropagation(),e.preventDefault();var t=n.offset(),a=I(e)[0]-t.top,l=I(e)[1]-t.left;o(i,r,a,l)}),e(document).bind("mousemove."+f+" pointermove."+f+" MSPointerMove."+f,function(e){if(n){var t=n.offset(),a=I(e)[0]-t.top,l=I(e)[1]-t.left;if(i===a)return;o(i,r,a,l)}}).add(g).bind("mouseup."+f+" touchend."+f+" pointerup."+f+" MSPointerUp."+f,function(e){n&&(y(n,"active",u.autoExpandScrollbar),n=null),c=!1,s&&(document.onselectstart=null),t(!0)})},D=function(){function o(e){if(!ee(e)||c||I(e)[2])return void(t=0);t=1,S=0,b=0,C.removeClass("mCS_touch_action");var o=M.offset();d=I(e)[0]-o.top,u=I(e)[1]-o.left,A=[I(e)[0],I(e)[1]]}function n(e){if(ee(e)&&!c&&!I(e)[2]&&(e.stopImmediatePropagation(),!b||S)){p=J();var t=k.offset(),o=I(e)[0]-t.top,a=I(e)[1]-t.left,n="mcsLinearOut";if(R.push(o),D.push(a),A[2]=Math.abs(I(e)[0]-A[0]),A[3]=Math.abs(I(e)[1]-A[1]),y.overflowed[0])var i=O[0].parent().height()-O[0].height(),r=d-o>0&&o-d>-(i*y.scrollRatio.y)&&(2*A[3]<A[2]||"yx"===B.axis);if(y.overflowed[1])var l=O[1].parent().width()-O[1].width(),f=u-a>0&&a-u>-(l*y.scrollRatio.x)&&(2*A[2]<A[3]||"yx"===B.axis);r||f?(e.preventDefault(),S=1):(b=1,C.addClass("mCS_touch_action")),_="yx"===B.axis?[d-o,u-a]:"x"===B.axis?[null,u-a]:[d-o,null],M[0].idleTimer=250,y.overflowed[0]&&s(_[0],E,n,"y","all",!0),y.overflowed[1]&&s(_[1],E,n,"x",W,!0)}}function i(e){if(!ee(e)||c||I(e)[2])return void(t=0);t=1,e.stopImmediatePropagation(),V(C),m=J();var o=k.offset();f=I(e)[0]-o.top,h=I(e)[1]-o.left,R=[],D=[]}function r(e){if(ee(e)&&!c&&!I(e)[2]){e.stopImmediatePropagation(),S=0,b=0,g=J();var t=k.offset(),o=I(e)[0]-t.top,a=I(e)[1]-t.left;if(!(g-p>30)){x=1e3/(g-m);var n="mcsEaseOut",i=2.5>x,r=i?[R[R.length-2],D[D.length-2]]:[0,0];v=i?[o-r[0],a-r[1]]:[o-f,a-h];var d=[Math.abs(v[0]),Math.abs(v[1])];x=i?[Math.abs(v[0]/4),Math.abs(v[1]/4)]:[x,x];var u=[Math.abs(M[0].offsetTop)-v[0]*l(d[0]/x[0],x[0]),Math.abs(M[0].offsetLeft)-v[1]*l(d[1]/x[1],x[1])];_="yx"===B.axis?[u[0],u[1]]:"x"===B.axis?[null,u[1]]:[u[0],null],w=[4*d[0]+B.scrollInertia,4*d[1]+B.scrollInertia];var C=parseInt(B.contentTouchScroll)||0;_[0]=d[0]>C?_[0]:0,_[1]=d[1]>C?_[1]:0,y.overflowed[0]&&s(_[0],w[0],n,"y",W,!1),y.overflowed[1]&&s(_[1],w[1],n,"x",W,!1)}}}function l(e,t){var o=[1.5*t,2*t,t/1.5,t/2];return e>90?t>4?o[0]:o[3]:e>60?t>3?o[3]:o[2]:e>30?t>8?o[1]:t>6?o[0]:t>4?t:o[2]:t>8?t:o[3]}function s(e,t,o,a,n,i){e&&Q(C,e.toString(),{dur:t,scrollEasing:o,dir:a,overwrite:n,drag:i})}var d,u,f,h,m,p,g,v,x,_,w,S,b,C=e(this),y=C.data(a),B=y.opt,T=a+"_"+y.idx,k=e("#mCSB_"+y.idx),M=e("#mCSB_"+y.idx+"_container"),O=[e("#mCSB_"+y.idx+"_dragger_vertical"),e("#mCSB_"+y.idx+"_dragger_horizontal")],R=[],D=[],E=0,W="yx"===B.axis?"none":"all",A=[],P=M.find("iframe"),z=["touchstart."+T+" pointerdown."+T+" MSPointerDown."+T,"touchmove."+T+" pointermove."+T+" MSPointerMove."+T,"touchend."+T+" pointerup."+T+" MSPointerUp."+T];M.bind(z[0],function(e){o(e)}).bind(z[1],function(e){n(e)}),k.bind(z[0],function(e){i(e)}).bind(z[2],function(e){r(e)}),P.length&&P.each(function(){e(this).load(function(){L(this)&&e(this.contentDocument||this.contentWindow.document).bind(z[0],function(e){o(e),i(e)}).bind(z[1],function(e){n(e)}).bind(z[2],function(e){r(e)})})})},E=function(){function o(){return window.getSelection?window.getSelection().toString():document.selection&&"Control"!=document.selection.type?document.selection.createRange().text:0}function n(e,t,o){d.type=o&&i?"stepped":"stepless",d.scrollAmount=10,q(r,e,t,"mcsLinearOut",o?60:null)}var i,r=e(this),l=r.data(a),s=l.opt,d=l.sequential,u=a+"_"+l.idx,f=e("#mCSB_"+l.idx+"_container"),h=f.parent();f.bind("mousedown."+u,function(e){t||i||(i=1,c=!0)}).add(document).bind("mousemove."+u,function(e){if(!t&&i&&o()){var a=f.offset(),r=I(e)[0]-a.top+f[0].offsetTop,c=I(e)[1]-a.left+f[0].offsetLeft;r>0&&r<h.height()&&c>0&&c<h.width()?d.step&&n("off",null,"stepped"):("x"!==s.axis&&l.overflowed[0]&&(0>r?n("on",38):r>h.height()&&n("on",40)),"y"!==s.axis&&l.overflowed[1]&&(0>c?n("on",37):c>h.width()&&n("on",39)))}}).bind("mouseup."+u,function(e){t||(i&&(i=0,n("off",null)),c=!1)})},W=function(){function t(t,a){if(V(o),!A(o,t.target)){var r="auto"!==i.mouseWheel.deltaFactor?parseInt(i.mouseWheel.deltaFactor):s&&t.deltaFactor<100?100:t.deltaFactor||100;if("x"===i.axis||"x"===i.mouseWheel.axis)var d="x",u=[Math.round(r*n.scrollRatio.x),parseInt(i.mouseWheel.scrollAmount)],f="auto"!==i.mouseWheel.scrollAmount?u[1]:u[0]>=l.width()?.9*l.width():u[0],h=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetLeft),m=c[1][0].offsetLeft,p=c[1].parent().width()-c[1].width(),g=t.deltaX||t.deltaY||a;else var d="y",u=[Math.round(r*n.scrollRatio.y),parseInt(i.mouseWheel.scrollAmount)],f="auto"!==i.mouseWheel.scrollAmount?u[1]:u[0]>=l.height()?.9*l.height():u[0],h=Math.abs(e("#mCSB_"+n.idx+"_container")[0].offsetTop),m=c[0][0].offsetTop,p=c[0].parent().height()-c[0].height(),g=t.deltaY||a;"y"===d&&!n.overflowed[0]||"x"===d&&!n.overflowed[1]||((i.mouseWheel.invert||t.webkitDirectionInvertedFromDevice)&&(g=-g),i.mouseWheel.normalizeDelta&&(g=0>g?-1:1),(g>0&&0!==m||0>g&&m!==p||i.mouseWheel.preventDefault)&&(t.stopImmediatePropagation(),t.preventDefault()),Q(o,(h-g*f).toString(),{dir:d}))}}if(e(this).data(a)){var o=e(this),n=o.data(a),i=n.opt,r=a+"_"+n.idx,l=e("#mCSB_"+n.idx),c=[e("#mCSB_"+n.idx+"_dragger_vertical"),e("#mCSB_"+n.idx+"_dragger_horizontal")],d=e("#mCSB_"+n.idx+"_container").find("iframe");d.length&&d.each(function(){e(this).load(function(){L(this)&&e(this.contentDocument||this.contentWindow.document).bind("mousewheel."+r,function(e,o){t(e,o)})})}),l.bind("mousewheel."+r,function(e,o){t(e,o)})}},L=function(e){var t=null;try{var o=e.contentDocument||e.contentWindow.document;t=o.body.innerHTML}catch(a){}return null!==t},A=function(t,o){var n=o.nodeName.toLowerCase(),i=t.data(a).opt.mouseWheel.disableOver,r=["select","textarea"];return e.inArray(n,i)>-1&&!(e.inArray(n,r)>-1&&!e(o).is(":focus"))},P=function(){var t=e(this),o=t.data(a),n=a+"_"+o.idx,i=e("#mCSB_"+o.idx+"_container"),r=i.parent(),l=e(".mCSB_"+o.idx+"_scrollbar ."+d[12]);l.bind("touchstart."+n+" pointerdown."+n+" MSPointerDown."+n,function(e){c=!0}).bind("touchend."+n+" pointerup."+n+" MSPointerUp."+n,function(e){c=!1}).bind("click."+n,function(a){if(e(a.target).hasClass(d[12])||e(a.target).hasClass("mCSB_draggerRail")){V(t);var n=e(this),l=n.find(".mCSB_dragger");if(n.parent(".mCSB_scrollTools_horizontal").length>0){if(!o.overflowed[1])return;var s="x",c=a.pageX>l.offset().left?-1:1,u=Math.abs(i[0].offsetLeft)-.9*c*r.width()}else{if(!o.overflowed[0])return;var s="y",c=a.pageY>l.offset().top?-1:1,u=Math.abs(i[0].offsetTop)-.9*c*r.height()}Q(t,u.toString(),{dir:s,scrollEasing:"mcsEaseInOut"})}})},z=function(){var t=e(this),o=t.data(a),n=o.opt,i=a+"_"+o.idx,r=e("#mCSB_"+o.idx+"_container"),l=r.parent();r.bind("focusin."+i,function(o){var a=e(document.activeElement),i=r.find(".mCustomScrollBox").length,s=0;a.is(n.advanced.autoScrollOnFocus)&&(V(t),clearTimeout(t[0]._focusTimeout),t[0]._focusTimer=i?(s+17)*i:0,t[0]._focusTimeout=setTimeout(function(){var e=[oe(a)[0],oe(a)[1]],o=[r[0].offsetTop,r[0].offsetLeft],i=[o[0]+e[0]>=0&&o[0]+e[0]<l.height()-a.outerHeight(!1),o[1]+e[1]>=0&&o[0]+e[1]<l.width()-a.outerWidth(!1)],c="yx"!==n.axis||i[0]||i[1]?"all":"none";"x"===n.axis||i[0]||Q(t,e[0].toString(),{dir:"y",scrollEasing:"mcsEaseInOut",overwrite:c,dur:s}),"y"===n.axis||i[1]||Q(t,e[1].toString(),{dir:"x",scrollEasing:"mcsEaseInOut",overwrite:c,dur:s})},t[0]._focusTimer))})},H=function(){var t=e(this),o=t.data(a),n=a+"_"+o.idx,i=e("#mCSB_"+o.idx+"_container").parent();i.bind("scroll."+n,function(t){(0!==i.scrollTop()||0!==i.scrollLeft())&&e(".mCSB_"+o.idx+"_scrollbar").css("visibility","hidden")})},U=function(){var t=e(this),o=t.data(a),n=o.opt,i=o.sequential,r=a+"_"+o.idx,l=".mCSB_"+o.idx+"_scrollbar",s=e(l+">a");s.bind("mousedown."+r+" touchstart."+r+" pointerdown."+r+" MSPointerDown."+r+" mouseup."+r+" touchend."+r+" pointerup."+r+" MSPointerUp."+r+" mouseout."+r+" pointerout."+r+" MSPointerOut."+r+" click."+r,function(a){function r(e,o){i.scrollAmount=n.snapAmount||n.scrollButtons.scrollAmount,q(t,e,o)}if(a.preventDefault(),$(a)){var l=e(this).attr("class");switch(i.type=n.scrollButtons.scrollType,a.type){case"mousedown":case"touchstart":case"pointerdown":case"MSPointerDown":if("stepped"===i.type)return;c=!0,o.tweenRunning=!1,r("on",l);break;case"mouseup":case"touchend":case"pointerup":case"MSPointerUp":case"mouseout":case"pointerout":case"MSPointerOut":if("stepped"===i.type)return;c=!1,i.dir&&r("off",l);break;case"click":if("stepped"!==i.type||o.tweenRunning)return;r("on",l)}}})},F=function(){function t(t){function a(e,t){r.type=i.keyboard.scrollType,r.scrollAmount=i.snapAmount||i.keyboard.scrollAmount,"stepped"===r.type&&n.tweenRunning||q(o,e,t)}switch(t.type){case"blur":n.tweenRunning&&r.dir&&a("off",null);break;case"keydown":case"keyup":var l=t.keyCode?t.keyCode:t.which,s="on";if("x"!==i.axis&&(38===l||40===l)||"y"!==i.axis&&(37===l||39===l)){if((38===l||40===l)&&!n.overflowed[0]||(37===l||39===l)&&!n.overflowed[1])return;"keyup"===t.type&&(s="off"),e(document.activeElement).is(u)||(t.preventDefault(),t.stopImmediatePropagation(),a(s,l))}else if(33===l||34===l){if((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type){V(o);var f=34===l?-1:1;if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=Math.abs(c[0].offsetLeft)-.9*f*d.width();else var h="y",m=Math.abs(c[0].offsetTop)-.9*f*d.height();Q(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}else if((35===l||36===l)&&!e(document.activeElement).is(u)&&((n.overflowed[0]||n.overflowed[1])&&(t.preventDefault(),t.stopImmediatePropagation()),"keyup"===t.type)){if("x"===i.axis||"yx"===i.axis&&n.overflowed[1]&&!n.overflowed[0])var h="x",m=35===l?Math.abs(d.width()-c.outerWidth(!1)):0;else var h="y",m=35===l?Math.abs(d.height()-c.outerHeight(!1)):0;Q(o,m.toString(),{dir:h,scrollEasing:"mcsEaseInOut"})}}}var o=e(this),n=o.data(a),i=n.opt,r=n.sequential,l=a+"_"+n.idx,s=e("#mCSB_"+n.idx),c=e("#mCSB_"+n.idx+"_container"),d=c.parent(),u="input,textarea,select,datalist,keygen,[contenteditable='true']",f=c.find("iframe"),h=["blur."+l+" keydown."+l+" keyup."+l];f.length&&f.each(function(){e(this).load(function(){L(this)&&e(this.contentDocument||this.contentWindow.document).bind(h[0],function(e){t(e)})})}),s.attr("tabindex","0").bind(h[0],function(e){t(e)})},q=function(t,o,n,i,r){function l(e){var o="stepped"!==f.type,a=r?r:e?o?p/1.5:g:1e3/60,n=e?o?7.5:40:2.5,s=[Math.abs(h[0].offsetTop),Math.abs(h[0].offsetLeft)],d=[c.scrollRatio.y>10?10:c.scrollRatio.y,c.scrollRatio.x>10?10:c.scrollRatio.x],u="x"===f.dir[0]?s[1]+f.dir[1]*d[1]*n:s[0]+f.dir[1]*d[0]*n,m="x"===f.dir[0]?s[1]+f.dir[1]*parseInt(f.scrollAmount):s[0]+f.dir[1]*parseInt(f.scrollAmount),v="auto"!==f.scrollAmount?m:u,x=i?i:e?o?"mcsLinearOut":"mcsEaseInOut":"mcsLinear",_=e?!0:!1;return e&&17>a&&(v="x"===f.dir[0]?s[1]:s[0]),Q(t,v.toString(),{dir:f.dir[0],scrollEasing:x,dur:a,onComplete:_}),e?void(f.dir=!1):(clearTimeout(f.step),void(f.step=setTimeout(function(){l()},a)))}function s(){clearTimeout(f.step),Z(f,"step"),V(t)}var c=t.data(a),u=c.opt,f=c.sequential,h=e("#mCSB_"+c.idx+"_container"),m="stepped"===f.type?!0:!1,p=u.scrollInertia<26?26:u.scrollInertia,g=u.scrollInertia<1?17:u.scrollInertia;switch(o){case"on":if(f.dir=[n===d[16]||n===d[15]||39===n||37===n?"x":"y",n===d[13]||n===d[15]||38===n||37===n?-1:1],V(t),te(n)&&"stepped"===f.type)return;l(m);break;case"off":s(),(m||c.tweenRunning&&f.dir)&&l(!0)}},Y=function(t){var o=e(this).data(a).opt,n=[];return"function"==typeof t&&(t=t()),t instanceof Array?n=t.length>1?[t[0],t[1]]:"x"===o.axis?[null,t[0]]:[t[0],null]:(n[0]=t.y?t.y:t.x||"x"===o.axis?null:t,n[1]=t.x?t.x:t.y||"y"===o.axis?null:t),"function"==typeof n[0]&&(n[0]=n[0]()),"function"==typeof n[1]&&(n[1]=n[1]()),n},j=function(t,o){if(null!=t&&"undefined"!=typeof t){var n=e(this),i=n.data(a),r=i.opt,l=e("#mCSB_"+i.idx+"_container"),s=l.parent(),c=typeof t;o||(o="x"===r.axis?"x":"y");var d="x"===o?l.outerWidth(!1):l.outerHeight(!1),f="x"===o?l[0].offsetLeft:l[0].offsetTop,h="x"===o?"left":"top";switch(c){case"function":return t();case"object":var m=t.jquery?t:e(t);if(!m.length)return;return"x"===o?oe(m)[1]:oe(m)[0];case"string":case"number":if(te(t))return Math.abs(t);if(-1!==t.indexOf("%"))return Math.abs(d*parseInt(t)/100);if(-1!==t.indexOf("-="))return Math.abs(f-parseInt(t.split("-=")[1]));if(-1!==t.indexOf("+=")){var p=f+parseInt(t.split("+=")[1]);return p>=0?0:Math.abs(p)}if(-1!==t.indexOf("px")&&te(t.split("px")[0]))return Math.abs(t.split("px")[0]);if("top"===t||"left"===t)return 0;if("bottom"===t)return Math.abs(s.height()-l.outerHeight(!1));if("right"===t)return Math.abs(s.width()-l.outerWidth(!1));if("first"===t||"last"===t){var m=l.find(":"+t);return"x"===o?oe(m)[1]:oe(m)[0]}return e(t).length?"x"===o?oe(e(t))[1]:oe(e(t))[0]:(l.css(h,t),void u.update.call(null,n[0]))}}},X=function(t){function o(){return clearTimeout(h[0].autoUpdate),0===s.parents("html").length?void(s=null):void(h[0].autoUpdate=setTimeout(function(){return f.advanced.updateOnSelectorChange&&(m=r(),m!==w)?(l(3),void(w=m)):(f.advanced.updateOnContentResize&&(p=[h.outerHeight(!1),h.outerWidth(!1),v.height(),v.width(),_()[0],_()[1]],(p[0]!==S[0]||p[1]!==S[1]||p[2]!==S[2]||p[3]!==S[3]||p[4]!==S[4]||p[5]!==S[5])&&(l(p[0]!==S[0]||p[1]!==S[1]),S=p)),f.advanced.updateOnImageLoad&&(g=n(),g!==b&&(h.find("img").each(function(){i(this)}),b=g)),void((f.advanced.updateOnSelectorChange||f.advanced.updateOnContentResize||f.advanced.updateOnImageLoad)&&o()))},f.advanced.autoUpdateTimeout))}function n(){var e=0;return f.advanced.updateOnImageLoad&&(e=h.find("img").length),e}function i(t){function o(e,t){return function(){return t.apply(e,arguments)}}function a(){this.onload=null,e(t).addClass(d[2]),l(2)}if(e(t).hasClass(d[2]))return void l();var n=new Image;n.onload=o(n,a),n.src=t.src}function r(){f.advanced.updateOnSelectorChange===!0&&(f.advanced.updateOnSelectorChange="*");var t=0,o=h.find(f.advanced.updateOnSelectorChange);return f.advanced.updateOnSelectorChange&&o.length>0&&o.each(function(){t+=e(this).height()+e(this).width()}),t}function l(e){clearTimeout(h[0].autoUpdate),u.update.call(null,s[0],e)}var s=e(this),c=s.data(a),f=c.opt,h=e("#mCSB_"+c.idx+"_container");if(t)return clearTimeout(h[0].autoUpdate),void Z(h[0],"autoUpdate");var m,p,g,v=h.parent(),x=[e("#mCSB_"+c.idx+"_scrollbar_vertical"),e("#mCSB_"+c.idx+"_scrollbar_horizontal")],_=function(){return[x[0].is(":visible")?x[0].outerHeight(!0):0,x[1].is(":visible")?x[1].outerWidth(!0):0]},w=r(),S=[h.outerHeight(!1),h.outerWidth(!1),v.height(),v.width(),_()[0],_()[1]],b=n();o()},N=function(e,t,o){return Math.round(e/t)*t-o},V=function(t){var o=t.data(a),n=e("#mCSB_"+o.idx+"_container,#mCSB_"+o.idx+"_container_wrapper,#mCSB_"+o.idx+"_dragger_vertical,#mCSB_"+o.idx+"_dragger_horizontal");n.each(function(){K.call(this)})},Q=function(t,o,n){function i(e){return s&&c.callbacks[e]&&"function"==typeof c.callbacks[e]}function r(){return[c.callbacks.alwaysTriggerOffsets||_>=w[0]+b,c.callbacks.alwaysTriggerOffsets||-C>=_]}function l(){var e=[h[0].offsetTop,h[0].offsetLeft],o=[v[0].offsetTop,v[0].offsetLeft],a=[h.outerHeight(!1),h.outerWidth(!1)],i=[f.height(),f.width()];t[0].mcs={content:h,top:e[0],left:e[1],draggerTop:o[0],draggerLeft:o[1],topPct:Math.round(100*Math.abs(e[0])/(Math.abs(a[0])-i[0])),leftPct:Math.round(100*Math.abs(e[1])/(Math.abs(a[1])-i[1])),direction:n.dir}}var s=t.data(a),c=s.opt,d={trigger:"internal",dir:"y",scrollEasing:"mcsEaseOut",drag:!1,dur:c.scrollInertia,overwrite:"all",
  5 +callbacks:!0,onStart:!0,onUpdate:!0,onComplete:!0},n=e.extend(d,n),u=[n.dur,n.drag?0:n.dur],f=e("#mCSB_"+s.idx),h=e("#mCSB_"+s.idx+"_container"),m=h.parent(),p=c.callbacks.onTotalScrollOffset?Y.call(t,c.callbacks.onTotalScrollOffset):[0,0],g=c.callbacks.onTotalScrollBackOffset?Y.call(t,c.callbacks.onTotalScrollBackOffset):[0,0];if(s.trigger=n.trigger,(0!==m.scrollTop()||0!==m.scrollLeft())&&(e(".mCSB_"+s.idx+"_scrollbar").css("visibility","visible"),m.scrollTop(0).scrollLeft(0)),"_resetY"!==o||s.contentReset.y||(i("onOverflowYNone")&&c.callbacks.onOverflowYNone.call(t[0]),s.contentReset.y=1),"_resetX"!==o||s.contentReset.x||(i("onOverflowXNone")&&c.callbacks.onOverflowXNone.call(t[0]),s.contentReset.x=1),"_resetY"!==o&&"_resetX"!==o){switch(!s.contentReset.y&&t[0].mcs||!s.overflowed[0]||(i("onOverflowY")&&c.callbacks.onOverflowY.call(t[0]),s.contentReset.x=null),!s.contentReset.x&&t[0].mcs||!s.overflowed[1]||(i("onOverflowX")&&c.callbacks.onOverflowX.call(t[0]),s.contentReset.x=null),c.snapAmount&&(o=N(o,c.snapAmount,c.snapOffset)),n.dir){case"x":var v=e("#mCSB_"+s.idx+"_dragger_horizontal"),x="left",_=h[0].offsetLeft,w=[f.width()-h.outerWidth(!1),v.parent().width()-v.width()],S=[o,0===o?0:o/s.scrollRatio.x],b=p[1],C=g[1],B=b>0?b/s.scrollRatio.x:0,T=C>0?C/s.scrollRatio.x:0;break;case"y":var v=e("#mCSB_"+s.idx+"_dragger_vertical"),x="top",_=h[0].offsetTop,w=[f.height()-h.outerHeight(!1),v.parent().height()-v.height()],S=[o,0===o?0:o/s.scrollRatio.y],b=p[0],C=g[0],B=b>0?b/s.scrollRatio.y:0,T=C>0?C/s.scrollRatio.y:0}S[1]<0||0===S[0]&&0===S[1]?S=[0,0]:S[1]>=w[1]?S=[w[0],w[1]]:S[0]=-S[0],t[0].mcs||(l(),i("onInit")&&c.callbacks.onInit.call(t[0])),clearTimeout(h[0].onCompleteTimeout),(s.tweenRunning||!(0===_&&S[0]>=0||_===w[0]&&S[0]<=w[0]))&&(G(v[0],x,Math.round(S[1]),u[1],n.scrollEasing),G(h[0],x,Math.round(S[0]),u[0],n.scrollEasing,n.overwrite,{onStart:function(){n.callbacks&&n.onStart&&!s.tweenRunning&&(i("onScrollStart")&&(l(),c.callbacks.onScrollStart.call(t[0])),s.tweenRunning=!0,y(v),s.cbOffsets=r())},onUpdate:function(){n.callbacks&&n.onUpdate&&i("whileScrolling")&&(l(),c.callbacks.whileScrolling.call(t[0]))},onComplete:function(){if(n.callbacks&&n.onComplete){"yx"===c.axis&&clearTimeout(h[0].onCompleteTimeout);var e=h[0].idleTimer||0;h[0].onCompleteTimeout=setTimeout(function(){i("onScroll")&&(l(),c.callbacks.onScroll.call(t[0])),i("onTotalScroll")&&S[1]>=w[1]-B&&s.cbOffsets[0]&&(l(),c.callbacks.onTotalScroll.call(t[0])),i("onTotalScrollBack")&&S[1]<=T&&s.cbOffsets[1]&&(l(),c.callbacks.onTotalScrollBack.call(t[0])),s.tweenRunning=!1,h[0].idleTimer=0,y(v,"hide")},e)}}}))}},G=function(e,t,o,a,n,i,r){function l(){S.stop||(x||m.call(),x=J()-v,s(),x>=S.time&&(S.time=x>S.time?x+f-(x-S.time):x+f-1,S.time<x+1&&(S.time=x+1)),S.time<a?S.id=h(l):g.call())}function s(){a>0?(S.currVal=u(S.time,_,b,a,n),w[t]=Math.round(S.currVal)+"px"):w[t]=o+"px",p.call()}function c(){f=1e3/60,S.time=x+f,h=window.requestAnimationFrame?window.requestAnimationFrame:function(e){return s(),setTimeout(e,.01)},S.id=h(l)}function d(){null!=S.id&&(window.requestAnimationFrame?window.cancelAnimationFrame(S.id):clearTimeout(S.id),S.id=null)}function u(e,t,o,a,n){switch(n){case"linear":case"mcsLinear":return o*e/a+t;case"mcsLinearOut":return e/=a,e--,o*Math.sqrt(1-e*e)+t;case"easeInOutSmooth":return e/=a/2,1>e?o/2*e*e+t:(e--,-o/2*(e*(e-2)-1)+t);case"easeInOutStrong":return e/=a/2,1>e?o/2*Math.pow(2,10*(e-1))+t:(e--,o/2*(-Math.pow(2,-10*e)+2)+t);case"easeInOut":case"mcsEaseInOut":return e/=a/2,1>e?o/2*e*e*e+t:(e-=2,o/2*(e*e*e+2)+t);case"easeOutSmooth":return e/=a,e--,-o*(e*e*e*e-1)+t;case"easeOutStrong":return o*(-Math.pow(2,-10*e/a)+1)+t;case"easeOut":case"mcsEaseOut":default:var i=(e/=a)*e,r=i*e;return t+o*(.499999999999997*r*i+-2.5*i*i+5.5*r+-6.5*i+4*e)}}e._mTween||(e._mTween={top:{},left:{}});var f,h,r=r||{},m=r.onStart||function(){},p=r.onUpdate||function(){},g=r.onComplete||function(){},v=J(),x=0,_=e.offsetTop,w=e.style,S=e._mTween[t];"left"===t&&(_=e.offsetLeft);var b=o-_;S.stop=0,"none"!==i&&d(),c()},J=function(){return window.performance&&window.performance.now?window.performance.now():window.performance&&window.performance.webkitNow?window.performance.webkitNow():Date.now?Date.now():(new Date).getTime()},K=function(){var e=this;e._mTween||(e._mTween={top:{},left:{}});for(var t=["top","left"],o=0;o<t.length;o++){var a=t[o];e._mTween[a].id&&(window.requestAnimationFrame?window.cancelAnimationFrame(e._mTween[a].id):clearTimeout(e._mTween[a].id),e._mTween[a].id=null,e._mTween[a].stop=1)}},Z=function(e,t){try{delete e[t]}catch(o){e[t]=null}},$=function(e){return!(e.which&&1!==e.which)},ee=function(e){var t=e.originalEvent.pointerType;return!(t&&"touch"!==t&&2!==t)},te=function(e){return!isNaN(parseFloat(e))&&isFinite(e)},oe=function(e){var t=e.parents(".mCSB_container");return[e.offset().top-t.offset().top,e.offset().left-t.offset().left]};e.fn[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o]=function(t){return u[t]?u[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void e.error("Method "+t+" does not exist"):u.init.apply(this,arguments)},e[o].defaults=i,window[o]=!0,e(window).load(function(){e(n)[o](),e.extend(e.expr[":"],{mcsInView:e.expr[":"].mcsInView||function(t){var o,a,n=e(t),i=n.parents(".mCSB_container");if(i.length)return o=i.parent(),a=[i[0].offsetTop,i[0].offsetLeft],a[0]+oe(n)[0]>=0&&a[0]+oe(n)[0]<o.height()-n.outerHeight(!1)&&a[1]+oe(n)[1]>=0&&a[1]+oe(n)[1]<o.width()-n.outerWidth(!1)},mcsOverflow:e.expr[":"].mcsOverflow||function(t){var o=e(t).data(a);if(o)return o.overflowed[0]||o.overflowed[1]}})})})});
... ...
frontend/web/js/script.js
  Show/Hide comments   View file @9030662
... ... @@ -176,15 +176,19 @@ $(
176 176 document.cookie = "sowCookieModal=1; path=/; expires=" + date.toUTCString();
177 177 })
178 178  
179   - }
180   -
181   -
182   -
183   -
184   -
185   -
186   -
187   -
188   -
189   -
190   -);
191 179 \ No newline at end of file
  180 + if($('.home-text-wr').length) {
  181 + $('.home-text-wr').mCustomScrollbar(
  182 + {
  183 + // autoHideScrollbar: false,
  184 + theme: 'minimal'
  185 + }
  186 + );
  187 + }
  188 +
  189 +
  190 +
  191 +
  192 +
  193 +
  194 +
  195 + });
192 196 \ No newline at end of file
... ...