tour.css 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. .tippy-popper {
  5. border: none;
  6. border-radius: 0.5rem;
  7. -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
  8. filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.5));
  9. }
  10. .tippy-popper .tippy-tooltip {
  11. width: auto !important;
  12. }
  13. .tippy-popper .tippy-tooltip .tippy-arrow {
  14. border-bottom-color: #5c6bc6;
  15. }
  16. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content {
  17. background-color: #5c6bc6;
  18. padding: 1.3rem 1rem;
  19. border-radius: 0.5rem;
  20. }
  21. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-header {
  22. padding: 0;
  23. }
  24. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-text {
  25. color: #fff;
  26. font-size: 1rem;
  27. }
  28. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer {
  29. padding: 0;
  30. }
  31. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons li {
  32. margin: 0;
  33. }
  34. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button {
  35. background-color: transparent;
  36. border: 1px solid #fff;
  37. border-radius: 6px;
  38. padding: 0.7rem 2rem;
  39. color: #fff;
  40. margin: 0 5px;
  41. }
  42. .tippy-popper .tippy-tooltip .tippy-content .shepherd-content .shepherd-footer .shepherd-buttons .shepherd-button:hover {
  43. background-color: rgba(255, 255, 255, 0.1);
  44. }
  45. .tippy-popper .tippy-tooltip .tippy-content [data-shepherd-step-id=step-4] .shepherd-footer .shepherd-buttons {
  46. text-align: center;
  47. }
  48. .tippy-popper[x-placement=top] .tippy-arrow {
  49. border-color: transparent;
  50. border-top-color: #5c6bc6;
  51. }
  52. .tippy-popper[x-placement=bottom] .tippy-arrow {
  53. border-color: transparent;
  54. border-bottom-color: #5c6bc6;
  55. }
  56. .tippy-popper[x-placement=right] .tippy-arrow {
  57. border-color: transparent;
  58. border-right-color: #5c6bc6;
  59. }
  60. .tippy-popper[x-placement=left] .tippy-arrow {
  61. border-color: transparent;
  62. border-left-color: #5c6bc6;
  63. }