#159 studio launcher tour

modules/boonex/english/data/langs/system/en.xml

@@ -1867,6 +1867,7 @@ If it is not enabled then please consider implement this optimization, since it
 	<string name="_sys_mobile_search"><![CDATA[Search]]></string>
 	<string name="_sys_mobile_status"><![CDATA[Status]]></string>
     <string name="_sys_name"><![CDATA[Name]]></string>
+    <string name="_sys_next"><![CDATA[Next]]></string>
     <string name="_sys_on"><![CDATA[on]]></string>
     <string name="_sys_off"><![CDATA[off]]></string>
 	<string name="_sys_page_block_title_about"><![CDATA[About]]></string>
@@ -2083,6 +2084,7 @@ If it is not enabled then please consider implement this optimization, since it
 	<string name="_sys_uploader_simple_title"><![CDATA[Simple Upload]]></string>
 	<string name="_sys_uploader_upload_canceled"><![CDATA[Too bad. Upload canceled.]]></string>
 	<string name="_sys_edit_profile"><![CDATA[Edit profile]]></string>    
+	<string name="_sys_exit"><![CDATA[Exit]]></string>    
 	<string name="_sys_warn"><![CDATA[warning]]></string>
 	<string name="_sys_x_days"><![CDATA[{0} days]]></string>
 	<string name="_to"><![CDATA[to]]></string>

modules/boonex/russian/data/langs/system/ru.xml

@@ -1867,6 +1867,7 @@
 	<string name="_sys_mobile_search"><![CDATA[Поиск]]></string>
 	<string name="_sys_mobile_status"><![CDATA[Статус]]></string>
     <string name="_sys_name"><![CDATA[Имя]]></string>
+    <string name="_sys_next"><![CDATA[Ещё]]></string>
     <string name="_sys_on"><![CDATA[вкл.]]></string>
     <string name="_sys_off"><![CDATA[выкл.]]></string>
 	<string name="_sys_page_block_title_about"><![CDATA[Об...]]></string>
@@ -2083,6 +2084,7 @@
 	<string name="_sys_uploader_simple_title"><![CDATA[Обычная Загрузка]]></string>
 	<string name="_sys_uploader_upload_canceled"><![CDATA[Очень жаль. Загрузка прервана.]]></string>
 	<string name="_sys_edit_profile"><![CDATA[Редактировать профиль]]></string>    
+	<string name="_sys_exit"><![CDATA[Закончить]]></string>    
 	<string name="_sys_warn"><![CDATA[предупреждение]]></string>
 	<string name="_sys_x_days"><![CDATA[{0} дней]]></string>
 	<string name="_to"><![CDATA[кому]]></string>

plugins_public/shepherd/LICENSE

@@ -0,0 +1,8 @@
+Copyright (c) 2015 HubSpot, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+

plugins_public/shepherd/css/shepherd-theme-arrows-plain-buttons.css

