ext-component-tour.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .shepherd-element {
  2. border-radius: 0.357rem;
  3. width: 350px; }
  4. .shepherd-element[data-popper-placement='bottom'] {
  5. margin-top: 1rem !important; }
  6. .shepherd-element[data-popper-placement='bottom'] .shepherd-arrow:before {
  7. background-color: #7367f0 !important; }
  8. .shepherd-element[data-popper-placement='top'] {
  9. margin-bottom: 1rem !important; }
  10. .shepherd-element[data-popper-placement='left'] {
  11. margin-right: 1rem !important; }
  12. .shepherd-element[data-popper-placement='right'] {
  13. margin-left: 1rem !important; }
  14. .shepherd-element .shepherd-content {
  15. border-radius: 0.357rem; }
  16. .shepherd-element .shepherd-content .shepherd-header {
  17. background-color: #7367f0;
  18. padding: 0.38rem 1.2rem;
  19. border-radius: 0.357rem 0.357rem 0 0; }
  20. .shepherd-element .shepherd-content .shepherd-header .shepherd-title {
  21. color: #fff;
  22. font-weight: 500;
  23. font-size: 1.1rem; }
  24. .shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon {
  25. color: #fff;
  26. font-size: 1.7rem; }
  27. .shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon:focus {
  28. outline: none; }
  29. .shepherd-element .shepherd-content .shepherd-text {
  30. color: #6e6b7b;
  31. padding: 0.8rem 1.2rem; }
  32. .shepherd-element .shepherd-content .shepherd-footer {
  33. padding: 0 1.2rem 1rem;
  34. justify-content: space-between; }
  35. .shepherd-element .shepherd-content .shepherd-footer .shepherd-button {
  36. padding: 0.5rem 1.3rem; }
  37. @media (max-width: 575.98px) {
  38. .shepherd-element {
  39. width: 300px; } }
  40. .dark-layout .shepherd-element {
  41. background-color: #283046; }
  42. .dark-layout .shepherd-element:not([data-popper-placement='bottom']) .shepherd-arrow:before {
  43. background-color: #283046; }
  44. .dark-layout .shepherd-element .shepherd-content .shepherd-text {
  45. color: #b4b7bd; }