Alexey Boroda / uamap_old

Commit 6969963f38fc21dbc9467d50c50ff7c15172d7d6

Authored by Anastasia
1 parent 7ea2c753

chat bot

Showing 22 changed files with 2757 additions and 1 deletions   Show diff stats
Inline Side-by-side
common/config/main.php
  Show/Hide comments   View file @6969963
... ... @@ -13,6 +13,12 @@ return ArrayHelper::merge(
13 13 ),
14 14 'modules' => require(__DIR__ . '/modules.php'),
15 15 'params' => require __DIR__ . '/params.php',
  16 + ],
  17 + [
  18 + 'aliases' => [
  19 + '@bower' => '@vendor/bower-asset',
  20 + '@npm' => '@vendor/npm-asset',
  21 +]
16 22 ]
17 23 );
18 24  
... ...
frontend/themes/defaults/assets/BotAsset.php 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?php
  2 + /**
  3 + * Created by PhpStorm.
  4 + * User: stes
  5 + * Date: 19.11.18
  6 + * Time: 11:11
  7 + */
  8 +
  9 + namespace frontend\themes\defaults\assets;
  10 +
  11 + use yii\web\AssetBundle;
  12 +
  13 + class BotAsset extends AssetBundle
  14 + {
  15 + public $sourcePath = '@frontend/themes/defaults/web';
  16 +
  17 + public $css = [
  18 + 'css/bot.css',
  19 + 'css/scroll.css'
  20 + ];
  21 +
  22 + public $js = [
  23 + 'js/bot.js',
  24 + 'js/jquery.mCustomScrollbar.concat.min.js'
  25 + ];
  26 +
  27 + public $depends = [
  28 + \yii\web\YiiAsset::class,
  29 + ];
  30 + }
0 31 \ No newline at end of file
... ...
frontend/themes/defaults/layouts/chat_en.php 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?php
  2 + /**
  3 + * Created by PhpStorm.
  4 + * User: stes
  5 + * Date: 19.11.18
  6 + * Time: 11:27
  7 + */
  8 + ?>
  9 +<?php
  10 + /**
  11 + * Created by PhpStorm.
  12 + * User: stes
  13 + * Date: 19.11.18
  14 + * Time: 11:20
  15 + */
  16 +?>
  17 +<div class="chat-wrapp disabled" style="z-index: 99">
  18 + <div class="chat-hidden-padding">
  19 + <div class="chat-hidden-wrapp">
  20 + <div class="chat-hidden-close">
  21 + <div class="close"></div>
  22 + <div class="back" style="display: none;"></div>
  23 + <span>uamap</span>
  24 + </div>
  25 + <div class="chat-hidden" style="height: calc(100% - 56px);">
  26 + <div class="chat-scroll">
  27 + <div class="chat-start-wrapp">
  28 + <div class="chat-start-btn"><span>Investor</span></div>
  29 + <div class="chat-start-btn"><span>Applicant</span></div>
  30 + </div>
  31 + <div class="chat-questions-wrapp">
  32 + <div class="chat-tabs" style="display: none;">
  33 + <div class="chat-questions">
  34 + <div>
  35 + <p>1. What is UA MAP framework and how does it work?</p>
  36 + </div>
  37 + <div class="chat-questions">
  38 + <div>
  39 + <p>UA MAP is an informational web-resource, that was created in order to foster the attractions of investments in areas of renewable energy and energy efficiency.
  40 + The website contains the information about the resource potential of the country and certain regions, realized and potential projects (general and detaoled statements), acting legislation, etc. Step-by-step instructions for implementing projects on "green" tariff and heat saling can be useful .
  41 + Above all, UA MAP provides the communication between initiators of projects and investors. Detailed information is on a <a target="_blank" href=" http://www.uamap.org.ua/">link</a></p>
  42 + </div>
  43 + </div>
  44 + </div>
  45 +
  46 + <div class="chat-questions">
  47 + <div>
  48 + <p>2. How to find a project which is interesting for you?</p>
  49 + </div>
  50 + <div class="chat-questions">
  51 + <div>
  52 + <p>It is possible to select it in the base of all registered projects or accordind to the criteria of resource potential. For a more accurate research we suggest to use filters, that allow to choose an energy resource, the type of connection, a land plot, project capacity, etc.</p>
  53 + </div>
  54 + <div class="chat-questions">
  55 + <div>
  56 + <p>All available projects (you can activate filters in the upper left corner of the screen) <a target="_blank" href="http://www.uamap.org.ua/object_base/type/project">more</a></p>
  57 + </div>
  58 + </div>
  59 + <div class="chat-questions">
  60 + <div>
  61 + <p>Resource potential (you can activate filters in the upper left corner of the screen) <a target="_blank" href="http://www.uamap.org.ua/object_base/type/resource">more</a></p>
  62 + </div>
  63 + </div>
  64 + </div>
  65 + </div>
  66 +
  67 + <div class="chat-questions">
  68 + <div>
  69 + <p>3. How to estimate the investment attraction of a project?</p>
  70 + </div>
  71 + <div class="chat-questions">
  72 + <div>
  73 + <p>Calculators will help <a target="_blank" href="">(go over)</a></p>
  74 + </div>
  75 + </div>
  76 + </div>
  77 +
  78 + <div class="chat-questions">
  79 + <div>
  80 + <p>4. How to implement a project in Ukraine?</p>
  81 + </div>
  82 + <div class="chat-questions">
  83 + <div>
  84 + <p> Detailed information is in step-by-step guidelines</p>
  85 + </div>
  86 + <div class="chat-questions">
  87 + <div>
  88 + <p>Project of energy sale by "green" tariff. <a target="_blank" href="http://online.fliphtml5.com/nfuc/ilbi/">more</a></p>
  89 + </div>
  90 + </div>
  91 + <div class="chat-questions">
  92 + <div>
  93 + <p>Project of heat sale. <a target="_blank" href="http://online.fliphtml5.com/nfuc/cneu/">more</a></p>
  94 + </div>
  95 + </div>
  96 + </div>
  97 + </div>
  98 +
  99 + <div class="chat-questions">
  100 + <div>
  101 + <p>5. What laws define the project activity?</p>
  102 + </div>
  103 + <div class="chat-questions">
  104 + <div>
  105 + <p><a target="_blank" href="http://www.uamap.org.ua/page/legislative-base">more</a></p>
  106 + </div>
  107 + </div>
  108 + </div>
  109 +
  110 + <div class="chat-questions">
  111 + <div>
  112 + <p>6. What to pay extra attention to?</p>
  113 + </div>
  114 + <div class="chat-questions">
  115 + <div>
  116 + <p>The interactive map in renewable energy, that indicates available possibilities of connection, electrical substations, railway stations, etc. can be useful for investors (follow link at the end of list). <a target="_blank" href="http://www.uamap.org.ua/page/useful-information">more</a></p>
  117 + </div>
  118 + </div>
  119 + <div class="chat-questions">
  120 + <div>
  121 + <p>A lot of useful information at the link. <a target="_blank" href="http://www.uamap.org.ua/page/useful-information">more</a></p>
  122 + </div>
  123 + </div>
  124 + </div>
  125 +
  126 + <div class="chat-questions">
  127 + <div>
  128 + <p>7. Recent news in the energy sector (follow the link)</p>
  129 + </div>
  130 + <div class="chat-questions">
  131 + <div>
  132 + <p><a target="_blank" href="http://www.uamap.org.ua/blog">more</a></p>
  133 + </div>
  134 + </div>
  135 + </div>
  136 +
  137 + <div class="chat-questions">
  138 + <div>
  139 + <p>8. If you have any additional question or require our help please contact us: </p>
  140 + </div>
  141 + <div class="chat-questions">
  142 + <div>
  143 + <p><a target="_blank" href="http://www.uamap.org.ua/page/contact">more</a></p>
  144 + </div>
  145 + </div>
  146 + </div>
  147 +
  148 + </div>
  149 + <div class="chat-tabs" style="display: none;">
  150 + <div class="chat-questions">
  151 + <div>
  152 + <p>1. What is UA MAP framework and how does it work?</p>
  153 + </div>
  154 + <div class="chat-questions">
  155 + <div>
  156 + <p>UA MAP is an informational web-resource, that was created in order to foster the attractions of investments in areas of renewable energy and energy efficiency.
  157 + The website contains the information about the resource potential of the country and certain regions, realized and potential projects (general and detaoled statements), acting legislation, etc. Step-by-step instructions for implementing projects on "green" tariff and heat saling can be useful .
  158 + Above all, UA MAP provides the communication between initiators of projects and investors.
  159 + <a target="_blank" href=" http://www.uamap.org.ua/">(go over)</a></p>
  160 + </div>
  161 + </div>
  162 + </div>
  163 +
  164 +
  165 + </div>
  166 + </div>
  167 + </div>
  168 + </div>
  169 + </div>
  170 + </div>
  171 + <div class="chat-ico">
  172 +
  173 + </div>
  174 +</div>
  175 +