@@ -0,0 +1,185 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-arrows-plain-buttons {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #fff;
+    color: #444;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em;
+    -moz-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
+    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #fff; }
+
+.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+  border-bottom-color: #eee; }
+.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header {
+  background: #eee;
+  padding: 1em; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+    padding: 0;
+    margin-bottom: 0; }
+.shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-cancel-link .shepherd-content header h3 {
+  float: left; }
+.shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
+  padding: 0; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header {
+    *zoom: 1;
+    -moz-border-radius: 5px 5px 0 0;
+    -webkit-border-radius: 5px;
+    border-radius: 5px 5px 0 0; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header:after {
+      content: "";
+      display: table;
+      clear: both; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header h3 {
+      margin: 0;
+      line-height: 1;
+      font-weight: normal; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link {
+      float: right;
+      text-decoration: none;
+      font-size: 1.25em;
+      line-height: 0.8em;
+      font-weight: normal;
+      color: rgba(0, 0, 0, 0.5);
+      opacity: 0.25;
+      position: relative;
+      top: 0.1em;
+      padding: 0.8em;
+      margin-bottom: -0.8em; }
+      .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link:hover {
+        opacity: 1; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text {
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p {
+      margin: 0 0 0.5em 0;
+      line-height: 1.3em; }
+      .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p:last-child {
+        margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer {
+    padding: 0 1em 1em; }
+    .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons {
+      text-align: right;
+      list-style: none;
+      padding: 0;
+      margin: 0; }
+      .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li {
+        display: inline;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li .shepherd-button {
+          display: inline-block;
+          vertical-align: middle;
+          *vertical-align: auto;
+          *zoom: 1;
+          *display: inline;
+          cursor: pointer;
+          margin: 0 0.5em 0 0;
+          text-decoration: none; }
+        .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+          margin-right: 0; }

plugins_public/shepherd/css/shepherd-theme-arrows.css

@@ -0,0 +1,201 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-arrows {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-arrows .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #fff;
+    color: #444;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em;
+    -moz-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
+    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #fff; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #fff; }
+
+.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+  border-bottom-color: #eee; }
+.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
+  background: #eee;
+  padding: 1em; }
+  .shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+    padding: 0;
+    margin-bottom: 0; }
+.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
+  float: left; }
+.shepherd-element.shepherd-theme-arrows .shepherd-content {
+  padding: 0; }
+  .shepherd-element.shepherd-theme-arrows .shepherd-content * {
+    font-size: inherit; }
+  .shepherd-element.shepherd-theme-arrows .shepherd-content header {
+    *zoom: 1;
+    -moz-border-radius: 5px 5px 0 0;
+    -webkit-border-radius: 5px;
+    border-radius: 5px 5px 0 0; }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
+      content: "";
+      display: table;
+      clear: both; }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
+      margin: 0;
+      line-height: 1;
+      font-weight: normal; }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
+      float: right;
+      text-decoration: none;
+      font-size: 1.25em;
+      line-height: 0.8em;
+      font-weight: normal;
+      color: rgba(0, 0, 0, 0.5);
+      opacity: 0.25;
+      position: relative;
+      top: 0.1em;
+      padding: 0.8em;
+      margin-bottom: -0.8em; }
+      .shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
+        opacity: 1; }
+  .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
+      margin: 0 0 0.5em 0;
+      line-height: 1.3em; }
+      .shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
+        margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-arrows .shepherd-content footer {
+    padding: 0 1em 1em; }
+    .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
+      text-align: right;
+      list-style: none;
+      padding: 0;
+      margin: 0; }
+      .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
+        display: inline;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
+          display: inline-block;
+          vertical-align: middle;
+          *vertical-align: auto;
+          *zoom: 1;
+          *display: inline;
+          -moz-border-radius: 3px;
+          -webkit-border-radius: 3px;
+          border-radius: 3px;
+          cursor: pointer;
+          border: 0;
+          margin: 0 0.5em 0 0;
+          font-family: inherit;
+          text-transform: uppercase;
+          letter-spacing: 0.1em;
+          font-size: 0.8em;
+          line-height: 1em;
+          padding: 0.75em 2em;
+          background: #3288e6;
+          color: #fff; }
+          .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
+            background: #eee;
+            color: #888; }
+        .shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+          margin-right: 0; }

plugins_public/shepherd/css/shepherd-theme-dark.css

