shepherdjs_rails 1.8.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +50 -0
  4. data/Rakefile +29 -0
  5. data/lib/shepherdjs_rails/engine.rb +4 -0
  6. data/lib/shepherdjs_rails/version.rb +3 -0
  7. data/lib/shepherdjs_rails.rb +4 -0
  8. data/test/dummy/README.rdoc +28 -0
  9. data/test/dummy/Rakefile +6 -0
  10. data/test/dummy/app/assets/javascripts/application.js +13 -0
  11. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  12. data/test/dummy/app/controllers/application_controller.rb +5 -0
  13. data/test/dummy/app/helpers/application_helper.rb +2 -0
  14. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  15. data/test/dummy/bin/bundle +3 -0
  16. data/test/dummy/bin/rails +4 -0
  17. data/test/dummy/bin/rake +4 -0
  18. data/test/dummy/bin/setup +29 -0
  19. data/test/dummy/config/application.rb +26 -0
  20. data/test/dummy/config/boot.rb +5 -0
  21. data/test/dummy/config/database.yml +25 -0
  22. data/test/dummy/config/environment.rb +5 -0
  23. data/test/dummy/config/environments/development.rb +41 -0
  24. data/test/dummy/config/environments/production.rb +79 -0
  25. data/test/dummy/config/environments/test.rb +42 -0
  26. data/test/dummy/config/initializers/assets.rb +11 -0
  27. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  28. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  29. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  30. data/test/dummy/config/initializers/inflections.rb +16 -0
  31. data/test/dummy/config/initializers/mime_types.rb +4 -0
  32. data/test/dummy/config/initializers/session_store.rb +3 -0
  33. data/test/dummy/config/initializers/to_time_preserves_timezone.rb +10 -0
  34. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  35. data/test/dummy/config/locales/en.yml +23 -0
  36. data/test/dummy/config/routes.rb +56 -0
  37. data/test/dummy/config/secrets.yml +22 -0
  38. data/test/dummy/config.ru +4 -0
  39. data/test/dummy/public/404.html +67 -0
  40. data/test/dummy/public/422.html +67 -0
  41. data/test/dummy/public/500.html +66 -0
  42. data/test/dummy/public/favicon.ico +0 -0
  43. data/test/shepherdjs_rails_test.rb +7 -0
  44. data/test/test_helper.rb +20 -0
  45. data/vendor/assets/javascripts/shepherd.js +747 -0
  46. data/vendor/assets/javascripts/tether.js +1443 -0
  47. data/vendor/assets/stylesheets/shepherd-theme-arrows-fix.css +5 -0
  48. data/vendor/assets/stylesheets/shepherd-theme-arrows-plain-buttons.css +215 -0
  49. data/vendor/assets/stylesheets/shepherd-theme-arrows.css +229 -0
  50. data/vendor/assets/stylesheets/shepherd-theme-dark.css +246 -0
  51. data/vendor/assets/stylesheets/shepherd-theme-default.css +246 -0
  52. data/vendor/assets/stylesheets/shepherd-theme-square-dark.css +248 -0
  53. data/vendor/assets/stylesheets/shepherd-theme-square.css +248 -0
  54. data/vendor/assets/stylesheets/shepherd.css +9 -0
  55. metadata +149 -0