... ...
frontend/themes/defaults/layouts/chat_ua.php 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?php
  2 + /**
  3 + * Created by PhpStorm.
  4 + * User: stes
  5 + * Date: 19.11.18
  6 + * Time: 11:20
  7 + */
  8 + ?>
  9 +<div class="chat-wrapp disabled" style="z-index: 99">
  10 + <div class="chat-hidden-padding">
  11 + <div class="chat-hidden-wrapp">
  12 + <div class="chat-hidden-close">
  13 + <div class="close"></div>
  14 + <div class="back" style="display: none;"></div>
  15 + <span>uamap</span>
  16 + </div>
  17 + <div class="chat-hidden" style="height: calc(100% - 56px);">
  18 + <div class="chat-scroll">
  19 + <div class="chat-start-wrapp">
  20 + <div class="chat-start-btn"><span>ะ†ะฝะฒะตัั‚ะพั€ัƒ</span></div>
  21 + <div class="chat-start-btn"><span>ะทะฐัะฒะฝะธะบัƒ</span></div>
  22 + </div>
  23 + <div class="chat-questions-wrapp">
  24 + <div class="chat-tabs" style="display: none;">
  25 + <div class="chat-questions">
  26 + <div>
  27 + <p>1. ะฉะพ ั‚ะฐะบะต ะฟะปะฐั‚ั„ะพั€ะผะฐ UAMAP ั– ัะบ ะฒะพะฝะฐ ะฟั€ะฐั†ัŽั”?</p>
  28 + </div>
  29 + <div class="chat-questions">
  30 + <div>
  31 + <p>ะฆะต ั–ะฝั„ะพั€ะผะฐั†ั–ะนะฝะธะน ั€ะตััƒั€ั, ัะบะธะน ะฑัƒะฒ ัั‚ะฒะพั€ะตะฝะธะน ะท ะผะตั‚ะพัŽ ัะฟั€ะธัะฝะฝั ะทะฐะปัƒั‡ะตะฝะฝัŽ ั–ะฝะฒะตัั‚ะธั†ั–ะน ะฒ ัั„ะตั€ะธ ะฒั–ะดะฝะพะฒะปัŽะฒะฐะปัŒะฝะพั— ะตะฝะตั€ะณะตั‚ะธะบะธ ั‚ะฐ ะตะฝะตั€ะณะพะตั„ะตะบั‚ะธะฒะฝะพัั‚ั–. ะกะฐะนั‚ ะผั–ัั‚ะธั‚ัŒ ั–ะฝั„ะพั€ะผะฐั†ั–ัŽ ะฟั€ะพ ั€ะตััƒั€ัะฝะธะน ะฟะพั‚ะตะฝั†ั–ะฐะป ะบั€ะฐั—ะฝะธ ั– ะพะบั€ะตะผะธั… ะผั–ัั†ะตะฒะพัั‚ะตะน, ั€ะตะฐะปั–ะทะพะฒะฐะฝั– ั– ะฟะพั‚ะตะฝั†ั–ะนะฝั– ะฟั€ะพะตะบั‚ะธ (ะทะฐะณะฐะปัŒะฝั– ั– ะดะตั‚ะฐะปัŒะฝั– ะฒั–ะดะพะผะพัั‚ั–), ะฐะบั‚ัƒะฐะปัŒะฝะต ะทะฐะบะพะฝะพะดะฐะฒัั‚ะฒะพ ะน ั‚ะพั‰ะพ. ะ’ ะฝะฐะณะพะดั– ัั‚ะฐะฝัƒั‚ัŒ ะฟะพะบั€ะพะบะพะฒั– ั–ะฝัั‚ั€ัƒะบั†ั–ั— ะท ั€ะตะฐะปั–ะทะฐั†ั–ั— ะฟั€ะพะตะบั‚ั–ะฒ ะทะฐ "ะทะตะปะตะฝะธะผ" ั‚ะฐั€ะธั„ะพะผ ั‚ะฐ ะฟั€ะพะดะฐะถัƒ ั‚ะตะฟะปะฐ. ะ“ะพะปะพะฒะฝะต, UA MAP ะทะฐะฑะตะทะฟะตั‡ัƒั” ะบะพะผัƒะฝั–ะบะฐั†ั–ัŽ ะผั–ะถ ั–ะฝั–ั†ั–ะฐั‚ะพั€ะฐะผะธ ะฟั€ะพะตะบั‚ั–ะฒ ั‚ะฐ ั–ะฝะฒะตัั‚ะพั€ะฐะผะธ. ะ”ะตั‚ะฐะปัŒะฝะฐ ั–ะฝั„ะพั€ะผะฐั†ั–ั ะทะฐ <a target="_blank" href=" http://www.uamap.org.ua/">ะฟะพัะธะปะฐะฝะฝัะผ</a></p>
  32 + </div>
  33 + </div>
  34 + </div>
  35 +
  36 + <div class="chat-questions">
  37 + <div>
  38 + <p>2. ะฏะบ ะทะฝะฐะนั‚ะธ ะฟั€ะพะตะบั‚, ัะบะธะน ะ’ะฐั ั†ั–ะบะฐะฒะธั‚ัŒ?</p>
  39 + </div>
  40 + <div class="chat-questions">
  41 + <div>
  42 + <p>ะœะพะถะฝะฐ ะพะฑั€ะฐั‚ะธ ะฒ ะฑะฐะทั– ะฒัั–ั… ะทะฐั€ะตั”ัั‚ั€ะพะฒะฐะฝะธั… ะฟั€ะพะตะบั‚ั–ะฒ ะฐะฑะพ ะทะฐ ะบั€ะธั‚ะตั€ั–ั”ะผ ั€ะตััƒั€ัะฝะพะณะพ ะฟะพั‚ะตะฝั†ั–ะฐะปัƒ. ะ”ะปั ะฑั–ะปัŒัˆ ั‚ะพั‡ะฝะพะณะพ ะฟะพัˆัƒะบัƒ ะฟั€ะพะฟะพะฝัƒั”ะผะพ ะฒะธะบะพั€ะธัั‚ะพะฒัƒะฒะฐั‚ะธ ั„ั–ะปัŒั‚ั€ะธ, ัะบั– ะดะพะทะฒะพะปััŽั‚ัŒ ะพะฑะธั€ะฐั‚ะธ ะตะฝะตั€ะณะพั€ะตััƒั€ั, ั‚ะธะฟ ะฟั–ะดะบะปัŽั‡ะตะฝะฝั, ะทะตะผะตะปัŒะฝัƒ ะดั–ะปัะฝะบัƒ, ะฟะพั‚ัƒะถะฝั–ัั‚ัŒ ะฟั€ะพะตะบั‚ัƒ ะน ั‚ะพั‰ะพ.</p>
  43 + </div>
  44 + <div class="chat-questions">
  45 + <div>
  46 + <p>ะ’ัั– ะฝะฐัะฒะฝั– ะฟั€ะพะตะบั‚ะธ (ะฐะบั‚ะธะฒะฐั†ั–ั ั„ั–ะปัŒั‚ั€ั–ะฒ ะฒ ะปั–ะฒั–ะน ะฒะตั€ั…ะฝั–ะน ั‡ะฐัั‚ะธะฝั– ะตะบั€ะฐะฝัƒ) <a target="_blank" href="http://www.uamap.org.ua/object_base/type/project">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  47 + </div>
  48 + </div>
  49 + <div class="chat-questions">
  50 + <div>
  51 + <p>ะ ะตััƒั€ัะฝะธะน ะฟะพั‚ะตะฝั†ั–ะฐะป (ะฐะบั‚ะธะฒะฐั†ั–ั ั„ั–ะปัŒั‚ั€ั–ะฒ ะฒ ะปั–ะฒั–ะน ะฒะตั€ั…ะฝั–ะน ั‡ะฐัั‚ะธะฝั– ะตะบั€ะฐะฝัƒ) <a target="_blank" href="http://www.uamap.org.ua/object_base/type/resource">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  52 + </div>
  53 + </div>
  54 + </div>
  55 + </div>
  56 +
  57 + <div class="chat-questions">
  58 + <div>
  59 + <p>3. ะฏะบ ั€ะพะทั€ะฐั…ัƒะฒะฐั‚ะธ ั–ะฝะฒะตัั‚ะธั†ั–ะนะฝัƒ ะฟั€ะธะฒะฐะฑะปะธะฒั–ัั‚ัŒ ะฟั€ะพะตะบั‚ัƒ?</p>
  60 + </div>
  61 + <div class="chat-questions">
  62 + <div>
  63 + <p>ะ”ะพะฟะพะผะพะถัƒั‚ัŒ ะบะฐะปัŒะบัƒะปัั‚ะพั€ะธ <a target="_blank" href="">(ะฟะตั€ะตะนั‚ะธ)</a></p>
  64 + </div>
  65 + </div>
  66 + </div>
  67 +
  68 + <div class="chat-questions">
  69 + <div>
  70 + <p>4. ะฏะบ ั€ะตะฐะปั–ะทัƒะฒะฐั‚ะธ ะฟั€ะพะตะบั‚ ะฒ ะฃะบั€ะฐั—ะฝั–?</p>
  71 + </div>
  72 + <div class="chat-questions">
  73 + <div>
  74 + <p> ะ”ะตั‚ะฐะปัŒะฝะฐ ั–ะฝั„ะพั€ะผะฐั†ั–ั ะฒ ะฟะพะบั€ะพะบะพะฒะธั… ั–ะฝัั‚ั€ัƒะบั†ั–ัั…</p>
  75 + </div>
  76 + <div class="chat-questions">
  77 + <div>
  78 + <p>ะŸั€ะพะตะบั‚ ะฟั€ะพะดะฐะถัƒ ะตะฝะตั€ะณั–ั— ะทะฐ "ะทะตะปะตะฝะธะผ ั‚ะฐั€ะธั„ะพะผ". <a target="_blank" href="http://online.fliphtml5.com/nfuc/ilbi/">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  79 + </div>
  80 + </div>
  81 + <div class="chat-questions">
  82 + <div>
  83 + <p>ะŸั€ะพะตะบั‚ ะฟั€ะพะดะฐะถัƒ ั‚ะตะฟะปะฐ. <a target="_blank" href="http://online.fliphtml5.com/nfuc/cneu/">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  84 + </div>
  85 + </div>
  86 + </div>
  87 + </div>
  88 +
  89 + <div class="chat-questions">
  90 + <div>
  91 + <p>5. ะฏะบั– ะทะฐะบะพะฝะธ ะฒะธะทะฝะฐั‡ะฐัŽั‚ัŒ ะดั–ัะปัŒะฝั–ัั‚ัŒ ะทะฐ ะฟั€ะพะตะบั‚ะพะผ?</p>
  92 + </div>
  93 + <div class="chat-questions">
  94 + <div>
  95 + <p><a target="_blank" href="http://www.uamap.org.ua/page/legislative-base">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  96 + </div>
  97 + </div>
  98 + </div>
  99 +
  100 + <div class="chat-questions">
  101 + <div>
  102 + <p>6. ะะฐ ั‰ะพ ะทะฒะตั€ะฝัƒั‚ะธ ัƒะฒะฐะณัƒ ะดะพะดะฐั‚ะบะพะฒะพ?</p>
  103 + </div>
  104 + <div class="chat-questions">
  105 + <div>
  106 + <p>ะ†ะฝั‚ะตั€ะฐะบั‚ะธะฒะฝะฐ ะบะฐั€ั‚ะฐ ะฒ ะดะพะฟะพะผะพะณัƒ ั–ะฝะฒะตัั‚ะพั€ัƒ ะ’ะ”ะ• ั–ะท ะทะฐะทะฝะฐั‡ะตะฝะฝัะผ ะฝะฐัะฒะฝะธั… ะผะพะปะธะฒะพัั‚ะตะน ะฟั–ะดะบะปัŽั‡ะตะฝะฝั, ะตะปะตะบั‚ั€ะพะฟั–ะดัั‚ะฐะฝั†ั–ะน, ะทะฐะปั–ะทะฝะธั‡ะธั… ัั‚ะฐะฝั†ั–ะน ั‚ะฐ ั–ะฝ. (ะทะฐ ะฟะพัะธะปะฐะฝะฝัะผ ะฒ ะบั–ะฝั†ั– ัะฟะธัะบัƒ). <a target="_blank" href="http://www.uamap.org.ua/page/useful-information">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  107 + </div>
  108 + </div>
  109 + <div class="chat-questions">
  110 + <div>
  111 + <p>ะ‘ะฐะณะฐั‚ะพ ะบะพั€ะธัะฝะพั— ั–ะฝั„ะพั€ะผะฐั†ั–ั— ะทะฐ ะฟะพัะธะปะฐะฝะฝัะผ. <a target="_blank" href="http://www.uamap.org.ua/page/useful-information">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  112 + </div>
  113 + </div>
  114 + </div>
  115 +
  116 + <div class="chat-questions">
  117 + <div>
  118 + <p>7. ะžัั‚ะฐะฝะฝั– ะฝะพะฒะธะฝะธ ะฒ ะตะฝะตั€ะณะตั‚ะธั†ั– (ะฟะตั€ะตะนั‚ะธ ะทะฐ ะฟะพัะธะปะฐะฝะฝัะผ)</p>
  119 + </div>
  120 + <div class="chat-questions">
  121 + <div>
  122 + <p><a target="_blank" href="http://www.uamap.org.ua/blog">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  123 + </div>
  124 + </div>
  125 + </div>
  126 +
  127 + <div class="chat-questions">
  128 + <div>
  129 + <p>8. ะฏะบั‰ะพ ะฟะพั‚ั€ั–ะฑะฝะฐ ะดะพะฟะพะผะพะณะฐ, ะฐะฑะพ ะฟั€ะพัั‚ะพ ะทะฐะปะธัˆะธะปะธััŒ ะฟะธั‚ะฐะฝะฝั, ะทะฒะตั€ั‚ะฐะนั‚ะตััŒ ะทะฐ ะบะพะฝั‚ะฐะบั‚ะฐะผะธ</p>
  130 + </div>
  131 + <div class="chat-questions">
  132 + <div>
  133 + <p><a target="_blank" href="http://www.uamap.org.ua/page/contact">ะดะตั‚ะฐะปัŒะฝั–ัˆะต</a></p>
  134 + </div>
  135 + </div>
  136 + </div>
  137 +
  138 + </div>
  139 + <div class="chat-tabs" style="display: none;">
  140 + <div class="chat-questions">
  141 + <div>
  142 + <p>1. ะฉะพ ั‚ะฐะบะต ะฟะปะฐั‚ั„ะพั€ะผะฐ UAMAP ั– ัะบ ะฒะพะฝะฐ ะฟั€ะฐั†ัŽั”</p>
  143 + </div>
  144 + <div class="chat-questions">
  145 + <div>
  146 + <p>ะฆะต ั–ะฝั„ะพั€ะผะฐั†ั–ะนะฝะธะน ั€ะตััƒั€ั, ัะบะธะน ะฑัƒะฒ ัั‚ะฒะพั€ะตะฝะธะน ะท ะผะตั‚ะพัŽ ัะฟั€ะธัะฝะฝั ะทะฐะปัƒั‡ะตะฝะฝัŽ ั–ะฝะฒะตัั‚ะธั†ั–ะน ะฒ ัั„ะตั€ะธ ะฒั–ะดะฝะพะฒะปัŽะฒะฐะปัŒะฝะพั— ะตะฝะตั€ะณะตั‚ะธะบะธ ั‚ะฐ ะตะฝะตั€ะณะพะตั„ะตะบั‚ะธะฒะฝะพัั‚ั–. ะกะฐะนั‚ ะผั–ัั‚ะธั‚ัŒ ั–ะฝั„ะพั€ะผะฐั†ั–ัŽ ะฟั€ะพ ั€ะตััƒั€ัะฝะธะน ะฟะพั‚ะตะฝั†ั–ะฐะป ะบั€ะฐั—ะฝะธ ั– ะพะบั€ะตะผะธั… ะผั–ัั†ะตะฒะพัั‚ะตะน, ั€ะตะฐะปั–ะทะพะฒะฐะฝั– ั– ะฟะพั‚ะตะฝั†ั–ะนะฝั– ะฟั€ะพะตะบั‚ะธ (ะทะฐะณะฐะปัŒะฝั– ั– ะดะตั‚ะฐะปัŒะฝั– ะฒั–ะดะพะผะพัั‚ั–), ะฐะบั‚ัƒะฐะปัŒะฝะต ะทะฐะบะพะฝะพะดะฐะฒัั‚ะฒะพ ะน ั‚ะพั‰ะพ. ะ’ ะฝะฐะณะพะดั– ัั‚ะฐะฝัƒั‚ัŒ ะฟะพะบั€ะพะบะพะฒั– ั–ะฝัั‚ั€ัƒะบั†ั–ั— ะท ั€ะตะฐะปั–ะทะฐั†ั–ั— ะฟั€ะพะตะบั‚ั–ะฒ ะทะฐ "ะทะตะปะตะฝะธะผ" ั‚ะฐั€ะธั„ะพะผ ั‚ะฐ ะฟั€ะพะดะฐะถัƒ ั‚ะตะฟะปะฐ. ะ“ะพะปะพะฒะฝะต, UA MAP ะทะฐะฑะตะทะฟะตั‡ัƒั” ะบะพะผัƒะฝั–ะบะฐั†ั–ัŽ ะผั–ะถ ั–ะฝั–ั†ั–ะฐั‚ะพั€ะฐะผะธ ะฟั€ะพะตะบั‚ั–ะฒ ั‚ะฐ ั–ะฝะฒะตัั‚ะพั€ะฐะผะธ. ะ”ะตั‚ะฐะปัŒะฝะฐ ั–ะฝั„ะพั€ะผะฐั†ั–ั ะทะฐ ะฟะพัะธะปะฐะฝะฝัะผ
  147 + <a target="_blank" href=" http://www.uamap.org.ua/">(ะฟะตั€ะตะนั‚ะธ)</a></p>
  148 + </div>
  149 + </div>
  150 + </div>
  151 +
  152 +
  153 + </div>
  154 + </div>
  155 + </div>
  156 + </div>
  157 + </div>
  158 + </div>
  159 + <div class="chat-ico">
  160 +
  161 + </div>
  162 +</div>
