You are here

tour.admin.theme.css in Varbase Core 9.0.x

.joyride-tip-guide h1,
.joyride-tip-guide .heading-a {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 2.35em;
  font-weight: 300;
  line-height: 1.2em;
}

.joyride-tip-guide .content-header {
  padding: 1rem 0 0;
  background-color: #333;
}

.joyride-tip-guide .toolbar-tray-open.toolbar-fixed.toolbar-horizontal {
  padding-top: 4rem !important;
}

.joyride-tip-guide thead th {
  text-transform: none;
  color: #909090;
  border: none;
  font-size: 0.91rem;
  font-weight: 500;
}

.joyride-tip-guide thead th.is-active {
  border-top: 1px solid #e6e4df;
  border-right: 1px solid #e6e4df;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #e6e4df;
  background: #fff;
}

.joyride-tip-guide th.is-active > a,
.joyride-tip-guide th.is-active > a:hover {
  color: #333;
}

.joyride-tip-guide th > a:hover {
  text-decoration: underline;
}

.joyride-tip-guide th > a:after,
.joyride-tip-guide th.is-active > a:after {
  display: none;
}

.joyride-tip-guide thead > tr {
  border-bottom: 1px solid #e6e4df;
}

.joyride-tip-guide .is-collapse-enabled .tabs:before,
.joyride-tip-guide .is-horizontal .tabs:before {
  display: none;
}

.joyride-tip-guide .button {
  transition: all, 0.2s;
  border-radius: 0;
  background-color: #f9f9f9;
  background-image: none;
  text-shadow: none;
}

.joyride-tip-guide .button:hover,
.joyride-tip-guide .button:focus {
  border-color: #008ee6;
  background-color: #fff;
  background-image: none;
}

.joyride-tip-guide .button:focus {
  border-color: #68a3cf;
  outline: #c1e0ff solid 2px;
  box-shadow: none;
}

.joyride-tip-guide .button-action:before {
  display: none;
}

.joyride-tip-guide .action-links {
  margin: 2em 0;
}

.joyride-tip-guide .action-links .button--primary {
  padding: 0.33rem 1.33rem;
  color: #327ebd;
  border: 2px solid #327ebd;
  border-radius: 999px;
  background: #fff;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.joyride-tip-guide .action-links .button--primary:hover,
.joyride-tip-guide .action-links .button--primary:focus {
  color: #fff;
  background-color: #327ebd;
  background-image: none;
  box-shadow: none;
}

.joyride-tip-guide .action-links .button--primary:focus {
  border-color: #08639b;
  outline: none;
}

.joyride-tip-guide .button--primary {
  border-color: #0071b8;
  background: #0071b8;
}

.joyride-tip-guide .button--primary:hover,
.joyride-tip-guide .button--primary:focus {
  border-color: #1f86c7;
  background-color: #1f86c7;
  background-image: none;
}

.joyride-tip-guide .button--small:focus {
  outline: none;
}

.joyride-tip-guide .button--small {
  color: #b1b1b1;
  border-color: #cacaca;
  border-radius: 0.2rem;
  background: #fff;
  font-weight: 500;
}

.joyride-tip-guide .button--danger {
  text-decoration: none;
  background-color: transparent;
}

.joyride-tip-guide .button--danger:hover {
  text-decoration: underline;
}

.joyride-tip-guide select {
  min-height: 28px;
  text-shadow: none;
}

.joyride-tip-guide label {
  margin: 0 0 0.2em;
}

.joyride-tip-guide .ui-dialog .ui-dialog-titlebar {
  border-radius: 0;
  background: #333;
}

.joyride-tip-guide .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  border-radius: 0;
}

.joyride-tip-guide .ui-dialog .ui-dialog-titlebar,
.joyride-tip-guide .ui-dialog {
  outline: none;
}

.joyride-tip-guide .ui-dialog {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

.joyride-tip-guide .ui-button-icon-only.ui-dialog-titlebar-close.ui-state-active,
.joyride-tip-guide .ui-button-icon-only.ui-dialog-titlebar-close.ui-widget-content .ui-state-active {
  color: transparent;
  border-color: transparent;
  background: transparent;
}

.joyride-tip-guide .ui-dialog .ui-dialog-titlebar-close {
  transition: all, 0.2s;
  opacity: 0.5;
}

.joyride-tip-guide .ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
}

.joyride-tip-guide .messages {
  margin: 1rem 0 1rem 0;
  border-width: 1px 0 1px 0;
  border-radius: 0;
  background-color: transparent;
  background-position: 5px 50%;
  background-size: 1.3rem;
  box-shadow: none;
}

.joyride-tip-guide .messages--error {
  border-color: #e32700;
}

.joyride-tip-guide .messages--warning {
  border-color: #e29700;
}

.joyride-tip-guide .messages--status {
  border-color: #73b355;
}

File

