diff core/themes/seven/css/components/tour.theme.css @ 0:4c8ae668cc8c

Initial import (non-working)
author Chris Cannam
date Wed, 29 Nov 2017 16:09:58 +0000
parents
children 1fec387a4317
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/core/themes/seven/css/components/tour.theme.css	Wed Nov 29 16:09:58 2017 +0000
@@ -0,0 +1,103 @@
+/**
+ * @file
+ * Styles for Tour theme.
+ */
+
+/* Default styles for the container */
+.joyride-tip-guide {
+  background: #000;
+  background: rgba(0,0,0, 0.8);
+  color: #fff;
+  border-radius: 5px;
+}
+
+/* Mobile */
+@media only screen and (max-width: 767px) {
+  .joyride-tip-guide {
+    border-radius: 0;
+  }
+}
+
+/* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
+.joyride-tip-guide .joyride-nub {
+  border: solid 14px rgba(0,0,0, 0.8);
+}
+.joyride-tip-guide .joyride-nub.top {
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.joyride-tip-guide .joyride-nub.bottom {
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.joyride-tip-guide .joyride-nub.right {
+  border-top-color: transparent;
+  border-right-color: transparent; /* LTR */
+  border-bottom-color: transparent;
+}
+[dir="rtl"] .joyride-tip-guide .joyride-nub.right {
+  border-left-color: transparent;
+  border-right-color: rgba(0,0,0, 0.8);
+}
+.joyride-tip-guide .joyride-nub.left {
+  border-top-color: transparent;
+  border-left-color: transparent; /* LTR */
+  border-bottom-color: transparent;
+}
+[dir="rtl"] .joyride-tip-guide .joyride-nub.left {
+  border-left-color: rgba(0,0,0, 0.8);
+  border-right-color: transparent;
+}
+.joyride-tip-guide .joyride-nub.top-right {
+  border-top-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+
+/* Typography */
+.joyride-tip-guide h2 {
+  color: #fff;
+}
+.joyride-tip-guide p {
+  line-height: 1.385em;
+}
+.joyride-tip-guide a {
+  color: #fff;
+}
+
+/* Button Style */
+.joyride-tip-guide .joyride-next-tip {
+  margin: 0;
+}
+.joyride-timer-indicator-wrap {
+  border: solid 1px rgba(255,255,255, 0.1);
+}
+.joyride-timer-indicator {
+  background: rgba(255,255,255, 0.25);
+}
+
+.joyride-close-tip {
+  color: rgba(255,255,255, 0.4);
+  text-decoration: none;
+  font-size: 1.4em;
+  font-weight: bold;
+}
+.joyride-close-tip:hover,
+.joyride-close-tip:focus {
+  color: rgba(255,255,255, 0.9);
+  text-decoration: none;
+}
+
+.joyride-modal-bg {
+  background: rgba(0,0,0, 0.5);
+}
+
+.joyride-expose-wrapper {
+  background-color: #ffffff;
+}
+
+.joyride-expose-cover {
+  background: transparent;
+}