... ...
frontend/themes/defaults/layouts/main.php
  Show/Hide comments   View file @6969963
1 1 <?php
2   -use yii\helpers\Html;
  2 +
  3 + use frontend\themes\defaults\assets\BotAsset;
  4 + use yii\helpers\Html;
3 5  
4 6 use thread\modules\seo\modules\info\widgets\RenderLdJsonInfo\RenderLdJsonInfo;
5 7 //
... ... @@ -9,10 +11,12 @@ use frontend\modules\user\widgets\{
9 11 };
10 12  
11 13 /**
  14 + * @var \yii\web\View $this
12 15 * @author Alla Kuzmenko
13 16 * @copyright (c), Thread
14 17 */
15 18 $asset = AppAsset::register($this);
  19 +BotAsset::register($this);
16 20 $this->beginPage();
17 21 ?>
18 22 <!DOCTYPE html>
... ... @@ -78,6 +82,13 @@ echo Html::tag(&#39;div&#39;, &#39;&#39;, [
78 82 </div>
79 83 </div>
80 84 </div>
  85 + <?php
  86 + if(\Yii::$app->language == 'en-EN'){
  87 + echo $this->render('chat_en');
  88 + }else{
  89 + $this->render('chat_ua');
  90 + }
  91 + ?>
81 92 <?php
82 93 if (Yii::$app->getUser()->isGuest):
83 94 echo Login::widget(['view' => 'authorization-popup'])
... ...
frontend/themes/defaults/web/css/bot.css 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +.chat-wrapp {
  2 + position: fixed;
  3 + bottom: 0;
  4 + right: 0;
  5 + font-family: Arial, sans-serif;
  6 + font-size: 14px;
  7 + line-height: 17px;
  8 + height: 100%; }
  9 + .chat-wrapp.disabled {
  10 + right: 47px;
  11 + height: auto;
  12 + bottom: 89px;
  13 + padding-bottom: 0; }
  14 + .chat-wrapp.disabled .chat-hidden-wrapp {
  15 + display: none; }
  16 + .chat-wrapp.disabled .chat-ico {
  17 + display: block; }
  18 + .chat-wrapp * {
  19 + box-sizing: border-box; }
  20 +
  21 +.chat-ico {
  22 + display: none;
  23 + float: right;
  24 + width: 52px;
  25 + height: 52px;
  26 + border-radius: 100%;
  27 + cursor: pointer;
  28 + box-shadow: -5px 11px 24px 0px rgba(198, 233, 237, 0.75);
  29 + border: 4px solid #fff;
  30 + position: relative;
  31 + background: #2573a7;
  32 + background: -moz-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  33 + background: -webkit-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  34 + background: linear-gradient(to right, #2573a7 0%, #0ea5d7 100%);
  35 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }
  36 + .chat-ico:before {
  37 + content: '';
  38 + width: 100%;
  39 + height: 100%;
  40 + position: absolute;
  41 + left: 0;
  42 + top: 0;
  43 + background-image: url("../images/message-chat.svg");
  44 + background-size: 24px 21px;
  45 + background-repeat: no-repeat;
  46 + background-position: 50% 50%; }
  47 + .chat-ico:hover {
  48 + background: #0ea5d7;
  49 + background: -moz-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  50 + background: -webkit-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  51 + background: linear-gradient(to right, #0ea5d7 0%, #2573a7 100%);
  52 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }
  53 +
  54 +.chat-hidden-padding {
  55 + height: 100%;
  56 + padding: 20px 0; }
  57 +
  58 +.chat-hidden-wrapp {
  59 + width: 286px;
  60 + border-radius: 4px;
  61 + border-bottom: 12px solid #0fa2d5;
  62 + box-shadow: -5px 11px 24px 0px rgba(198, 233, 237, 0.75);
  63 + margin-bottom: 20px;
  64 + overflow: hidden;
  65 + height: 100%;
  66 + margin-bottom: 0; }
  67 +
  68 +.chat-hidden {
  69 + padding: 16px 12px 16px 12px;
  70 + height: 100%;
  71 + background: #fff; }
  72 +
  73 +.chat-hidden-close {
  74 + height: 56px;
  75 + position: relative;
  76 + background: #2572a6 url("../images/bg-chat.png") 50% 50% no-repeat;
  77 + z-index: 7; }
  78 + .chat-hidden-close div {
  79 + position: absolute;
  80 + top: 50%;
  81 + right: 0;
  82 + margin-top: -20px;
  83 + width: 40px;
  84 + height: 40px;
  85 + cursor: pointer;
  86 + background-image: url("../images/close-chat.svg");
  87 + background-size: 12px 12px;
  88 + background-repeat: no-repeat;
  89 + background-position: 50% 50%; }
  90 + .chat-hidden-close div.back {
  91 + right: 40px;
  92 + background-image: url("../images/chat-arrow-left.svg");
  93 + background-size: 7px 12px;
  94 + background-repeat: no-repeat;
  95 + background-position: 50% 50%; }
  96 + .chat-hidden-close span {
  97 + color: #fff;
  98 + text-transform: uppercase;
  99 + line-height: 56px;
  100 + padding-left: 26px; }
  101 +
  102 +.chat-scroll {
  103 + height: 100%;
  104 + position: relative; }
  105 +
  106 +.chat-start-btn {
  107 + text-align: center;
  108 + margin-top: 16px; }
  109 + .chat-start-btn:first-child {
  110 + margin-top: 0; }
  111 + .chat-start-btn span {
  112 + display: inline-block;
  113 + width: 160px;
  114 + height: 40px;
  115 + line-height: 40px;
  116 + text-align: center;
  117 + border-radius: 40px;
  118 + font-size: 12px;
  119 + text-transform: uppercase;
  120 + font-weight: 700;
  121 + color: #fff;
  122 + cursor: pointer;
  123 + background: #2573a7;
  124 + background: -moz-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  125 + background: -webkit-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  126 + background: linear-gradient(to right, #2573a7 0%, #0ea5d7 100%);
  127 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }
  128 + .chat-start-btn span:hover {
  129 + background: #0ea5d7;
  130 + background: -moz-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  131 + background: -webkit-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  132 + background: linear-gradient(to right, #0ea5d7 0%, #2573a7 100%);
  133 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }
  134 +
  135 +.chat-questions-wrapp {
  136 + padding-right: 18px; }
  137 +
  138 +.chat-questions {
  139 + margin-top: 12px; }
  140 + .chat-questions:first-child {
  141 + margin-top: 0; }
  142 + .chat-questions div {
  143 + background: #2573a7;
  144 + background: -moz-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  145 + background: -webkit-linear-gradient(left, #2573a7 0%, #0ea5d7 100%);
  146 + background: linear-gradient(to right, #2573a7 0%, #0ea5d7 100%);
  147 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  148 + color: #fff;
  149 + border-radius: 4px;
  150 + padding: 11px 14px 25px 14px;
  151 + cursor: pointer;
  152 + position: relative; }
  153 + .chat-questions div:hover {
  154 + background: #0ea5d7;
  155 + background: -moz-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  156 + background: -webkit-linear-gradient(left, #0ea5d7 0%, #2573a7 100%);
  157 + background: linear-gradient(to right, #0ea5d7 0%, #2573a7 100%);
  158 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 ); }
  159 + .chat-questions div p {
  160 + margin: 0; }
  161 + .chat-questions div a {
  162 + color: #2572a6 !important;
  163 + text-decoration: none !important; }
  164 + .chat-questions div a:hover {
  165 + text-decoration: underline !important; }
  166 + .chat-questions.has-questions > div:before {
  167 + width: 12px;
  168 + height: 7px;
  169 + background-image: url("../images/chat-arrow-bottom.svg");
  170 + background-size: 12px 7px;
  171 + background-repeat: no-repeat;
  172 + background-position: 50% 50%;
  173 + content: '';
  174 + position: absolute;
  175 + bottom: 10px;
  176 + right: 14px;
  177 + display: block;
  178 + transform: rotate(0deg);
  179 + -webkit-transform: rotate(0deg);
  180 + -moz-transform: rotate(0deg);
  181 + -ms-transform: rotate(0deg);
  182 + -o-transform: rotate(0deg); }
  183 + .chat-questions .chat-questions {
  184 + display: none;
  185 + background: none !important;
  186 + padding: 0;
  187 + margin-top: 2px; }
  188 + .chat-questions .chat-questions div {
  189 + background: #f5f5f5;
  190 + color: #787a7a; }
  191 + .chat-questions .chat-questions.has-questions > div:before {
  192 + background-image: url("../images/chat-arrow-bottom-blue.svg"); }
  193 + .chat-questions .chat-questions .chat-questions {
  194 + padding-left: 16px; }
  195 + .chat-questions.show > .chat-questions {
  196 + display: block; }
  197 + .chat-questions.show > div:before {
  198 + transform: rotate(-180deg);
  199 + -webkit-transform: rotate(-180deg);
  200 + -moz-transform: rotate(-180deg);
  201 + -ms-transform: rotate(-180deg);
  202 + -o-transform: rotate(-180deg); }
  203 +
  204 +/********************************scrollBar**********************/
  205 +/*
  206 +------------------------------------------------------------------------------------------------------------------------
  207 +1. BASIC STYLE
  208 +------------------------------------------------------------------------------------------------------------------------
  209 +*/
  210 +.mCustomScrollbar {
  211 + -ms-touch-action: pinch-zoom;
  212 + touch-action: pinch-zoom;
  213 + /* direct pointer events to js */ }
  214 +
  215 +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  216 + -ms-touch-action: auto;
  217 + touch-action: auto; }
  218 +
  219 +.mCustomScrollBox {
  220 + /* contains plugin's markup */
  221 + position: relative;
  222 + overflow: hidden;
  223 + height: 100%;
  224 + max-width: 100%;
  225 + outline: none;
  226 + direction: ltr; }
  227 +
  228 +.mCSB_container {
  229 + /* contains the original content */
  230 + overflow: hidden;
  231 + width: auto;
  232 + height: auto; }
  233 +
  234 +/*
  235 +------------------------------------------------------------------------------------------------------------------------
  236 +2. VERTICAL SCROLLBAR
  237 +y-axis
  238 +------------------------------------------------------------------------------------------------------------------------
  239 +*/
  240 +.mCSB_inside > .mCSB_container {
  241 + /*margin-right: 30px; */ }
  242 +
  243 +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  244 + margin-right: 0; }
  245 +
  246 +/* non-visible scrollbar */
  247 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  248 + /* RTL direction/left-side scrollbar */
  249 + margin-right: 0;
  250 + margin-left: 30px; }
  251 +
  252 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  253 + margin-left: 0; }
  254 +
  255 +/* RTL direction/left-side scrollbar */
  256 +.mCSB_scrollTools {
  257 + /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  258 + position: absolute;
  259 + width: 10px;
  260 + height: auto;
  261 + left: auto;
  262 + top: 0;
  263 + right: 11px;
  264 + bottom: 0;
  265 + z-index: 5; }
  266 +
  267 +.mCSB_outside + .mCSB_scrollTools {
  268 + right: -5px; }
  269 +
  270 +/* scrollbar position: outside */
  271 +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  272 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  273 + /* RTL direction/left-side scrollbar */
  274 + right: auto;
  275 + left: 0; }
  276 +
  277 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  278 + left: -26px; }
  279 +
  280 +/* RTL direction/left-side scrollbar (scrollbar position: outside) */
  281 +.mCSB_scrollTools .mCSB_draggerContainer {
  282 + /* contains the draggable element and dragger rail markup */
  283 + position: absolute;
  284 + top: 0;
  285 + left: 0;
  286 + bottom: 0;
  287 + right: 0;
  288 + height: auto; }
  289 +
  290 +.mCSB_scrollTools a + .mCSB_draggerContainer {
  291 + margin: 20px 0; }
  292 +
  293 +.mCSB_scrollTools .mCSB_draggerRail {
  294 + width: 2px;
  295 + height: 100%;
  296 + margin: 0 auto; }
  297 +
  298 +.mCSB_scrollTools .mCSB_dragger {
  299 + /* the draggable element */
  300 + cursor: pointer;
  301 + width: 100%;
  302 + /*height: 30px; !* minimum dragger height *!*/
  303 + height: 200px;
  304 + z-index: 1; }
  305 +
  306 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  307 + /* the dragger element */
  308 + position: relative;
  309 + width: 8px;
  310 + height: 100%;
  311 + margin: 0 auto;
  312 + text-align: center; }
  313 +
  314 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  315 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  316 + width: 12px;
  317 + /* auto-expanded scrollbar */ }
  318 +
  319 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  320 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  321 + width: 8px;
  322 + /* auto-expanded scrollbar */ }
  323 +
  324 +.mCSB_scrollTools .mCSB_buttonUp,
  325 +.mCSB_scrollTools .mCSB_buttonDown {
  326 + display: block;
  327 + position: absolute;
  328 + height: 20px;
  329 + width: 100%;
  330 + overflow: hidden;
  331 + margin: 0 auto;
  332 + cursor: pointer; }
  333 +
  334 +.mCSB_scrollTools .mCSB_buttonDown {
  335 + bottom: 0; }
  336 +
  337 +/*
  338 +------------------------------------------------------------------------------------------------------------------------
  339 +5. TRANSITIONS
  340 +------------------------------------------------------------------------------------------------------------------------
  341 +*/
  342 +.mCSB_scrollTools,
  343 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  344 +.mCSB_scrollTools .mCSB_buttonUp,
  345 +.mCSB_scrollTools .mCSB_buttonDown,
  346 +.mCSB_scrollTools .mCSB_buttonLeft,
  347 +.mCSB_scrollTools .mCSB_buttonRight {
  348 + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  349 + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  350 + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  351 + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }
  352 +
  353 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  354 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  355 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  356 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  357 + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  358 + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  359 + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  360 + transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }
  361 +
  362 +/*
  363 +------------------------------------------------------------------------------------------------------------------------
  364 +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
  365 +------------------------------------------------------------------------------------------------------------------------
  366 +*/
  367 +/*
  368 +----------------------------------------
  369 +6.1 THEMES
  370 +----------------------------------------
  371 +*/
  372 +/* default theme ("light") */
  373 +.mCSB_scrollTools {
  374 + opacity: 1; }
  375 +
  376 +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  377 +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  378 +.mCustomScrollBox:hover > .mCSB_scrollTools,
  379 +.mCustomScrollBox:hover ~ .mCSB_scrollTools,
  380 +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  381 +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  382 + opacity: 1;
  383 + filter: "alpha(opacity=100)";
  384 + -ms-filter: "alpha(opacity=100)"; }
  385 +
  386 +.mCSB_scrollTools .mCSB_draggerRail {
  387 + background: #f5f5f5 !important;
  388 + opacity: 1; }
  389 +
  390 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  391 + opacity: 1;
  392 + background: #95d7e0 !important;
  393 + border-radius: 10px; }
  394 +
  395 +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  396 +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  397 + opacity: 1; }
  398 +
  399 +.mCSB_scrollTools .mCSB_buttonUp {
  400 + background-position: 0 0;
  401 + /*
  402 + sprites locations
  403 + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  404 + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  405 + */ }
  406 +
  407 +.mCSB_scrollTools .mCSB_buttonDown {
  408 + background-position: 0 -20px; }
  409 +
  410 +.mCSB_scrollTools .mCSB_buttonLeft {
  411 + background-position: 0 -40px; }
  412 +
  413 +.mCSB_scrollTools .mCSB_buttonRight {
  414 + background-position: 0 -56px; }
  415 +
  416 +.mCSB_scrollTools .mCSB_buttonUp:hover,
  417 +.mCSB_scrollTools .mCSB_buttonDown:hover,
  418 +.mCSB_scrollTools .mCSB_buttonLeft:hover,
  419 +.mCSB_scrollTools .mCSB_buttonRight:hover {
  420 + opacity: 0.75;
  421 + filter: "alpha(opacity=75)";
  422 + -ms-filter: "alpha(opacity=75)"; }
  423 +
  424 +.mCSB_scrollTools .mCSB_buttonUp:active,
  425 +.mCSB_scrollTools .mCSB_buttonDown:active,
  426 +.mCSB_scrollTools .mCSB_buttonLeft:active,
  427 +.mCSB_scrollTools .mCSB_buttonRight:active {
  428 + opacity: 0.9;
  429 + filter: "alpha(opacity=90)";
  430 + -ms-filter: "alpha(opacity=90)"; }
  431 +
  432 +/* theme: "dark" */
  433 +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  434 + background-color: #000;
  435 + background-color: rgba(0, 0, 0, 0.15); }
  436 +
  437 +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  438 + background-color: #000;
  439 + background-color: rgba(0, 0, 0, 0.75); }
  440 +
  441 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  442 + background-color: rgba(0, 0, 0, 0.85); }
  443 +
  444 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  445 +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  446 + background-color: rgba(0, 0, 0, 0.9); }
  447 +
  448 +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  449 + background-position: -80px 0; }
  450 +
  451 +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  452 + background-position: -80px -20px; }
  453 +
  454 +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  455 + background-position: -80px -40px; }
  456 +
  457 +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  458 + background-position: -80px -56px; }
  459 +
  460 +/* ---------------------------------------- */
  461 +/* ---------------------------------------- */
  462 +/********************************end scrollBar**********************/
  463 +
  464 +/*# sourceMappingURL=bot.css.map */