@@ -0,0 +1,223 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-dark {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-dark .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #232323;
+    color: #eee;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em; }
+    .shepherd-element.shepherd-theme-dark .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #232323; }
+
+.shepherd-element.shepherd-theme-dark {
+  z-index: 9999;
+  max-width: 24em;
+  font-size: 1em; }
+  .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+    border-bottom-color: #303030; }
+  .shepherd-element.shepherd-theme-dark.shepherd-has-title .shepherd-content header {
+    background: #303030;
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-dark.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+      padding: 0;
+      margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-dark.shepherd-has-cancel-link .shepherd-content header h3 {
+    float: left; }
+  .shepherd-element.shepherd-theme-dark .shepherd-content {
+    -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
+    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
+    padding: 0; }
+    .shepherd-element.shepherd-theme-dark .shepherd-content * {
+      font-size: inherit; }
+    .shepherd-element.shepherd-theme-dark .shepherd-content header {
+      *zoom: 1;
+      -moz-border-radius: 5px 5px 0 0;
+      -webkit-border-radius: 5px;
+      border-radius: 5px 5px 0 0; }
+      .shepherd-element.shepherd-theme-dark .shepherd-content header:after {
+        content: "";
+        display: table;
+        clear: both; }
+      .shepherd-element.shepherd-theme-dark .shepherd-content header h3 {
+        margin: 0;
+        line-height: 1;
+        font-weight: normal; }
+      .shepherd-element.shepherd-theme-dark .shepherd-content header a.shepherd-cancel-link {
+        float: right;
+        text-decoration: none;
+        font-size: 1.25em;
+        line-height: 0.8em;
+        font-weight: normal;
+        color: rgba(0, 0, 0, 0.5);
+        opacity: 0.25;
+        position: relative;
+        top: 0.1em;
+        padding: 0.8em;
+        margin-bottom: -0.8em; }
+        .shepherd-element.shepherd-theme-dark .shepherd-content header a.shepherd-cancel-link:hover {
+          opacity: 1; }
+    .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text {
+      padding: 1em; }
+      .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text p {
+        margin: 0 0 0.5em 0;
+        line-height: 1.3em; }
+        .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text p:last-child {
+          margin-bottom: 0; }
+    .shepherd-element.shepherd-theme-dark .shepherd-content footer {
+      padding: 0 1em 1em; }
+      .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons {
+        text-align: right;
+        list-style: none;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li {
+          display: inline;
+          padding: 0;
+          margin: 0; }
+          .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li .shepherd-button {
+            display: inline-block;
+            vertical-align: middle;
+            *vertical-align: auto;
+            *zoom: 1;
+            *display: inline;
+            -moz-border-radius: 3px;
+            -webkit-border-radius: 3px;
+            border-radius: 3px;
+            cursor: pointer;
+            border: 0;
+            margin: 0 0.5em 0 0;
+            font-family: inherit;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+            font-size: 0.8em;
+            line-height: 1em;
+            padding: 0.75em 2em;
+            background: #3288e6;
+            color: #fff; }
+            .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
+              background: #eee;
+              color: #888; }
+          .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+            margin-right: 0; }
+
+.shepherd-start-tour-button.shepherd-theme-dark {
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  *zoom: 1;
+  *display: inline;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  cursor: pointer;
+  border: 0;
+  margin: 0 0.5em 0 0;
+  font-family: inherit;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.8em;
+  line-height: 1em;
+  padding: 0.75em 2em;
+  background: #3288e6;
+  color: #fff; }

plugins_public/shepherd/css/shepherd-theme-default.css

@@ -0,0 +1,223 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-default {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-default .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #f6f6f6;
+    color: #444;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em; }
+    .shepherd-element.shepherd-theme-default .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #f6f6f6; }
+
+.shepherd-element.shepherd-theme-default {
+  z-index: 9999;
+  max-width: 24em;
+  font-size: 1em; }
+  .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+    border-bottom-color: #e6e6e6; }
+  .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header {
+    background: #e6e6e6;
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+      padding: 0;
+      margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-default.shepherd-has-cancel-link .shepherd-content header h3 {
+    float: left; }
+  .shepherd-element.shepherd-theme-default .shepherd-content {
+    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    padding: 0; }
+    .shepherd-element.shepherd-theme-default .shepherd-content * {
+      font-size: inherit; }
+    .shepherd-element.shepherd-theme-default .shepherd-content header {
+      *zoom: 1;
+      -moz-border-radius: 5px 5px 0 0;
+      -webkit-border-radius: 5px;
+      border-radius: 5px 5px 0 0; }
+      .shepherd-element.shepherd-theme-default .shepherd-content header:after {
+        content: "";
+        display: table;
+        clear: both; }
+      .shepherd-element.shepherd-theme-default .shepherd-content header h3 {
+        margin: 0;
+        line-height: 1;
+        font-weight: normal; }
+      .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link {
+        float: right;
+        text-decoration: none;
+        font-size: 1.25em;
+        line-height: 0.8em;
+        font-weight: normal;
+        color: rgba(0, 0, 0, 0.5);
+        opacity: 0.25;
+        position: relative;
+        top: 0.1em;
+        padding: 0.8em;
+        margin-bottom: -0.8em; }
+        .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link:hover {
+          opacity: 1; }
+    .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text {
+      padding: 1em; }
+      .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p {
+        margin: 0 0 0.5em 0;
+        line-height: 1.3em; }
+        .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p:last-child {
+          margin-bottom: 0; }
+    .shepherd-element.shepherd-theme-default .shepherd-content footer {
+      padding: 0 1em 1em; }
+      .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons {
+        text-align: right;
+        list-style: none;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li {
+          display: inline;
+          padding: 0;
+          margin: 0; }
+          .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button {
+            display: inline-block;
+            vertical-align: middle;
+            *vertical-align: auto;
+            *zoom: 1;
+            *display: inline;
+            -moz-border-radius: 3px;
+            -webkit-border-radius: 3px;
+            border-radius: 3px;
+            cursor: pointer;
+            border: 0;
+            margin: 0 0.5em 0 0;
+            font-family: inherit;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+            font-size: 0.8em;
+            line-height: 1em;
+            padding: 0.75em 2em;
+            background: #3288e6;
+            color: #fff; }
+            .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
+              background: #eee;
+              color: #888; }
+          .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+            margin-right: 0; }
+
+.shepherd-start-tour-button.shepherd-theme-default {
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  *zoom: 1;
+  *display: inline;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  cursor: pointer;
+  border: 0;
+  margin: 0 0.5em 0 0;
+  font-family: inherit;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.8em;
+  line-height: 1em;
+  padding: 0.75em 2em;
+  background: #3288e6;
+  color: #fff; }

plugins_public/shepherd/css/shepherd-theme-square-dark.css

@@ -0,0 +1,229 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-square-dark {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-square-dark .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #232323;
+    color: #eee;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em; }
+    .shepherd-element.shepherd-theme-square-dark .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #232323; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #232323; }
+
+.shepherd-element.shepherd-theme-square-dark {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  z-index: 9999;
+  max-width: 24em;
+  font-size: 1em; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+    border-bottom-color: #303030; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-has-title .shepherd-content header {
+    background: #303030;
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-square-dark.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+      padding: 0;
+      margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-square-dark.shepherd-has-cancel-link .shepherd-content header h3 {
+    float: left; }
+  .shepherd-element.shepherd-theme-square-dark .shepherd-content {
+    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    padding: 0; }
+    .shepherd-element.shepherd-theme-square-dark .shepherd-content * {
+      font-size: inherit; }
+    .shepherd-element.shepherd-theme-square-dark .shepherd-content header {
+      *zoom: 1;
+      -moz-border-radius: 0;
+      -webkit-border-radius: 0;
+      border-radius: 0; }
+      .shepherd-element.shepherd-theme-square-dark .shepherd-content header:after {
+        content: "";
+        display: table;
+        clear: both; }
+      .shepherd-element.shepherd-theme-square-dark .shepherd-content header h3 {
+        margin: 0;
+        line-height: 1;
+        font-weight: normal; }
+      .shepherd-element.shepherd-theme-square-dark .shepherd-content header a.shepherd-cancel-link {
+        float: right;
+        text-decoration: none;
+        font-size: 1.25em;
+        line-height: 0.8em;
+        font-weight: normal;
+        color: rgba(0, 0, 0, 0.5);
+        opacity: 0.25;
+        position: relative;
+        top: 0.1em;
+        padding: 0.8em;
+        margin-bottom: -0.8em; }
+        .shepherd-element.shepherd-theme-square-dark .shepherd-content header a.shepherd-cancel-link:hover {
+          opacity: 1; }
+    .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text {
+      padding: 1em; }
+      .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text p {
+        margin: 0 0 0.5em 0;
+        line-height: 1.3em; }
+        .shepherd-element.shepherd-theme-square-dark .shepherd-content .shepherd-text p:last-child {
+          margin-bottom: 0; }
+    .shepherd-element.shepherd-theme-square-dark .shepherd-content footer {
+      padding: 0 1em 1em; }
+      .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons {
+        text-align: right;
+        list-style: none;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li {
+          display: inline;
+          padding: 0;
+          margin: 0; }
+          .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li .shepherd-button {
+            display: inline-block;
+            vertical-align: middle;
+            *vertical-align: auto;
+            *zoom: 1;
+            *display: inline;
+            -moz-border-radius: 0;
+            -webkit-border-radius: 0;
+            border-radius: 0;
+            cursor: pointer;
+            border: 0;
+            margin: 0 0.5em 0 0;
+            font-family: inherit;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+            font-size: 0.8em;
+            line-height: 1em;
+            padding: 0.75em 2em;
+            background: #3288e6;
+            color: #fff; }
+            .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
+              background: #eee;
+              color: #888; }
+          .shepherd-element.shepherd-theme-square-dark .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+            margin-right: 0; }
+
+.shepherd-start-tour-button.shepherd-theme-square-dark {
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  *zoom: 1;
+  *display: inline;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  cursor: pointer;
+  border: 0;
+  margin: 0 0.5em 0 0;
+  font-family: inherit;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.8em;
+  line-height: 1em;
+  padding: 0.75em 2em;
+  background: #3288e6;
+  color: #fff; }

plugins_public/shepherd/css/shepherd-theme-square.css

@@ -0,0 +1,229 @@
+.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.shepherd-element {
+  position: absolute;
+  display: none; }
+  .shepherd-element.shepherd-open {
+    display: block; }
+
+.shepherd-element.shepherd-theme-square {
+  max-width: 100%;
+  max-height: 100%; }
+  .shepherd-element.shepherd-theme-square .shepherd-content {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    position: relative;
+    font-family: inherit;
+    background: #f6f6f6;
+    color: #444;
+    padding: 1em;
+    font-size: 1.1em;
+    line-height: 1.5em; }
+    .shepherd-element.shepherd-theme-square .shepherd-content:before {
+      content: "";
+      display: block;
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-width: 16px;
+      border-style: solid; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
+      top: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
+      left: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
+      right: 100%;
+      top: 50%;
+      margin-top: -16px;
+      border-right-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      left: 16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
+    margin-top: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
+      bottom: 100%;
+      right: 16px;
+      border-bottom-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      left: 16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
+    margin-bottom: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
+      top: 100%;
+      right: 16px;
+      border-top-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      top: 16px;
+      left: 100%;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      top: 16px;
+      right: 100%;
+      border-right-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
+    margin-right: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
+      bottom: 16px;
+      left: 100%;
+      border-left-color: #f6f6f6; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
+    margin-left: 16px; }
+    .shepherd-element.shepherd-theme-square.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
+      bottom: 16px;
+      right: 100%;
+      border-right-color: #f6f6f6; }
+
+.shepherd-element.shepherd-theme-square {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  z-index: 9999;
+  max-width: 24em;
+  font-size: 1em; }
+  .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-square.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
+    border-bottom-color: #e6e6e6; }
+  .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header {
+    background: #e6e6e6;
+    padding: 1em; }
+    .shepherd-element.shepherd-theme-square.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
+      padding: 0;
+      margin-bottom: 0; }
+  .shepherd-element.shepherd-theme-square.shepherd-has-cancel-link .shepherd-content header h3 {
+    float: left; }
+  .shepherd-element.shepherd-theme-square .shepherd-content {
+    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+    padding: 0; }
+    .shepherd-element.shepherd-theme-square .shepherd-content * {
+      font-size: inherit; }
+    .shepherd-element.shepherd-theme-square .shepherd-content header {
+      *zoom: 1;
+      -moz-border-radius: 0;
+      -webkit-border-radius: 0;
+      border-radius: 0; }
+      .shepherd-element.shepherd-theme-square .shepherd-content header:after {
+        content: "";
+        display: table;
+        clear: both; }
+      .shepherd-element.shepherd-theme-square .shepherd-content header h3 {
+        margin: 0;
+        line-height: 1;
+        font-weight: normal; }
+      .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link {
+        float: right;
+        text-decoration: none;
+        font-size: 1.25em;
+        line-height: 0.8em;
+        font-weight: normal;
+        color: rgba(0, 0, 0, 0.5);
+        opacity: 0.25;
+        position: relative;
+        top: 0.1em;
+        padding: 0.8em;
+        margin-bottom: -0.8em; }
+        .shepherd-element.shepherd-theme-square .shepherd-content header a.shepherd-cancel-link:hover {
+          opacity: 1; }
+    .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text {
+      padding: 1em; }
+      .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p {
+        margin: 0 0 0.5em 0;
+        line-height: 1.3em; }
+        .shepherd-element.shepherd-theme-square .shepherd-content .shepherd-text p:last-child {
+          margin-bottom: 0; }
+    .shepherd-element.shepherd-theme-square .shepherd-content footer {
+      padding: 0 1em 1em; }
+      .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons {
+        text-align: right;
+        list-style: none;
+        padding: 0;
+        margin: 0; }
+        .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li {
+          display: inline;
+          padding: 0;
+          margin: 0; }
+          .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button {
+            display: inline-block;
+            vertical-align: middle;
+            *vertical-align: auto;
+            *zoom: 1;
+            *display: inline;
+            -moz-border-radius: 0;
+            -webkit-border-radius: 0;
+            border-radius: 0;
+            cursor: pointer;
+            border: 0;
+            margin: 0 0.5em 0 0;
+            font-family: inherit;
+            text-transform: uppercase;
+            letter-spacing: 0.1em;
+            font-size: 0.8em;
+            line-height: 1em;
+            padding: 0.75em 2em;
+            background: #3288e6;
+            color: #fff; }
+            .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
+              background: #eee;
+              color: #888; }
+          .shepherd-element.shepherd-theme-square .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
+            margin-right: 0; }
+
+.shepherd-start-tour-button.shepherd-theme-square {
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  *zoom: 1;
+  *display: inline;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  cursor: pointer;
+  border: 0;
+  margin: 0 0.5em 0 0;
+  font-family: inherit;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-size: 0.8em;
+  line-height: 1em;
+  padding: 0.75em 2em;
+  background: #3288e6;
+  color: #fff; }

studio/template/css/launcher.css

@@ -250,3 +250,10 @@ div.bx-std-widget-caption a {
     color: #ffffff;
     font-weight:normal;
 }
+
+/**
+ * Tour
+ */
+html .shepherd-step.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button {
+    background: #55a892; 
+}

studio/template/launcher.html

@@ -7,4 +7,5 @@ var __js_object__ = new BxDolStudioLauncher({
 </script>
 __includes__
 <div class="bx-std-launcher">__items__</div>
-<div class="bx-std-cb"></div>
+<div class="bx-std-cb"></div>
+<bx_include_auto:tour_launcher.html />

studio/template/scripts/BxBaseStudioLauncher.php

@@ -12,6 +12,8 @@ define('BX_DOL_STUDIO_LAUNCHER_JS_OBJECT', 'oBxDolStudioLauncher');
 
 class BxBaseStudioLauncher extends BxDolStudioLauncher
 {
+    protected $_sTourTheme = 'default';
+
     public function __construct()
     {
         parent::__construct();
@@ -35,7 +37,8 @@ class BxBaseStudioLauncher extends BxDolStudioLauncher
             'jquery.ui.touch-punch.min.js',
             'jquery.easing.js',
             'jquery.cookie.min.js',
-            'launcher.js'
+            'launcher.js',
+            'shepherd/shepherd.min.js',
         );
         foreach($this->aIncludes as $sName => $oInclude)
             $aJs = array_merge($aJs, $oInclude->getJs());
@@ -50,7 +53,10 @@ class BxBaseStudioLauncher extends BxDolStudioLauncher
 
     public function getPageCss()
     {
-        $aCss = array('launcher.css');
+        $aCss = array(
+            'launcher.css',
+            BX_DIRECTORY_PATH_PLUGINS_PUBLIC . 'shepherd/css/|shepherd-theme-' . $this->_sTourTheme . '.css',
+        );
         foreach($this->aIncludes as $sName => $oInclude)
             $aCss = array_merge($aCss, $oInclude->getCss());
 
@@ -69,7 +75,8 @@ class BxBaseStudioLauncher extends BxDolStudioLauncher
         return BxDolStudioTemplate::getInstance()->parseHtmlByName('launcher.html', array(
             'js_object' => $this->getPageJsObject(),
             'includes' => $sIncludes,
-            'items' => parent::getPageCode($bHidden)
+            'items' => parent::getPageCode($bHidden),
+            'tour_theme' => $this->_sTourTheme,
         ));
     }
 

studio/template/tour_launcher.html

@@ -0,0 +1,105 @@
+<script defer type="text/javascript">
+<!--    
+    var a = [{
+            id: 'tour-welcome',
+            title: 'Welcome to Trident Studio!',
+            text: 'Studio is where you customise your site; add and manage apps; control languages and design; set membership levels and permissions; build pages and navigation, and a lot more. You are now in Studio Launcher.',
+            sel: null
+        },{
+            id: 'tour-apps',
+            title: '<bx_text_js:_adm_wgt_cpt_store />',
+            text: '<b>Add and manage Apps</b><br />Apps are modules, languages, tools, templates - all the bits and pieces that make your site unique. You can download and install Apps and they will appear in Studio Launcher. Apps add and change functionality of your site.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=store])').get(0), on:'bottom'}
+        },{
+            id: 'tour-designer',
+            title: '<bx_text_js:_adm_wgt_cpt_designer />',
+            text: '<b>Start making your site special</b><br />Designer is the best place to start customisation. Change the site logo, choose design template and manage the “Cover Page”. Your site now shows Cover Page to all guest visitors. You can either customise it to turn it off to display a full homepage with content of your choice.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=designer])').get(0), on:'bottom'}
+        },{
+            id: 'tour-dashboard',
+            title: '<bx_text_js:_adm_wgt_cpt_dashboard />',
+            text: '<b>One look and you know it</b><br />Dashboard gives a quick overview of the site status. Trident version, space usage, hosting tools and cache.  Different Apps will add their blocks to Dashboard.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=dashboard])').get(0), on:'bottom'}
+        },{
+            id: 'tour-builder_page',
+            title: '<bx_text_js:_adm_wgt_cpt_builder_pages />',
+            text: '<b>Build your site the way you want it</b><br />Pages allow you to edit the site by rearranging, adding and removing blocks on site pages. You can even create new custom pages of different types. You can also control visibility settings, SEO data, cacheing and page layouts.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=builder_page])').get(0), on:'bottom'}
+        },{
+            id: 'tour-builder_permission',
+            title: '<bx_text_js:_adm_wgt_cpt_builder_permissions />',
+            text: '<b>Define who can do what</b><br />Create and edit Membership Levels and associated Actions permissions.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=builder_permission])').get(0), on:'bottom'}
+        },{
+            id: 'tour-builder_forms',
+            title: '<bx_text_js:_adm_wgt_cpt_builder_forms />',
+            text: '<b>Form and re-form your forms</b><br />Forms builder is powerful tool that allows deep customisation of site database and forms. You can create and mange data lists, form fields and even display types (like Add/Edit/Delete). Your Forms will define the structure and theme of the site.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=builder_forms])').get(0), on:'bottom'}
+        },{
+            id: 'tour-builder_menu',
+            title: '<bx_text_js:_adm_wgt_cpt_builder_menus />',
+            text: '<b>Show them around</b><br />Add and manage site navigation menus. You can edit links, re-order them, add new ones, change icons and control visibility according to membership permissions.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=builder_menu])').get(0), on:'bottom'}
+        },{
+            id: 'tour-polyglot',
+            title: '<bx_text_js:_adm_wgt_cpt_polyglot />',
+            text: '<b>Speak their language</b><br />"If you talk to a man in a language he understands, that goes to his head. If you talk to him in his language, that goes to his heart." Polyglot allow you to set site language and data format, edit site texts in all installed languages and even translate email templates.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=polyglot])').get(0), on:'bottom'}
+        },{
+            id: 'tour-bx_accounts',
+            title: '<bx_text_js:_bx_accnt />',
+            text: '<b>You are more than Admin</b><br />Trident content and profiles are controlled by Admins and Moderators right on the site front-end, so you don’t have to worry about that in Studio. You do need to appoint your Admins and Moderators, though. And this is where you do it. If you also want to be the site Admin, just create your profile use “Set Membership” to upgrade it.',
+            sel: {element:$('.bx-std-widget-cont:has(.bx-std-widget-link[href*=bx_accounts])').get(0), on:'bottom'}
+        },{
+            id: 'tour-reorganize',
+            title: '<i class="sys-icon move"></i> Move the Apps around',
+            text: 'Activate reorganisation mode to rearrange Apps in Launcher or delete inactive ones altogether.',
+            sel: '.bx-menu-tab-edit right'
+        },{
+            id: 'tour-favourites',
+            title: '<i class="sys-icon star"></i> Choose wisely',
+            text: 'Your Studio may have hundreds of installed Apps. Choose the ones your access most often and use the Star to bring them up.',
+            sel: '.bx-menu-tab-favorite right'
+        },{
+            id: 'tour-add-apps',
+            title: '<i class="sys-icon plus"></i> Now DO add new Apps!',
+            text: 'Trident comes with only a handful of core Apps. Choose, download and install Apps to add profiles types, modules, system tools, plugins, languages and design templates. You can activate and deactivate installed Apps. Trident is super-modular and incredibly flexible, letting you choose your own combination of functionality, settings and database structure to make the social site of your dreams real.',
+            sel: '.bx-menu-tab-extensions right'
+        }
+    ];
+
+    var oTour = new Shepherd.Tour({
+        defaults: {
+            classes: 'shepherd-theme-__tour_theme__ bx-def-z-index-modal',
+            showCancelLink: true,
+            scrollTo: true
+        }
+    });
+
+    for (var i=0 ; i<a.length ; i++) {
+        var aBtns = []
+        if (0 == i || i == (a.length - 1))
+            aBtns.push({
+                text: '<bx_text_js:_sys_exit />',
+                action: oTour.cancel,
+                classes: 0 == i ? 'shepherd-button-secondary' : 'shepherd-button-example-primary'
+            });
+
+        if (i != (a.length - 1))
+            aBtns.push({
+                text: '<bx_text_js:_sys_next />',
+                action: oTour.next,
+                classes: 'shepherd-button-example-primary'
+            });
+
+        oTour.addStep(a[i].id, {
+            title: a[i].title,
+            text: a[i].text,
+            attachTo: a[i].sel,
+            buttons: aBtns
+        });
+    }
+
+    oTour.start();
+-->
+</script>

studio/template/widgets.html

@@ -1,5 +1,6 @@
 <bx_repeat:widgets>
-    <div id="bx-std-widget-__id__" class="bx-std-widget __widget_disabled_class__ __widget_bookmarked_class__" style="__widget_styles__">
+<div id="bx-std-widget-__id__" class="bx-std-widget __widget_disabled_class__ __widget_bookmarked_class__" style="__widget_styles__">
+    <div class="bx-std-widget-cont">
         <div class="bx-std-widget-icon bx-std-widget-icon-trans">
             <div class="bx-std-widget-shadow bx-std-widget-icon-trans"></div>
             <bx_if:show_notice>
@@ -42,4 +43,5 @@
             <div class="bx-std-widget-caption-jitter" style="display:none"></div>
         </div>
     </div>
+</div>
 </bx_repeat:widgets>