You are here

tour.default.theme.css in Varbase Core 8.4

.joyride-tip-guide {
  z-index: 10000;
}
.joyride-tip-guide.tip-tour-switch {
  top: 35px !important;
  right: 35px !important;
  left: auto !important;
}
.joyride-tip-guide.tip-tour-switch .joyride-nub {
  left: auto;
  right: 28px;
}
.joyride-tip-guide .button {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  /* 1 */
  text-align: center;
  line-height: normal;
  /* 2 */
  cursor: pointer;
  -webkit-appearance: none;
  /* 3 */
  -moz-appearance: none;
  /* 3 */
  padding: 4px 1.5em;
  /* 4 */
  border: 1px solid #a6a6a6;
  border-radius: 0;
  background-color: #f2f1eb;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  font-weight: 600;
  font-size: 14px;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-font-smoothing: antialiased;
  /* 6 */
}
.joyride-tip-guide .button:hover,
.joyride-tip-guide .button:focus {
  background-color: #f9f8f6;
  background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
  background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
  color: #1a1a1a;
  text-decoration: none;
  outline: none;
}
.joyride-tip-guide .button:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
}
.joyride-tip-guide .button:focus {
  z-index: 10;
  border: 1px solid #3AB2FF;
  box-shadow: 0 0 0.5em 0.1em rgba(51, 177, 255, 0.7);
}
.joyride-tip-guide .button:active {
  border: 1px solid #a6a6a6;
  background-color: #dfdfd9;
  background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
  background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  transition: none;
}
.joyride-tip-guide .button--primary {
  border-color: #1e5c90;
  background-color: #0071b8;
  background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
  background-image: linear-gradient(to bottom, #007bc6, #0071b8);
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.joyride-tip-guide .button--primary:hover,
.joyride-tip-guide .button--primary:focus {
  background-color: #2369a6;
  background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
  background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
  border-color: #0071b8;
  color: #fff;
}
.joyride-tip-guide .button--primary:focus {
  border: 1px solid #1280DF;
}
.joyride-tip-guide .button--primary:hover {
  box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
}
.joyride-tip-guide .button--primary:active {
  background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
  background-image: linear-gradient(to bottom, #08639b, #0071b8);
  border-color: #144b78;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.joyride-tip-guide h2,
.joyride-tip-guide .heading-b {
  font-weight: bold;
  margin: 10px 0;
  font-size: 1.385em;
}
[dir="rtl"] body .joyride-tip-guide.tip-tour-switch {
  top: 35px !important;
  left: 135px !important;
  right: auto !important;
}
[dir="rtl"] body .joyride-tip-guide .joyride-nub {
  left: 28px;
  right: auto;
}
/*# sourceMappingURL=tour.default.theme.css.map */

File

modules/varbase_tour/css/theme/tour.default.theme.css
View source
  1. .joyride-tip-guide {
  2. z-index: 10000;
  3. }
  4. .joyride-tip-guide.tip-tour-switch {
  5. top: 35px !important;
  6. right: 35px !important;
  7. left: auto !important;
  8. }
  9. .joyride-tip-guide.tip-tour-switch .joyride-nub {
  10. left: auto;
  11. right: 28px;
  12. }
  13. .joyride-tip-guide .button {
  14. box-sizing: border-box;
  15. display: inline-block;
  16. position: relative;
  17. /* 1 */
  18. text-align: center;
  19. line-height: normal;
  20. /* 2 */
  21. cursor: pointer;
  22. -webkit-appearance: none;
  23. /* 3 */
  24. -moz-appearance: none;
  25. /* 3 */
  26. padding: 4px 1.5em;
  27. /* 4 */
  28. border: 1px solid #a6a6a6;
  29. border-radius: 0;
  30. background-color: #f2f1eb;
  31. color: #333;
  32. text-decoration: none;
  33. text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  34. font-weight: 600;
  35. font-size: 14px;
  36. -webkit-transition: all 0.1s;
  37. transition: all 0.1s;
  38. -webkit-font-smoothing: antialiased;
  39. /* 6 */
  40. }
  41. .joyride-tip-guide .button:hover,
  42. .joyride-tip-guide .button:focus {
  43. background-color: #f9f8f6;
  44. background-image: -webkit-linear-gradient(top, #fcfcfa, #e9e9dd);
  45. background-image: linear-gradient(to bottom, #fcfcfa, #e9e9dd);
  46. color: #1a1a1a;
  47. text-decoration: none;
  48. outline: none;
  49. }
  50. .joyride-tip-guide .button:hover {
  51. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.125);
  52. }
  53. .joyride-tip-guide .button:focus {
  54. z-index: 10;
  55. border: 1px solid #3AB2FF;
  56. box-shadow: 0 0 0.5em 0.1em rgba(51, 177, 255, 0.7);
  57. }
  58. .joyride-tip-guide .button:active {
  59. border: 1px solid #a6a6a6;
  60. background-color: #dfdfd9;
  61. background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df);
  62. background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df);
  63. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  64. -webkit-transition: none;
  65. transition: none;
  66. }
  67. .joyride-tip-guide .button--primary {
  68. border-color: #1e5c90;
  69. background-color: #0071b8;
  70. background-image: -webkit-linear-gradient(top, #007bc6, #0071b8);
  71. background-image: linear-gradient(to bottom, #007bc6, #0071b8);
  72. color: #fff;
  73. text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  74. font-weight: 700;
  75. -webkit-font-smoothing: antialiased;
  76. }
  77. .joyride-tip-guide .button--primary:hover,
  78. .joyride-tip-guide .button--primary:focus {
  79. background-color: #2369a6;
  80. background-image: -webkit-linear-gradient(top, #0c97ed, #1f86c7);
  81. background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
  82. border-color: #0071b8;
  83. color: #fff;
  84. }
  85. .joyride-tip-guide .button--primary:focus {
  86. border: 1px solid #1280DF;
  87. }
  88. .joyride-tip-guide .button--primary:hover {
  89. box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
  90. }
  91. .joyride-tip-guide .button--primary:active {
  92. background-image: -webkit-linear-gradient(top, #08639b, #0071b8);
  93. background-image: linear-gradient(to bottom, #08639b, #0071b8);
  94. border-color: #144b78;
  95. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  96. }
  97. .joyride-tip-guide h2,
  98. .joyride-tip-guide .heading-b {
  99. font-weight: bold;
  100. margin: 10px 0;
  101. font-size: 1.385em;
  102. }
  103. [dir="rtl"] body .joyride-tip-guide.tip-tour-switch {
  104. top: 35px !important;
  105. left: 135px !important;
  106. right: auto !important;
  107. }
  108. [dir="rtl"] body .joyride-tip-guide .joyride-nub {
  109. left: 28px;
  110. right: auto;
  111. }
  112. /*# sourceMappingURL=tour.default.theme.css.map */