... ...
frontend/themes/defaults/web/css/bot.css.map 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +{
  2 +"version": 3,
  3 +"mappings": "AAcA,WAAY;EACV,QAAQ,EAAE,KAAK;EAGf,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,WAAW,EAAE,iBAAiB;EAC9B,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACf,MAAM,EAAE,IAAI;EAEd,oBAAW;IAOT,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,CAAC;IATjB,uCAAmB;MACjB,OAAO,EAAE,IAAI;IAEf,8BAAU;MACR,OAAO,EAAE,KAAK;EAUlB,aAAE;IACA,UAAU,EAAE,UAAU;;AAK1B,SAAU;EACR,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,IAAI;EACnB,MAAM,EAAE,OAAO;EACf,UAAU,EAAE,4CAA4C;EACxD,MAAM,EAAE,cAAc;EACtB,QAAQ,EAAE,QAAQ;EAtDlB,UAAU,EAuDmB,OAAO;EAtDpC,UAAU,EAAE,oDAA0D;EACtE,UAAU,EAAE,uDAA6D;EACzE,UAAU,EAAE,mDAAyD;EACrE,MAAM,EAAE,iHAAiH;EAqDzH,gBAAS;IACP,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,gBAAgB,EAAE,iCAAiC;IACnD,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,OAAO;EAG9B,eAAQ;IAtER,UAAU,EAuEqB,OAAO;IAtEtC,UAAU,EAAE,oDAA0D;IACtE,UAAU,EAAE,uDAA6D;IACzE,UAAU,EAAE,mDAAyD;IACrE,MAAM,EAAE,iHAAiH;;AAuE3H,oBAAqB;EACnB,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,MAAM;;AAGjB,kBAAmB;EACjB,KAAK,EAAE,KAAK;EACZ,aAAa,EAAE,GAAG;EAClB,aAAa,EAAE,kBAAkB;EACjC,UAAU,EAAE,4CAA4C;EACxD,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,MAAM;EAEhB,MAAM,EAAE,IAAI;EACZ,aAAa,EAAE,CAAC;;AAElB,YAAa;EACX,OAAO,EAAE,mBAAmB;EAC5B,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;;AAGlB,kBAAmB;EACjB,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,sDAAsD;EAClE,OAAO,EAAE,CAAC;EACV,sBAAI;IACF,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,KAAK;IACjB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,OAAO;IACf,gBAAgB,EAAE,+BAA+B;IACjD,eAAe,EAAE,SAAS;IAC1B,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,OAAO;IAG5B,2BAAO;MACL,KAAK,EAAE,IAAI;MACX,gBAAgB,EAAE,oCAAoC;MACtD,eAAe,EAAE,QAAQ;MACzB,iBAAiB,EAAE,SAAS;MAC5B,mBAAmB,EAAE,OAAO;EAGhC,uBAAK;IACH,KAAK,EAAE,IAAI;IACX,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;;AAItB,YAAa;EAEX,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,QAAQ;;AAIpB,eAAgB;EACd,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,IAAI;EAChB,2BAAc;IACZ,UAAU,EAAE,CAAC;EAEf,oBAAK;IACH,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,IAAI;IACnB,SAAS,EAAE,IAAI;IACf,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,GAAG;IAChB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,OAAO;IA5JjB,UAAU,EA6JqB,OAAO;IA5JtC,UAAU,EAAE,oDAA0D;IACtE,UAAU,EAAE,uDAA6D;IACzE,UAAU,EAAE,mDAAyD;IACrE,MAAM,EAAE,iHAAiH;IA0JvH,0BAAQ;MA9JV,UAAU,EA+JuB,OAAO;MA9JxC,UAAU,EAAE,oDAA0D;MACtE,UAAU,EAAE,uDAA6D;MACzE,UAAU,EAAE,mDAAyD;MACrE,MAAM,EAAE,iHAAiH;;AAoK3H,qBAAsB;EACpB,aAAa,EAAE,IAAI;;AAGrB,eAAgB;EACd,UAAU,EAAE,IAAI;EAChB,2BAAc;IACZ,UAAU,EAAE,CAAC;EAEf,mBAAI;IAjLJ,UAAU,EAkLqB,OAAO;IAjLtC,UAAU,EAAE,oDAA0D;IACtE,UAAU,EAAE,uDAA6D;IACzE,UAAU,EAAE,mDAAyD;IACrE,MAAM,EAAE,iHAAiH;IA+KvH,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,mBAAmB;IAC5B,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,QAAQ;IAClB,yBAAQ;MAxLV,UAAU,EAyLuB,OAAO;MAxLxC,UAAU,EAAE,oDAA0D;MACtE,UAAU,EAAE,uDAA6D;MACzE,UAAU,EAAE,mDAAyD;MACrE,MAAM,EAAE,iHAAiH;IAwLvH,qBAAE;MACA,MAAM,EAAE,CAAC;IAEX,qBAAE;MACA,KAAK,EAAE,kBAAkB;MACzB,eAAe,EAAE,eAAe;MAChC,2BAAQ;QACN,eAAe,EAAE,oBAAoB;EAOvC,0CAAS;IACP,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,GAAG;IACX,gBAAgB,EAAE,sCAAsC;IACxD,eAAe,EAAE,QAAQ;IACzB,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,OAAO;IAC5B,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,KAAK;IA9MpB,SAAS,EAAE,YAAkB;IAC7B,iBAAiB,EAAE,YAAkB;IACrC,cAAc,EAAE,YAAkB;IAClC,aAAa,EAAE,YAAkB;IACjC,YAAY,EAAE,YAAkB;EAgNhC,+BAAgB;IACd,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,eAAe;IAC3B,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,GAAG;IACf,mCAAI;MACF,UAAU,EAAE,OAAO;MACnB,KAAK,EAAE,OAAO;IAKZ,0DAAS;MACP,gBAAgB,EAAE,2CAA2C;IAInE,+CAAgB;MACd,YAAY,EAAE,IAAI;EAIpB,sCAAkB;IAChB,OAAO,EAAE,KAAK;EAGd,iCAAS;IA9Ob,SAAS,EAAE,eAAkB;IAC7B,iBAAiB,EAAE,eAAkB;IACrC,cAAc,EAAE,eAAkB;IAClC,aAAa,EAAE,eAAkB;IACjC,YAAY,EAAE,eAAkB;;AAoPlC,iEAAiE;AAGjE;;;;EAIE;AAEF,iBAAiB;EAAE,gBAAgB,EAAE,UAAU;EAAE,YAAY,EAAE,UAAU;EAAE,iCAAiC;;AAC5G,sEAAsE;EAAE,gBAAgB,EAAE,IAAI;EAAE,YAAY,EAAE,IAAI;;AAElH,iBAAiB;EAAE,8BAA8B;EAC/C,QAAQ,EAAE,QAAQ;EAClB,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,IAAI;EACZ,SAAS,EAAE,IAAI;EACf,OAAO,EAAE,IAAI;EACb,SAAS,EAAE,GAAG;;AAGhB,eAAe;EAAE,mCAAmC;EAClD,QAAQ,EAAE,MAAM;EAChB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;;AAMd;;;;;EAKE;AAEF,8BAA8B;EAC5B,wBAAwB;;AAG1B,+CAA+C;EAAE,YAAY,EAAE,CAAC;;AAAI,2BAA2B;AAE/F,6CAA6C;EAAE,uCAAuC;EACpF,YAAY,EAAE,CAAC;EACf,WAAW,EAAE,IAAI;;AAGnB,6EAA6E;EAAE,WAAW,EAAE,CAAC;;AAAI,uCAAuC;AAExI,iBAAiB;EAAE,+EAA+E;EAChG,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,IAAI,EAAE,IAAI;EACV,GAAG,EAAE,CAAC;EACN,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;AAGZ,iCAAiC;EAAE,KAAK,EAAE,IAAI;;AAAI,iCAAiC;AAEnF;gDACgD;EAAE,uCAAuC;EACvF,KAAK,EAAE,IAAI;EACX,IAAI,EAAE,CAAC;;AAGT,gDAAgD;EAAE,IAAI,EAAE,KAAK;;AAAI,qEAAqE;AAEtI,wCAAwC;EAAE,4DAA4D;EACpG,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,IAAI,EAAE,CAAC;EACP,MAAM,EAAE,CAAC;EACT,KAAK,EAAE,CAAC;EACR,MAAM,EAAE,IAAI;;AAGd,4CAA4C;EAAE,MAAM,EAAE,MAAM;;AAE5D,mCAAmC;EACjC,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,MAAM;;AAIhB,+BAA+B;EAAE,2BAA2B;EAC1D,MAAM,EAAE,OAAO;EACf,KAAK,EAAE,IAAI;EACX,8CAA8C;EAC9C,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,CAAC;;AAGZ,iDAAiD;EAAE,yBAAyB;EAC1E,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,MAAM;EAEd,UAAU,EAAE,MAAM;;AAKpB;sHACsH;EAAE,KAAK,EAAE,IAAI;EAAE,6BAA6B;;AAElK;wGACwG;EAAE,KAAK,EAAE,GAAG;EAAE,6BAA6B;;AAEnJ;kCACkC;EAChC,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,QAAQ;EAClB,MAAM,EAAE,IAAI;EACZ,KAAK,EAAE,IAAI;EACX,QAAQ,EAAE,MAAM;EAChB,MAAM,EAAE,MAAM;EACd,MAAM,EAAE,OAAO;;AAGjB,kCAAkC;EAAE,MAAM,EAAE,CAAC;;AAK7C;;;;EAIE;AAEF;;;;;mCAKmC;EACjC,kBAAkB,EAAE,yDAAyD;EAC7E,eAAe,EAAE,yDAAyD;EAC1E,aAAa,EAAE,yDAAyD;EACxE,UAAU,EAAE,yDAAyD;;AAGvE;;;6EAG6E;EAC3E,kBAAkB,EAAE,oOAGqC;EACzD,eAAe,EAAE,oOAGwC;EACzD,aAAa,EAAE,oOAG0C;EACzD,UAAU,EAAE,oOAG6C;;AAK3D;;;;EAIE;AAEF;;;;EAIE;AAEF,6BAA6B;AAE7B,iBAAiB;EAAE,OAAO,EAAE,CAAC;;AAE7B;;;;;2DAK2D;EAAE,OAAO,EAAE,CAAC;EAAE,MAAM,EAAE,oBAAoB;EAAE,UAAU,EAAE,oBAAoB;;AAEvI,mCAAmC;EACjC,UAAU,EAAE,kBAAkB;EAC9B,OAAO,EAAE,CAAC;;AAGZ,iDAAiD;EAC/C,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,kBAAkB;EAC9B,aAAa,EAAE,IAAI;;AAIrB;qEACqE;EAEnE,OAAO,EAAE,CAAC;;AAKZ,gCAAgC;EAC9B,mBAAmB,EAAE,GAAG;EACxB;;;;IAIE;;AAGJ,kCAAkC;EAChC,mBAAmB,EAAE,OAAO;;AAG9B,kCAAkC;EAChC,mBAAmB,EAAE,OAAO;;AAG9B,mCAAmC;EACjC,mBAAmB,EAAE,OAAO;;AAG9B;;;yCAGyC;EAAE,OAAO,EAAE,IAAI;EAAE,MAAM,EAAE,mBAAmB;EAAE,UAAU,EAAE,mBAAmB;;AAEtH;;;0CAG0C;EAAE,OAAO,EAAE,GAAG;EAAE,MAAM,EAAE,mBAAmB;EAAE,UAAU,EAAE,mBAAmB;;AAGtH,mBAAmB;AAEnB,4CAA4C;EAAE,gBAAgB,EAAE,IAAI;EAAE,gBAAgB,EAAE,mBAAgB;;AAExG,0DAA0D;EAAE,gBAAgB,EAAE,IAAI;EAAE,gBAAgB,EAAE,mBAAgB;;AAGtH,gEAAgE;EAAE,gBAAgB,EAAE,mBAAgB;;AAEpG;8EAC8E;EAAE,gBAAgB,EAAE,kBAAe;;AAEjH,yCAAyC;EAAE,mBAAmB,EAAE,OAAO;;AAEvE,2CAA2C;EAAE,mBAAmB,EAAE,WAAW;;AAE7E,2CAA2C;EAAE,mBAAmB,EAAE,WAAW;;AAE7E,4CAA4C;EAAE,mBAAmB,EAAE,WAAW;;AAE9E,8CAA8C;AAE9C,8CAA8C;AAO9C,qEAAqE",
  4 +"sources": ["bot.scss"],
  5 +"names": [],
  6 +"file": "bot.css"
  7 +}