data/vendor/assets/stylesheets/shepherd-theme-dark.css ADDED
@@ -0,0 +1,246 @@
1
+ .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
2
+ .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
3
+ .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
4
+ .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
5
+ display: none; }
6
+
7
+ .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
8
+ box-sizing: border-box; }
9
+
10
+ .shepherd-element {
11
+ position: absolute;
12
+ display: none; }
13
+ .shepherd-element.shepherd-open {
14
+ display: block; }
15
+
16
+ .shepherd-element.shepherd-theme-dark {
17
+ max-width: 100%;
18
+ max-height: 100%; }
19
+ .shepherd-element.shepherd-theme-dark .shepherd-content {
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: #232323;
24
+ color: #eee;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em; }
28
+ .shepherd-element.shepherd-theme-dark .shepherd-content:before {
29
+ content: "";
30
+ display: block;
31
+ position: absolute;
32
+ width: 0;
33
+ height: 0;
34
+ border-color: transparent;
35
+ border-width: 16px;
36
+ border-style: solid;
37
+ pointer-events: none; }
38
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
39
+ margin-bottom: 16px; }
40
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
41
+ top: 100%;
42
+ left: 50%;
43
+ margin-left: -16px;
44
+ border-top-color: #232323; }
45
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
46
+ margin-top: 16px; }
47
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
48
+ bottom: 100%;
49
+ left: 50%;
50
+ margin-left: -16px;
51
+ border-bottom-color: #232323; }
52
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
53
+ margin-right: 16px; }
54
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
55
+ left: 100%;
56
+ top: 50%;
57
+ margin-top: -16px;
58
+ border-left-color: #232323; }
59
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
60
+ margin-left: 16px; }
61
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
62
+ right: 100%;
63
+ top: 50%;
64
+ margin-top: -16px;
65
+ border-right-color: #232323; }
66
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
67
+ left: -32px; }
68
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
69
+ left: 32px; }
70
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
71
+ margin-top: 16px; }
72
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
73
+ bottom: 100%;
74
+ left: 16px;
75
+ border-bottom-color: #232323; }
76
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
77
+ margin-top: 16px; }
78
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
79
+ bottom: 100%;
80
+ right: 16px;
81
+ border-bottom-color: #232323; }
82
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
83
+ margin-bottom: 16px; }
84
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
85
+ top: 100%;
86
+ left: 16px;
87
+ border-top-color: #232323; }
88
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
89
+ margin-bottom: 16px; }
90
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
91
+ top: 100%;
92
+ right: 16px;
93
+ border-top-color: #232323; }
94
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
95
+ margin-top: 16px; }
96
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
97
+ bottom: 100%;
98
+ left: 16px;
99
+ border-bottom-color: #232323; }
100
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
101
+ margin-top: 16px; }
102
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
103
+ bottom: 100%;
104
+ right: 16px;
105
+ border-bottom-color: #232323; }
106
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
107
+ margin-bottom: 16px; }
108
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
109
+ top: 100%;
110
+ left: 16px;
111
+ border-top-color: #232323; }
112
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
113
+ margin-bottom: 16px; }
114
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
115
+ top: 100%;
116
+ right: 16px;
117
+ border-top-color: #232323; }
118
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
119
+ margin-right: 16px; }
120
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
121
+ top: 16px;
122
+ left: 100%;
123
+ border-left-color: #232323; }
124
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
125
+ margin-left: 16px; }
126
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
127
+ top: 16px;
128
+ right: 100%;
129
+ border-right-color: #232323; }
130
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
131
+ margin-right: 16px; }
132
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
133
+ bottom: 16px;
134
+ left: 100%;
135
+ border-left-color: #232323; }
136
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
137
+ margin-left: 16px; }
138
+ .shepherd-element.shepherd-theme-dark.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
139
+ bottom: 16px;
140
+ right: 100%;
141
+ border-right-color: #232323; }
142
+
143
+ .shepherd-element.shepherd-theme-dark {
144
+ z-index: 9999;
145
+ max-width: 24em;
146
+ font-size: 1em; }
147
+ .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 {
148
+ border-bottom-color: #303030; }
149
+ .shepherd-element.shepherd-theme-dark.shepherd-has-title .shepherd-content header {
150
+ background: #303030;
151
+ padding: 1em; }
152
+ .shepherd-element.shepherd-theme-dark.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
153
+ padding: 0;
154
+ margin-bottom: 0; }
155
+ .shepherd-element.shepherd-theme-dark.shepherd-has-cancel-link .shepherd-content header h3 {
156
+ float: left; }
157
+ .shepherd-element.shepherd-theme-dark .shepherd-content {
158
+ box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
159
+ padding: 0; }
160
+ .shepherd-element.shepherd-theme-dark .shepherd-content * {
161
+ font-size: inherit; }
162
+ .shepherd-element.shepherd-theme-dark .shepherd-content header {
163
+ *zoom: 1;
164
+ border-radius: 5px 5px 0 0; }
165
+ .shepherd-element.shepherd-theme-dark .shepherd-content header:after {
166
+ content: "";
167
+ display: table;
168
+ clear: both; }
169
+ .shepherd-element.shepherd-theme-dark .shepherd-content header h3 {
170
+ margin: 0;
171
+ line-height: 1;
172
+ font-weight: normal; }
173
+ .shepherd-element.shepherd-theme-dark .shepherd-content header a.shepherd-cancel-link {
174
+ float: right;
175
+ text-decoration: none;
176
+ font-size: 1.25em;
177
+ line-height: .8em;
178
+ font-weight: normal;
179
+ color: rgba(0, 0, 0, 0.5);
180
+ opacity: 0.25;
181
+ position: relative;
182
+ top: .1em;
183
+ padding: .8em;
184
+ margin-bottom: -.8em; }
185
+ .shepherd-element.shepherd-theme-dark .shepherd-content header a.shepherd-cancel-link:hover {
186
+ opacity: 1; }
187
+ .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text {
188
+ padding: 1em; }
189
+ .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text p {
190
+ margin: 0 0 .5em 0;
191
+ line-height: 1.3em; }
192
+ .shepherd-element.shepherd-theme-dark .shepherd-content .shepherd-text p:last-child {
193
+ margin-bottom: 0; }
194
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer {
195
+ padding: 0 1em 1em; }
196
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons {
197
+ text-align: right;
198
+ list-style: none;
199
+ padding: 0;
200
+ margin: 0; }
201
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li {
202
+ display: inline;
203
+ padding: 0;
204
+ margin: 0; }
205
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li .shepherd-button {
206
+ display: inline-block;
207
+ vertical-align: middle;
208
+ *vertical-align: auto;
209
+ *zoom: 1;
210
+ *display: inline;
211
+ border-radius: 3px;
212
+ cursor: pointer;
213
+ border: 0;
214
+ margin: 0 .5em 0 0;
215
+ font-family: inherit;
216
+ text-transform: uppercase;
217
+ letter-spacing: .1em;
218
+ font-size: .8em;
219
+ line-height: 1em;
220
+ padding: .75em 2em;
221
+ background: #3288e6;
222
+ color: #fff; }
223
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
224
+ background: #eee;
225
+ color: #888; }
226
+ .shepherd-element.shepherd-theme-dark .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
227
+ margin-right: 0; }
228
+
229
+ .shepherd-start-tour-button.shepherd-theme-dark {
230
+ display: inline-block;
231
+ vertical-align: middle;
232
+ *vertical-align: auto;
233
+ *zoom: 1;
234
+ *display: inline;
235
+ border-radius: 3px;
236
+ cursor: pointer;
237
+ border: 0;
238
+ margin: 0 .5em 0 0;
239
+ font-family: inherit;
240
+ text-transform: uppercase;
241
+ letter-spacing: .1em;
242
+ font-size: .8em;
243
+ line-height: 1em;
244
+ padding: .75em 2em;
245
+ background: #3288e6;
246
+ color: #fff; }
data/vendor/assets/stylesheets/shepherd-theme-default.css ADDED
@@ -0,0 +1,246 @@
1
+ .shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
2
+ .shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
3
+ .shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
4
+ .shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
5
+ display: none; }
6
+
7
+ .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
8
+ box-sizing: border-box; }
9
+
10
+ .shepherd-element {
11
+ position: absolute;
12
+ display: none; }
13
+ .shepherd-element.shepherd-open {
14
+ display: block; }
15
+
16
+ .shepherd-element.shepherd-theme-default {
17
+ max-width: 100%;
18
+ max-height: 100%; }
19
+ .shepherd-element.shepherd-theme-default .shepherd-content {
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: #f6f6f6;
24
+ color: #444;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em; }
28
+ .shepherd-element.shepherd-theme-default .shepherd-content:before {
29
+ content: "";
30
+ display: block;
31
+ position: absolute;
32
+ width: 0;
33
+ height: 0;
34
+ border-color: transparent;
35
+ border-width: 16px;
36
+ border-style: solid;
37
+ pointer-events: none; }
38
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
39
+ margin-bottom: 16px; }
40
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
41
+ top: 100%;
42
+ left: 50%;
43
+ margin-left: -16px;
44
+ border-top-color: #f6f6f6; }
45
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
46
+ margin-top: 16px; }
47
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
48
+ bottom: 100%;
49
+ left: 50%;
50
+ margin-left: -16px;
51
+ border-bottom-color: #f6f6f6; }
52
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
53
+ margin-right: 16px; }
54
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
55
+ left: 100%;
56
+ top: 50%;
57
+ margin-top: -16px;
58
+ border-left-color: #f6f6f6; }
59
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
60
+ margin-left: 16px; }
61
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
62
+ right: 100%;
63
+ top: 50%;
64
+ margin-top: -16px;
65
+ border-right-color: #f6f6f6; }
66
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
67
+ left: -32px; }
68
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
69
+ left: 32px; }
70
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
71
+ margin-top: 16px; }
72
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
73
+ bottom: 100%;
74
+ left: 16px;
75
+ border-bottom-color: #f6f6f6; }
76
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
77
+ margin-top: 16px; }
78
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
79
+ bottom: 100%;
80
+ right: 16px;
81
+ border-bottom-color: #f6f6f6; }
82
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
83
+ margin-bottom: 16px; }
84
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
85
+ top: 100%;
86
+ left: 16px;
87
+ border-top-color: #f6f6f6; }
88
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
89
+ margin-bottom: 16px; }
90
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
91
+ top: 100%;
92
+ right: 16px;
93
+ border-top-color: #f6f6f6; }
94
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
95
+ margin-top: 16px; }
96
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
97
+ bottom: 100%;
98
+ left: 16px;
99
+ border-bottom-color: #f6f6f6; }
100
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
101
+ margin-top: 16px; }
102
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
103
+ bottom: 100%;
104
+ right: 16px;
105
+ border-bottom-color: #f6f6f6; }
106
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
107
+ margin-bottom: 16px; }
108
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
109
+ top: 100%;
110
+ left: 16px;
111
+ border-top-color: #f6f6f6; }
112
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
113
+ margin-bottom: 16px; }
114
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
115
+ top: 100%;
116
+ right: 16px;
117
+ border-top-color: #f6f6f6; }
118
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
119
+ margin-right: 16px; }
120
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
121
+ top: 16px;
122
+ left: 100%;
123
+ border-left-color: #f6f6f6; }
124
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
125
+ margin-left: 16px; }
126
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
127
+ top: 16px;
128
+ right: 100%;
129
+ border-right-color: #f6f6f6; }
130
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
131
+ margin-right: 16px; }
132
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
133
+ bottom: 16px;
134
+ left: 100%;
135
+ border-left-color: #f6f6f6; }
136
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
137
+ margin-left: 16px; }
138
+ .shepherd-element.shepherd-theme-default.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
139
+ bottom: 16px;
140
+ right: 100%;
141
+ border-right-color: #f6f6f6; }
142
+
143
+ .shepherd-element.shepherd-theme-default {
144
+ z-index: 9999;
145
+ max-width: 24em;
146
+ font-size: 1em; }
147
+ .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 {
148
+ border-bottom-color: #e6e6e6; }
149
+ .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header {
150
+ background: #e6e6e6;
151
+ padding: 1em; }
152
+ .shepherd-element.shepherd-theme-default.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
153
+ padding: 0;
154
+ margin-bottom: 0; }
155
+ .shepherd-element.shepherd-theme-default.shepherd-has-cancel-link .shepherd-content header h3 {
156
+ float: left; }
157
+ .shepherd-element.shepherd-theme-default .shepherd-content {
158
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.17);
159
+ padding: 0; }
160
+ .shepherd-element.shepherd-theme-default .shepherd-content * {
161
+ font-size: inherit; }
162
+ .shepherd-element.shepherd-theme-default .shepherd-content header {
163
+ *zoom: 1;
164
+ border-radius: 5px 5px 0 0; }
165
+ .shepherd-element.shepherd-theme-default .shepherd-content header:after {
166
+ content: "";
167
+ display: table;
168
+ clear: both; }
169
+ .shepherd-element.shepherd-theme-default .shepherd-content header h3 {
170
+ margin: 0;
171
+ line-height: 1;
172
+ font-weight: normal; }
173
+ .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link {
174
+ float: right;
175
+ text-decoration: none;
176
+ font-size: 1.25em;
177
+ line-height: .8em;
178
+ font-weight: normal;
179
+ color: rgba(0, 0, 0, 0.5);
180
+ opacity: 0.25;
181
+ position: relative;
182
+ top: .1em;
183
+ padding: .8em;
184
+ margin-bottom: -.8em; }
185
+ .shepherd-element.shepherd-theme-default .shepherd-content header a.shepherd-cancel-link:hover {
186
+ opacity: 1; }
187
+ .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text {
188
+ padding: 1em; }
189
+ .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p {
190
+ margin: 0 0 .5em 0;
191
+ line-height: 1.3em; }
192
+ .shepherd-element.shepherd-theme-default .shepherd-content .shepherd-text p:last-child {
193
+ margin-bottom: 0; }
194
+ .shepherd-element.shepherd-theme-default .shepherd-content footer {
195
+ padding: 0 1em 1em; }
196
+ .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons {
197
+ text-align: right;
198
+ list-style: none;
199
+ padding: 0;
200
+ margin: 0; }
201
+ .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li {
202
+ display: inline;
203
+ padding: 0;
204
+ margin: 0; }
205
+ .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button {
206
+ display: inline-block;
207
+ vertical-align: middle;
208
+ *vertical-align: auto;
209
+ *zoom: 1;
210
+ *display: inline;
211
+ border-radius: 3px;
212
+ cursor: pointer;
213
+ border: 0;
214
+ margin: 0 .5em 0 0;
215
+ font-family: inherit;
216
+ text-transform: uppercase;
217
+ letter-spacing: .1em;
218
+ font-size: .8em;
219
+ line-height: 1em;
220
+ padding: .75em 2em;
221
+ background: #3288e6;
222
+ color: #fff; }
223
+ .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
224
+ background: #eee;
225
+ color: #888; }
226
+ .shepherd-element.shepherd-theme-default .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
227
+ margin-right: 0; }
228
+
229
+ .shepherd-start-tour-button.shepherd-theme-default {
230
+ display: inline-block;
231
+ vertical-align: middle;
232
+ *vertical-align: auto;
233
+ *zoom: 1;
234
+ *display: inline;
235
+ border-radius: 3px;
236
+ cursor: pointer;
237
+ border: 0;
238
+ margin: 0 .5em 0 0;
239
+ font-family: inherit;
240
+ text-transform: uppercase;
241
+ letter-spacing: .1em;
242
+ font-size: .8em;
243
+ line-height: 1em;
244
+ padding: .75em 2em;
245
+ background: #3288e6;
246
+ color: #fff; }