shepherd-theme-arrows-plain-buttons.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
  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. .shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before {
  7. box-sizing: border-box; }
  8. .shepherd-element {
  9. position: absolute;
  10. display: none; }
  11. .shepherd-element.shepherd-open {
  12. display: block; }
  13. .shepherd-element.shepherd-theme-arrows-plain-buttons {
  14. max-width: 100%;
  15. max-height: 100%; }
  16. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
  17. border-radius: 5px;
  18. position: relative;
  19. font-family: inherit;
  20. background: #fff;
  21. color: #444;
  22. padding: 1em;
  23. font-size: 1.1em;
  24. line-height: 1.5em;
  25. -webkit-transform: translateZ(0);
  26. transform: translateZ(0);
  27. -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  28. filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
  29. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content:before {
  30. content: "";
  31. display: block;
  32. position: absolute;
  33. width: 0;
  34. height: 0;
  35. border-color: transparent;
  36. border-width: 16px;
  37. border-style: solid;
  38. pointer-events: none; }
  39. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
  40. margin-bottom: 16px; }
  41. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
  42. top: 100%;
  43. left: 50%;
  44. margin-left: -16px;
  45. border-top-color: #fff; }
  46. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
  47. margin-top: 16px; }
  48. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
  49. bottom: 100%;
  50. left: 50%;
  51. margin-left: -16px;
  52. border-bottom-color: #fff; }
  53. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
  54. margin-right: 16px; }
  55. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
  56. left: 100%;
  57. top: 50%;
  58. margin-top: -16px;
  59. border-left-color: #fff; }
  60. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
  61. margin-left: 16px; }
  62. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
  63. right: 100%;
  64. top: 50%;
  65. margin-top: -16px;
  66. border-right-color: #fff; }
  67. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
  68. left: -32px; }
  69. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
  70. left: 32px; }
  71. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
  72. margin-top: 16px; }
  73. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
  74. bottom: 100%;
  75. left: 16px;
  76. border-bottom-color: #fff; }
  77. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
  78. margin-top: 16px; }
  79. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
  80. bottom: 100%;
  81. right: 16px;
  82. border-bottom-color: #fff; }
  83. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
  84. margin-bottom: 16px; }
  85. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
  86. top: 100%;
  87. left: 16px;
  88. border-top-color: #fff; }
  89. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
  90. margin-bottom: 16px; }
  91. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
  92. top: 100%;
  93. right: 16px;
  94. border-top-color: #fff; }
  95. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
  96. margin-top: 16px; }
  97. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
  98. bottom: 100%;
  99. left: 16px;
  100. border-bottom-color: #fff; }
  101. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
  102. margin-top: 16px; }
  103. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
  104. bottom: 100%;
  105. right: 16px;
  106. border-bottom-color: #fff; }
  107. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
  108. margin-bottom: 16px; }
  109. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
  110. top: 100%;
  111. left: 16px;
  112. border-top-color: #fff; }
  113. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
  114. margin-bottom: 16px; }
  115. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
  116. top: 100%;
  117. right: 16px;
  118. border-top-color: #fff; }
  119. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  120. margin-right: 16px; }
  121. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  122. top: 16px;
  123. left: 100%;
  124. border-left-color: #fff; }
  125. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  126. margin-left: 16px; }
  127. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  128. top: 16px;
  129. right: 100%;
  130. border-right-color: #fff; }
  131. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  132. margin-right: 16px; }
  133. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  134. bottom: 16px;
  135. left: 100%;
  136. border-left-color: #fff; }
  137. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  138. margin-left: 16px; }
  139. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  140. bottom: 16px;
  141. right: 100%;
  142. border-right-color: #fff; }
  143. .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 {
  144. border-bottom-color: #eee; }
  145. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header {
  146. background: #eee;
  147. padding: 1em; }
  148. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  149. padding: 0;
  150. margin-bottom: 0; }
  151. .shepherd-element.shepherd-theme-arrows-plain-buttons.shepherd-has-cancel-link .shepherd-content header h3 {
  152. float: left; }
  153. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content {
  154. padding: 0; }
  155. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header {
  156. *zoom: 1;
  157. border-radius: 5px 5px 0 0; }
  158. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header:after {
  159. content: "";
  160. display: table;
  161. clear: both; }
  162. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header h3 {
  163. margin: 0;
  164. line-height: 1;
  165. font-weight: normal; }
  166. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link {
  167. float: right;
  168. text-decoration: none;
  169. font-size: 1.25em;
  170. line-height: .8em;
  171. font-weight: normal;
  172. color: rgba(0, 0, 0, 0.5);
  173. opacity: 0.25;
  174. position: relative;
  175. top: .1em;
  176. padding: .8em;
  177. margin-bottom: -.8em; }
  178. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content header a.shepherd-cancel-link:hover {
  179. opacity: 1; }
  180. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text {
  181. padding: 1em; }
  182. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p {
  183. margin: 0 0 .5em 0;
  184. line-height: 1.3em; }
  185. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content .shepherd-text p:last-child {
  186. margin-bottom: 0; }
  187. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer {
  188. padding: 0 1em 1em; }
  189. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons {
  190. text-align: right;
  191. list-style: none;
  192. padding: 0;
  193. margin: 0; }
  194. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li {
  195. display: inline;
  196. padding: 0;
  197. margin: 0; }
  198. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li .shepherd-button {
  199. display: inline-block;
  200. vertical-align: middle;
  201. *vertical-align: auto;
  202. *zoom: 1;
  203. *display: inline;
  204. cursor: pointer;
  205. margin: 0 .5em 0 0;
  206. text-decoration: none; }
  207. .shepherd-element.shepherd-theme-arrows-plain-buttons .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
  208. margin-right: 0; }