0 8 \ No newline at end of file
... ...
frontend/themes/defaults/web/css/bot.scss 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +@mixin Gradient-horisontal($from-color, $to-color){
  2 + background: $from-color;
  3 + background: -moz-linear-gradient(left, $from-color 0%, $to-color 100%);
  4 + background: -webkit-linear-gradient(left, $from-color 0%, $to-color 100%);
  5 + background: linear-gradient(to right, $from-color 0%, $to-color 100%);
  6 + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from-color', endColorstr='$to-color',GradientType=1 );
  7 +}
  8 +@mixin Rotate($deg){
  9 + transform: rotate($deg + deg);
  10 + -webkit-transform: rotate($deg + deg);
  11 + -moz-transform: rotate($deg + deg);
  12 + -ms-transform: rotate($deg + deg);
  13 + -o-transform: rotate($deg + deg);
  14 +}
  15 +.chat-wrapp {
  16 + position: fixed;
  17 + //bottom: 89px;
  18 + //bottom: 20px;
  19 + bottom: 0;
  20 + right: 0;
  21 + font-family: Arial, sans-serif;
  22 + font-size: 14px;
  23 + line-height: 17px;
  24 + height: 100%;
  25 +
  26 + &.disabled {
  27 + .chat-hidden-wrapp {
  28 + display: none;
  29 + }
  30 + .chat-ico {
  31 + display: block;
  32 + }
  33 + right: 47px;
  34 + height: auto;
  35 + bottom: 89px;
  36 + padding-bottom: 0;
  37 +
  38 +
  39 + }
  40 +
  41 + * {
  42 + box-sizing: border-box;
  43 + }
  44 +
  45 +}
  46 +
  47 +.chat-ico {
  48 + display: none;
  49 + float: right;
  50 + width: 52px;
  51 + height: 52px;
  52 + border-radius: 100%;
  53 + cursor: pointer;
  54 + box-shadow: -5px 11px 24px 0px rgba(198, 233, 237, 0.75);
  55 + border: 4px solid #fff;
  56 + position: relative;
  57 + @include Gradient-horisontal(#2573a7, #0ea5d7);
  58 +
  59 + &:before {
  60 + content: '';
  61 + width: 100%;
  62 + height: 100%;
  63 + position: absolute;
  64 + left: 0;
  65 + top: 0;
  66 + background-image: url("../images/message-chat.svg");
  67 + background-size: 24px 21px;
  68 + background-repeat: no-repeat;
  69 + background-position: 50% 50%;
  70 + }
  71 +
  72 + &:hover {
  73 + @include Gradient-horisontal(#0ea5d7, #2573a7);
  74 + }
  75 +}
  76 +
  77 +.chat-hidden-padding {
  78 + height: 100%;
  79 + padding: 20px 0;
  80 +}
  81 +
  82 +.chat-hidden-wrapp {
  83 + width: 286px;
  84 + border-radius: 4px;
  85 + border-bottom: 12px solid #0fa2d5;
  86 + box-shadow: -5px 11px 24px 0px rgba(198, 233, 237, 0.75);
  87 + margin-bottom: 20px;
  88 + overflow: hidden;
  89 +
  90 + height: 100%;
  91 + margin-bottom: 0;
  92 +}
  93 +.chat-hidden {
  94 + padding: 16px 12px 16px 12px;
  95 + height: 100%;
  96 + background: #fff;
  97 +}
  98 +
  99 +.chat-hidden-close {
  100 + height: 56px;
  101 + position: relative;
  102 + background: #2572a6 url("../images/bg-chat.png") 50% 50% no-repeat;
  103 + z-index: 7;
  104 + div {
  105 + position: absolute;
  106 + top: 50%;
  107 + right: 0;
  108 + margin-top: -20px;
  109 + width: 40px;
  110 + height: 40px;
  111 + cursor: pointer;
  112 + background-image: url("../images/close-chat.svg");
  113 + background-size: 12px 12px;
  114 + background-repeat: no-repeat;
  115 + background-position: 50% 50%;
  116 +
  117 + &.close {}
  118 + &.back {
  119 + right: 40px;
  120 + background-image: url("../images/chat-arrow-left.svg");
  121 + background-size: 7px 12px;
  122 + background-repeat: no-repeat;
  123 + background-position: 50% 50%;
  124 + }
  125 + }
  126 + span {
  127 + color: #fff;
  128 + text-transform: uppercase;
  129 + line-height: 56px;
  130 + padding-left: 26px;
  131 + }
  132 +}
  133 +
  134 +.chat-scroll {
  135 + //height: 256px;
  136 + height: 100%;
  137 + position: relative;
  138 +
  139 +}
  140 +
  141 +.chat-start-btn {
  142 + text-align: center;
  143 + margin-top: 16px;
  144 + &:first-child {
  145 + margin-top: 0;
  146 + }
  147 + span {
  148 + display: inline-block;
  149 + width: 160px;
  150 + height: 40px;
  151 + line-height: 40px;
  152 + text-align: center;
  153 + border-radius: 40px;
  154 + font-size: 12px;
  155 + text-transform: uppercase;
  156 + font-weight: 700;
  157 + color: #fff;
  158 + cursor: pointer;
  159 + @include Gradient-horisontal(#2573a7, #0ea5d7);
  160 + &:hover {
  161 + @include Gradient-horisontal(#0ea5d7, #2573a7);
  162 + }
  163 + }
  164 +}
  165 +
  166 +.chat-start-wrapp {
  167 + //padding-top: 74px;
  168 +}
  169 +
  170 +.chat-questions-wrapp {
  171 + padding-right: 18px;
  172 +}
  173 +
  174 +.chat-questions {
  175 + margin-top: 12px;
  176 + &:first-child {
  177 + margin-top: 0;
  178 + }
  179 + div {
  180 + @include Gradient-horisontal(#2573a7, #0ea5d7);
  181 + color: #fff;
  182 + border-radius: 4px;
  183 + padding: 11px 14px 25px 14px;
  184 + cursor: pointer;
  185 + position: relative;
  186 + &:hover {
  187 + @include Gradient-horisontal(#0ea5d7, #2573a7);
  188 + }
  189 +
  190 + p {
  191 + margin: 0;
  192 + }
  193 + a {
  194 + color: #2572a6 !important;
  195 + text-decoration: none !important;
  196 + &:hover {
  197 + text-decoration: underline !important;
  198 + }
  199 + }
  200 +
  201 + }
  202 + &.has-questions {
  203 + > div {
  204 + &:before {
  205 + width: 12px;
  206 + height: 7px;
  207 + background-image: url("../images/chat-arrow-bottom.svg");
  208 + background-size: 12px 7px;
  209 + background-repeat: no-repeat;
  210 + background-position: 50% 50%;
  211 + content: '';
  212 + position: absolute;
  213 + bottom: 10px;
  214 + right: 14px;
  215 + display: block;
  216 + @include Rotate(0);
  217 + }
  218 + }
  219 + }
  220 +
  221 + .chat-questions {
  222 + display: none;
  223 + background: none !important;
  224 + padding: 0;
  225 + margin-top: 2px;
  226 + div {
  227 + background: #f5f5f5;
  228 + color: #787a7a;
  229 +
  230 + }
  231 + &.has-questions {
  232 + > div {
  233 + &:before {
  234 + background-image: url("../images/chat-arrow-bottom-blue.svg");
  235 + }
  236 + }
  237 + }
  238 + .chat-questions {
  239 + padding-left: 16px;
  240 + }
  241 + }
  242 + &.show {
  243 + > .chat-questions {
  244 + display: block;
  245 + }
  246 + > div {
  247 + &:before {
  248 + @include Rotate(-180);
  249 + }
  250 + }
  251 + }
  252 +}
  253 +
  254 +
  255 +
  256 +
  257 +/********************************scrollBar**********************/
  258 +
  259 +
  260 +/*
  261 +------------------------------------------------------------------------------------------------------------------------
  262 +1. BASIC STYLE
  263 +------------------------------------------------------------------------------------------------------------------------
  264 +*/
  265 +
  266 +.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
  267 +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
  268 +
  269 +.mCustomScrollBox{ /* contains plugin's markup */
  270 + position: relative;
  271 + overflow: hidden;
  272 + height: 100%;
  273 + max-width: 100%;
  274 + outline: none;
  275 + direction: ltr;
  276 +}
  277 +
  278 +.mCSB_container{ /* contains the original content */
  279 + overflow: hidden;
  280 + width: auto;
  281 + height: auto;
  282 + //padding-right: 12px;
  283 +}
  284 +
  285 +
  286 +
  287 +/*
  288 +------------------------------------------------------------------------------------------------------------------------
  289 +2. VERTICAL SCROLLBAR
  290 +y-axis
  291 +------------------------------------------------------------------------------------------------------------------------
  292 +*/
  293 +
  294 +.mCSB_inside > .mCSB_container{
  295 + /*margin-right: 30px; */
  296 +}
  297 +
  298 +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
  299 +
  300 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
  301 + margin-right: 0;
  302 + margin-left: 30px;
  303 +}
  304 +
  305 +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */
  306 +
  307 +.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  308 + position: absolute;
  309 + width: 10px;
  310 + height: auto;
  311 + left: auto;
  312 + top: 0;
  313 + right: 11px;
  314 + bottom: 0;
  315 + z-index: 5;
  316 +}
  317 +
  318 +.mCSB_outside + .mCSB_scrollTools{ right: -5px; } /* scrollbar position: outside */
  319 +
  320 +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
  321 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
  322 + right: auto;
  323 + left: 0;
  324 +}
  325 +
  326 +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */
  327 +
  328 +.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
  329 + position: absolute;
  330 + top: 0;
  331 + left: 0;
  332 + bottom: 0;
  333 + right: 0;
  334 + height: auto;
  335 +}
  336 +
  337 +.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
  338 +
  339 +.mCSB_scrollTools .mCSB_draggerRail{
  340 + width: 2px;
  341 + height: 100%;
  342 + margin: 0 auto;
  343 +
  344 +}
  345 +
  346 +.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
  347 + cursor: pointer;
  348 + width: 100%;
  349 + /*height: 30px; !* minimum dragger height *!*/
  350 + height: 200px;
  351 + z-index: 1;
  352 +}
  353 +
  354 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
  355 + position: relative;
  356 + width: 8px;
  357 + height: 100%;
  358 + margin: 0 auto;
  359 +
  360 + text-align: center;
  361 +
  362 +
  363 +}
  364 +
  365 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
  366 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
  367 +
  368 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
  369 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }
  370 +
  371 +.mCSB_scrollTools .mCSB_buttonUp,
  372 +.mCSB_scrollTools .mCSB_buttonDown{
  373 + display: block;
  374 + position: absolute;
  375 + height: 20px;
  376 + width: 100%;
  377 + overflow: hidden;
  378 + margin: 0 auto;
  379 + cursor: pointer;
  380 +}
  381 +
  382 +.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }
  383 +
  384 +
  385 +
  386 +
  387 +/*
  388 +------------------------------------------------------------------------------------------------------------------------
  389 +5. TRANSITIONS
  390 +------------------------------------------------------------------------------------------------------------------------
  391 +*/
  392 +
  393 +.mCSB_scrollTools,
  394 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
  395 +.mCSB_scrollTools .mCSB_buttonUp,
  396 +.mCSB_scrollTools .mCSB_buttonDown,
  397 +.mCSB_scrollTools .mCSB_buttonLeft,
  398 +.mCSB_scrollTools .mCSB_buttonRight{
  399 + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  400 + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  401 + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  402 + transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  403 +}
  404 +
  405 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
  406 +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
  407 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
  408 +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
  409 + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  410 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  411 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  412 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  413 + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  414 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  415 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  416 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  417 + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
  418 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  419 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  420 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  421 + transition: width .2s ease-out .2s, height .2s ease-out .2s,
  422 + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
  423 + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
  424 + opacity .2s ease-in-out, background-color .2s ease-in-out;
  425 +}
  426 +
  427 +
  428 +
  429 +/*
  430 +------------------------------------------------------------------------------------------------------------------------
  431 +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
  432 +------------------------------------------------------------------------------------------------------------------------
  433 +*/
  434 +
  435 +/*
  436 +----------------------------------------
  437 +6.1 THEMES
  438 +----------------------------------------
  439 +*/
  440 +
  441 +/* default theme ("light") */
  442 +
  443 +.mCSB_scrollTools{ opacity: 1;}
  444 +
  445 +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  446 +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
  447 +.mCustomScrollBox:hover > .mCSB_scrollTools,
  448 +.mCustomScrollBox:hover ~ .mCSB_scrollTools,
  449 +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
  450 +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
  451 +
  452 +.mCSB_scrollTools .mCSB_draggerRail{
  453 + background: #f5f5f5 !important;
  454 + opacity: 1;
  455 +}
  456 +
  457 +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  458 + opacity: 1;
  459 + background: #95d7e0 !important;
  460 + border-radius: 10px;
  461 +}
  462 +
  463 +
  464 +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  465 +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
  466 +
  467 + opacity: 1;
  468 +}
  469 +
  470 +
  471 +
  472 +.mCSB_scrollTools .mCSB_buttonUp{
  473 + background-position: 0 0;
  474 + /*
  475 + sprites locations
  476 + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  477 + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  478 + */
  479 +}
  480 +
  481 +.mCSB_scrollTools .mCSB_buttonDown{
  482 + background-position: 0 -20px;
  483 +}
  484 +
  485 +.mCSB_scrollTools .mCSB_buttonLeft{
  486 + background-position: 0 -40px;
  487 +}
  488 +
  489 +.mCSB_scrollTools .mCSB_buttonRight{
  490 + background-position: 0 -56px;
  491 +}
  492 +
  493 +.mCSB_scrollTools .mCSB_buttonUp:hover,
  494 +.mCSB_scrollTools .mCSB_buttonDown:hover,
  495 +.mCSB_scrollTools .mCSB_buttonLeft:hover,
  496 +.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
  497 +
  498 +.mCSB_scrollTools .mCSB_buttonUp:active,
  499 +.mCSB_scrollTools .mCSB_buttonDown:active,
  500 +.mCSB_scrollTools .mCSB_buttonLeft:active,
  501 +.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
  502 +
  503 +
  504 +/* theme: "dark" */
  505 +
  506 +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
  507 +
  508 +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
  509 +
  510 +
  511 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
  512 +
  513 +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
  514 +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
  515 +
  516 +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
  517 +
  518 +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
  519 +
  520 +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
  521 +
  522 +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
  523 +
  524 +/* ---------------------------------------- */
  525 +
  526 +/* ---------------------------------------- */
  527 +
  528 +@media (max-width: 991px) {
  529 + .mCSB_outside + .mCSB_scrollTools {
  530 + //right: -17px;
  531 + }
  532 +}
  533 +/********************************end scrollBar**********************/
