Commit 9030662442378edc8f77de04cd950a00aaea0a84
1 parent
41b041b3
add seo text home
Showing
6 changed files
with
1267 additions
and
15 deletions
Show diff stats
frontend/assets/AppAsset.php
| @@ -21,6 +21,7 @@ | @@ -21,6 +21,7 @@ | ||
| 21 | '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800', | 21 | '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800', |
| 22 | 'css/custom.css', | 22 | 'css/custom.css', |
| 23 | 'css/main.css', | 23 | 'css/main.css', |
| 24 | + 'css/scroll.css', | ||
| 24 | ]; | 25 | ]; |
| 25 | public $js = [ | 26 | public $js = [ |
| 26 | 'js/jquery.cookie.js', | 27 | 'js/jquery.cookie.js', |
| @@ -30,7 +31,8 @@ | @@ -30,7 +31,8 @@ | ||
| 30 | 'js/front.js', | 31 | 'js/front.js', |
| 31 | 'js/owl.carousel.min.js', | 32 | 'js/owl.carousel.min.js', |
| 32 | 'js/script.js', | 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 | public $depends = [ | 37 | public $depends = [ |
| 36 | 'yii\web\YiiAsset', | 38 | 'yii\web\YiiAsset', |
frontend/views/site/index.php
| @@ -327,7 +327,7 @@ JS; | @@ -327,7 +327,7 @@ JS; | ||
| 327 | <section class="blue-fon no-mg economy-wr"> | 327 | <section class="blue-fon no-mg economy-wr"> |
| 328 | <div class="container"> | 328 | <div class="container"> |
| 329 | <div class="heading text-center"> | 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 | </div> | 331 | </div> |
| 332 | <div class="row"> | 332 | <div class="row"> |
| 333 | <div class="col-xs-12 col-sm-4"> | 333 | <div class="col-xs-12 col-sm-4"> |
| @@ -476,6 +476,28 @@ JS; | @@ -476,6 +476,28 @@ JS; | ||
| 476 | </div> | 476 | </div> |
| 477 | </div> | 477 | </div> |
| 478 | </section> | 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 | <section class="no-mg"> | 501 | <section class="no-mg"> |
| 480 | <div id="map"> | 502 | <div id="map"> |
| 481 | 503 |
frontend/web/css/main.css
| @@ -1127,4 +1127,60 @@ p.error-text{ | @@ -1127,4 +1127,60 @@ p.error-text{ | ||
| 1127 | } | 1127 | } |
| 1128 | .label_39 { | 1128 | .label_39 { |
| 1129 | z-index: 2147483645 !important; | 1129 | z-index: 2147483645 !important; |
| 1130 | -} | ||
| 1131 | \ No newline at end of file | 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 | \ No newline at end of file | 1188 | \ No newline at end of file |
| 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 | \ No newline at end of file | 1164 | \ No newline at end of file |
frontend/web/js/jquery.mCustomScrollbar.concat.min.js
0 → 100644
| 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
| @@ -176,15 +176,19 @@ $( | @@ -176,15 +176,19 @@ $( | ||
| 176 | document.cookie = "sowCookieModal=1; path=/; expires=" + date.toUTCString(); | 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 | \ No newline at end of file | 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 | \ No newline at end of file | 196 | \ No newline at end of file |