modules/varbase_tour/css/theme/tour.admin.theme.css
View source
  1. .joyride-tip-guide h1,
  2. .joyride-tip-guide .heading-a {
  3. margin-bottom: 1rem;
  4. color: #fff;
  5. font-size: 2.35em;
  6. font-weight: 300;
  7. line-height: 1.2em;
  8. }
  9. .joyride-tip-guide .content-header {
  10. padding: 1rem 0 0;
  11. background-color: #333;
  12. }
  13. .joyride-tip-guide .toolbar-tray-open.toolbar-fixed.toolbar-horizontal {
  14. padding-top: 4rem !important;
  15. }
  16. .joyride-tip-guide thead th {
  17. text-transform: none;
  18. color: #909090;
  19. border: none;
  20. font-size: 0.91rem;
  21. font-weight: 500;
  22. }
  23. .joyride-tip-guide thead th.is-active {
  24. border-top: 1px solid #e6e4df;
  25. border-right: 1px solid #e6e4df;
  26. border-bottom: 1px solid #fff;
  27. border-left: 1px solid #e6e4df;
  28. background: #fff;
  29. }
  30. .joyride-tip-guide th.is-active > a,
  31. .joyride-tip-guide th.is-active > a:hover {
  32. color: #333;
  33. }
  34. .joyride-tip-guide th > a:hover {
  35. text-decoration: underline;
  36. }
  37. .joyride-tip-guide th > a:after,
  38. .joyride-tip-guide th.is-active > a:after {
  39. display: none;
  40. }
  41. .joyride-tip-guide thead > tr {
  42. border-bottom: 1px solid #e6e4df;
  43. }
  44. .joyride-tip-guide .is-collapse-enabled .tabs:before,
  45. .joyride-tip-guide .is-horizontal .tabs:before {
  46. display: none;
  47. }
  48. .joyride-tip-guide .button {
  49. transition: all, 0.2s;
  50. border-radius: 0;
  51. background-color: #f9f9f9;
  52. background-image: none;
  53. text-shadow: none;
  54. }
  55. .joyride-tip-guide .button:hover,
  56. .joyride-tip-guide .button:focus {
  57. border-color: #008ee6;
  58. background-color: #fff;
  59. background-image: none;
  60. }
  61. .joyride-tip-guide .button:focus {
  62. border-color: #68a3cf;
  63. outline: #c1e0ff solid 2px;
  64. box-shadow: none;
  65. }
  66. .joyride-tip-guide .button-action:before {
  67. display: none;
  68. }
  69. .joyride-tip-guide .action-links {
  70. margin: 2em 0;
  71. }
  72. .joyride-tip-guide .action-links .button--primary {
  73. padding: 0.33rem 1.33rem;
  74. color: #327ebd;
  75. border: 2px solid #327ebd;
  76. border-radius: 999px;
  77. background: #fff;
  78. font-family: sans-serif;
  79. font-size: 14px;
  80. font-weight: 600;
  81. }
  82. .joyride-tip-guide .action-links .button--primary:hover,
  83. .joyride-tip-guide .action-links .button--primary:focus {
  84. color: #fff;
  85. background-color: #327ebd;
  86. background-image: none;
  87. box-shadow: none;
  88. }
  89. .joyride-tip-guide .action-links .button--primary:focus {
  90. border-color: #08639b;
  91. outline: none;
  92. }
  93. .joyride-tip-guide .button--primary {
  94. border-color: #0071b8;
  95. background: #0071b8;
  96. }
  97. .joyride-tip-guide .button--primary:hover,
  98. .joyride-tip-guide .button--primary:focus {
  99. border-color: #1f86c7;
  100. background-color: #1f86c7;
  101. background-image: none;
  102. }
  103. .joyride-tip-guide .button--small:focus {
  104. outline: none;
  105. }
  106. .joyride-tip-guide .button--small {
  107. color: #b1b1b1;
  108. border-color: #cacaca;
  109. border-radius: 0.2rem;
  110. background: #fff;
  111. font-weight: 500;
  112. }
  113. .joyride-tip-guide .button--danger {
  114. text-decoration: none;
  115. background-color: transparent;
  116. }
  117. .joyride-tip-guide .button--danger:hover {
  118. text-decoration: underline;
  119. }
  120. .joyride-tip-guide select {
  121. min-height: 28px;
  122. text-shadow: none;
  123. }
  124. .joyride-tip-guide label {
  125. margin: 0 0 0.2em;
  126. }
  127. .joyride-tip-guide .ui-dialog .ui-dialog-titlebar {
  128. border-radius: 0;
  129. background: #333;
  130. }
  131. .joyride-tip-guide .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  132. border-radius: 0;
  133. }
  134. .joyride-tip-guide .ui-dialog .ui-dialog-titlebar,
  135. .joyride-tip-guide .ui-dialog {
  136. outline: none;
  137. }
  138. .joyride-tip-guide .ui-dialog {
  139. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  140. }
  141. .joyride-tip-guide .ui-button-icon-only.ui-dialog-titlebar-close.ui-state-active,
  142. .joyride-tip-guide .ui-button-icon-only.ui-dialog-titlebar-close.ui-widget-content .ui-state-active {
  143. color: transparent;
  144. border-color: transparent;
  145. background: transparent;
  146. }
  147. .joyride-tip-guide .ui-dialog .ui-dialog-titlebar-close {
  148. transition: all, 0.2s;
  149. opacity: 0.5;
  150. }
  151. .joyride-tip-guide .ui-dialog .ui-dialog-titlebar-close:hover {
  152. opacity: 1;
  153. }
  154. .joyride-tip-guide .messages {
  155. margin: 1rem 0 1rem 0;
  156. border-width: 1px 0 1px 0;
  157. border-radius: 0;
  158. background-color: transparent;
  159. background-position: 5px 50%;
  160. background-size: 1.3rem;
  161. box-shadow: none;
  162. }
  163. .joyride-tip-guide .messages--error {
  164. border-color: #e32700;
  165. }
  166. .joyride-tip-guide .messages--warning {
  167. border-color: #e29700;
  168. }
  169. .joyride-tip-guide .messages--status {
  170. border-color: #73b355;
  171. }