0 534 \ No newline at end of file
... ...
frontend/themes/defaults/web/css/scroll.css 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  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 +.section-box-3 .mCSB_draggerRail, .tab-slider-txt .mCSB_draggerRail, .desk-tab .mCSB_draggerRail, .card-hidden-sizes .mCSB_draggerRail{background: none !important;}
  1152 +.section-box-3 .mCSB_dragger_bar, .tab-slider-txt .mCSB_dragger_bar, .desk-tab .mCSB_dragger_bar, .card-hidden-sizes .mCSB_dragger_bar{
  1153 +
  1154 + background: #a2a2a2 !important;
  1155 + width: 6px !important;
  1156 + box-shadow: none !important;
  1157 +}
  1158 +.tab-slider-txt .mCSB_dragger_bar{
  1159 + background: #fff !important;
  1160 + border: 0 !important;
  1161 +}
  1162 +.section-box-3 .mCSB_dragger_bar:before, .tab-slider-txt .mCSB_dragger_bar:before, .desk-tab .mCSB_dragger_bar:before, .card-hidden-sizes .mCSB_dragger_bar:before{ display: none !important;}
  1163 +
  1164 +@media (max-width: 991px) {
  1165 + .mCSB_outside + .mCSB_scrollTools {
  1166 + right: -17px;
  1167 + }
  1168 +}
