You are here

opigno_tour.css in Opigno tour 3.x

Same filename and directory in other branches
  1. 8 css/opigno_tour.css

Styles for Tour theme.

File

css/opigno_tour.css
View source
  1. /**
  2. * @file
  3. * Styles for Tour theme.
  4. */
  5. /* Default styles for the container */
  6. .joyride-tip-guide {
  7. background: #000;
  8. background: rgba(0, 0, 0, 0.8);
  9. color: #fff;
  10. border-radius: 5px;
  11. }
  12. /* Mobile */
  13. @media only screen and (max-width: 767px) {
  14. .joyride-tip-guide {
  15. border-radius: 0;
  16. }
  17. }
  18. /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
  19. .joyride-tip-guide .joyride-nub {
  20. border: solid 14px rgba(0, 0, 0, 0.8);
  21. }
  22. .joyride-tip-guide .joyride-nub.top {
  23. border-top-color: transparent;
  24. border-left-color: transparent;
  25. border-right-color: transparent;
  26. }
  27. .joyride-tip-guide .joyride-nub.bottom {
  28. border-bottom-color: transparent;
  29. border-left-color: transparent;
  30. border-right-color: transparent;
  31. }
  32. .joyride-tip-guide .joyride-nub.right {
  33. border-top-color: transparent;
  34. border-right-color: transparent; /* LTR */
  35. border-bottom-color: transparent;
  36. }
  37. [dir="rtl"] .joyride-tip-guide .joyride-nub.right {
  38. border-left-color: transparent;
  39. border-right-color: rgba(0, 0, 0, 0.8);
  40. }
  41. .joyride-tip-guide .joyride-nub.left {
  42. border-top-color: transparent;
  43. border-left-color: transparent; /* LTR */
  44. border-bottom-color: transparent;
  45. }
  46. [dir="rtl"] .joyride-tip-guide .joyride-nub.left {
  47. border-left-color: rgba(0, 0, 0, 0.8);
  48. border-right-color: transparent;
  49. }
  50. .joyride-tip-guide .joyride-nub.top-right {
  51. border-top-color: transparent;
  52. border-left-color: transparent;
  53. border-right-color: transparent;
  54. }
  55. /* Typography */
  56. .joyride-tip-guide h2 {
  57. color: #fff;
  58. }
  59. .joyride-tip-guide p {
  60. line-height: 1.385em;
  61. }
  62. .joyride-tip-guide a {
  63. color: #fff;
  64. }
  65. /* Button Style */
  66. .joyride-tip-guide .joyride-next-tip {
  67. margin: 0;
  68. }
  69. .joyride-timer-indicator-wrap {
  70. border: solid 1px rgba(255, 255, 255, 0.1);
  71. }
  72. .joyride-timer-indicator {
  73. background: rgba(255, 255, 255, 0.25);
  74. }
  75. .joyride-close-tip {
  76. color: rgba(255, 255, 255, 0.4);
  77. text-decoration: none;
  78. font-size: 1.4em;
  79. font-weight: bold;
  80. }
  81. .joyride-close-tip:hover,
  82. .joyride-close-tip:focus {
  83. color: rgba(255, 255, 255, 0.9);
  84. text-decoration: none;
  85. }
  86. .joyride-modal-bg {
  87. background: rgba(0, 0, 0, 0.5);
  88. }
  89. .joyride-expose-wrapper {
  90. background-color: #fff;
  91. }
  92. .joyride-expose-cover {
  93. background: transparent;
  94. }