0 1169 \ No newline at end of file
... ...
frontend/themes/defaults/web/images/bg-chat.png 0 โ†’ 100644
View file @6969963

6.83 KB
frontend/themes/defaults/web/images/chat-arrow-bottom-blue.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-419.6 681.9 190.6 112" style="enable-background:new -419.6 681.9 190.6 112;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#0FA2D5;}
  7 +</style>
  8 +<g transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-4110-5718c-67-33-100-116-80-194c10-38,62-93,428-461c450-451,457-457,544-443c23,4,56,16,73,26
  10 + c47,29,833,834,845,864c17,47,12,110-13,147c-47,70-127,97-204,69c-15-6-186-168-378-360l-350-350l-345,346
  11 + c-190,190-357,352-372,360C-3999-5695-4068-5696-4110-5718z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-bottom.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-209.6 340.9 190.6 112" style="enable-background:new -209.6 340.9 190.6 112;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<g transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-2010-2308c-67-33-100-116-80-194c10-38,62-93,428-461c450-451,457-457,544-443c23,4,56,16,73,26
  10 + c47,29,833,834,845,864c17,47,12,110-13,147c-47,70-127,97-204,69c-15-6-186-168-378-360l-350-350l-345,346
  11 + c-190,190-357,352-372,360C-1899-2285-1968-2286-2010-2308z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-left-blue.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-498 602.6 112 190.5" style="enable-background:new -498 602.6 112 190.5;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#0FA2D5;}
  7 +</style>
  8 +<g transform="translate(0.000000,191.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-4089-4126c-29-11-834-801-861-844c-10-17-22-50-26-73c-14-87-8-94,443-544c368-366,423-418,461-428
  10 + c111-29,212,46,212,158c0,24-6,55-14,70s-170,182-360,372l-346,345l350,350c192,192,354,363,360,378c40,109-38,228-149,226
  11 + C-4044-4116-4076-4121-4089-4126z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-left.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-249 301.1 112 190.5" style="enable-background:new -249 301.1 112 190.5;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<g transform="translate(0.000000,191.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-1599-1111c-29-11-834-801-861-844c-10-17-22-50-26-73c-14-87-8-94,443-544c368-366,423-418,461-428
  10 + c111-29,212,46,212,158c0,24-6,55-14,70s-170,182-360,372l-346,345l350,350c192,192,354,363,360,378c40,109-38,228-149,226
  11 + C-1554-1101-1586-1106-1599-1111z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-right -blue.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-498.1 602.1 112 191" style="enable-background:new -498.1 602.1 112 191;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#0FA2D5;}
  7 +</style>
  8 +<g transform="translate(0.000000,191.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-4873-4124c-21-8-48-22-59-33c-46-40-63-137-34-191c8-15,170-182,360-372l346-345l-350-350
  10 + c-192-192-354-363-360-378c-50-136,81-268,216-217c30,12,835,798,864,845c10,17,22,50,26,73c14,87,8,94-443,544
  11 + c-354,352-424,418-458,427C-4815-4107-4826-4108-4873-4124z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-right.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-249.1 301.1 112 191" style="enable-background:new -249.1 301.1 112 191;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<g transform="translate(0.000000,191.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-2383-1114c-21-8-48-22-59-33c-46-40-63-137-34-191c8-15,170-182,360-372l346-345l-350-350
  10 + c-192-192-354-363-360-378c-50-136,81-268,216-217c30,12,835,798,864,845c10,17,22,50,26,73c14,87,8,94-443,544
  11 + c-354,352-424,418-458,427C-2325-1097-2336-1098-2383-1114z"/>
  12 +</g>
  13 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-up-blue.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-419.9 682.6 191 111.8" style="enable-background:new -419.9 682.6 191 111.8;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#0FA2D5;}
  7 +</style>
  8 +<g transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-3315-5721c-26-12-185-164-452-432c-444-447-444-447-427-534c19-105,142-169,232-121c15,8,182,170,372,360
  10 + l345,346l350-350c192-192,363-354,378-360c136-50,268,81,217,216c-12,31-799,835-846,865C-3194-5702-3266-5697-3315-5721z"/>
  11 +</g>
  12 +</svg>
... ...
frontend/themes/defaults/web/images/chat-arrow-up.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-209.9 341.4 191 111.8" style="enable-background:new -209.9 341.4 191 111.8;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<g transform="translate(0.000000,112.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-1215-2309c-26-12-185-164-452-432c-444-447-444-447-427-534c19-105,142-169,232-121c15,8,182,170,372,360
  10 + l345,346l350-350c192-192,363-354,378-360c136-50,268,81,217,216c-12,31-799,835-846,865C-1094-2290-1166-2285-1215-2309z"/>
  11 +</g>
  12 +</svg>
... ...
frontend/themes/defaults/web/images/close-chat.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="-209.9 301.1 191 190.9" style="enable-background:new -209.9 301.1 191 190.9;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<g transform="translate(0.000000,191.000000) scale(0.100000,-0.100000)">
  9 + <path class="st0" d="M-1986-1110c-42-13-100-78-108-123c-17-89-13-94,365-472l349-350l-330-330c-182-182-343-347-357-369
  10 + c-50-70-32-176,39-229c38-28,124-34,169-12c19,9,188,171,377,358l342,342l348-347c191-191,360-352,375-358c48-17,111-12,148,13
  11 + c70,47,97,127,69,204c-6,15-167,184-358,375l-347,348l342,342c187,189,348,357,357,375c49,97-11,217-119,237c-86,16-93,11-470-365
  12 + l-350-349l-340,341c-187,187-352,347-366,354C-1888-1105-1949-1099-1986-1110z"/>
  13 +</g>
  14 +</svg>
... ...
frontend/themes/defaults/web/images/message-chat.svg 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +<?xml version="1.0" encoding="utf-8"?>
  2 +<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
  3 +<svg version="1.1" id="ะกะปะพะน_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  4 + viewBox="21 234.7 24 20.6" style="enable-background:new 21 234.7 24 20.6;" xml:space="preserve">
  5 +<style type="text/css">
  6 + .st0{fill:#FFFFFF;}
  7 +</style>
  8 +<path class="st0" d="M43.6,240.3h-6.4v-4.2c0-0.8-0.6-1.4-1.4-1.4H22.4c-0.8,0-1.4,0.6-1.4,1.4v9.4c0,0.8,0.6,1.4,1.4,1.4h1.4v2.3
  9 + c0,0.4,0.5,0.6,0.8,0.3l2.7-2.7h1.5v4.2c0,0.8,0.6,1.4,1.4,1.4h8.5l2.7,2.7c0.3,0.3,0.8,0.1,0.8-0.3v-2.3h1.4c0.8,0,1.4-0.6,1.4-1.4
  10 + v-9.4C45,240.9,44.4,240.3,43.6,240.3z M28.8,245.9h-1.7c-0.1,0-0.2,0-0.3,0.1l-2,2v-1.7c0-0.3-0.2-0.5-0.5-0.5h-1.9
  11 + c-0.3,0-0.5-0.2-0.5-0.5v-9.4c0-0.3,0.2-0.5,0.5-0.5h13.4c0.3,0,0.5,0.2,0.5,0.5v4.2c-0.5,0-5.5,0-6.3,0c-0.8,0-1.2,0.5-1.2,1.2
  12 + C28.8,241.7,28.8,245.9,28.8,245.9z M44.1,251.1c0,0.3-0.2,0.5-0.5,0.5h-1.9c-0.3,0-0.5,0.2-0.5,0.5v1.7l-2-2
  13 + c-0.1-0.1-0.2-0.1-0.3-0.1h-8.7c-0.3,0-0.5-0.2-0.5-0.5v-9.4c0-0.3,0.2-0.5,0.5-0.5h13.4c0.3,0,0.5,0.2,0.5,0.5V251.1z"/>
  14 +<path class="st0" d="M41.7,244.5h-9.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h9.7c0.3,0,0.5-0.2,0.5-0.5S42,244.5,41.7,244.5z"/>
  15 +<path class="st0" d="M41.7,247.3h-9.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h9.7c0.3,0,0.5-0.2,0.5-0.5S42,247.3,41.7,247.3z"/>
  16 +<path class="st0" d="M34,238.9h-9.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5H34c0.3,0,0.5-0.2,0.5-0.5S34.3,238.9,34,238.9z"/>
  17 +<path class="st0" d="M29.1,241.7h-4.7c-0.3,0-0.5,0.2-0.5,0.5s0.2,0.5,0.5,0.5h4.7c0.3,0,0.5-0.2,0.5-0.5S29.4,241.7,29.1,241.7z"/>
  18 +</svg>
... ...
frontend/themes/defaults/web/js/bot.js 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  1 +$(document).ready(function() {
  2 + $('.chat-questions').each(function () {
  3 + if($(this).find('.chat-questions').length) {
  4 + $(this).addClass('has-questions');
  5 + }
  6 + })
  7 +
  8 + $('.chat-scroll').mCustomScrollbar(
  9 + {
  10 + theme: 'minimal'
  11 + }
  12 + )
  13 +
  14 + $(document).on('click','.chat-questions div',function () {
  15 + if(!($(this).hasClass('chat-questions'))) {
  16 + if($(this).parent().parent().hasClass('chat-tabs')) {
  17 + if($(this).parent().hasClass('show')) {
  18 + $('.chat-questions').removeClass('show')
  19 + } else {
  20 + $('.chat-questions').removeClass('show')
  21 + $(this).parent().addClass('show')
  22 + }
  23 + } else {
  24 + $(this).parent().toggleClass('show')
  25 + }
  26 + }
  27 + })
  28 +
  29 + $(document).on('click','.chat-start-btn span',function () {
  30 + var this_ = $(this).parent();
  31 + var index = this_.index();
  32 + var blocks = $('.chat-tabs');
  33 + this_.parent().css({display:'none'});
  34 + $(blocks[index]).fadeIn(400);
  35 + $('.chat-hidden-close .back').fadeIn(100);
  36 + })
  37 +
  38 + function back() {
  39 + $('.chat-hidden-close .back').css({display:'none'});
  40 + $('.chat-tabs').css({display:'none'});
  41 + $('.chat-start-wrapp').fadeIn(400);
  42 + $('.chat-questions').removeClass('show');
  43 + }
  44 + $(document).on('click','.chat-hidden-close .back',function () {
  45 + back();
  46 +
  47 + })
  48 + $(document).on('click','.chat-hidden-close .close',function () {
  49 + back();
  50 + $('.chat-wrapp').addClass('disabled');
  51 + })
  52 +
  53 + $(document).on('click','.chat-ico',function () {
  54 + $('.chat-wrapp').toggleClass('disabled');
  55 + })
  56 +
  57 +
  58 +
  59 +
  60 +
  61 +})
0 62 \ No newline at end of file
... ...
frontend/themes/defaults/web/js/jquery.mCustomScrollbar.concat.min.js 0 โ†’ 100644
  Show/Hide comments   View file @6969963
  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]}})})})});
... ...