Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styles for Tour theme.
Chris@0:  */
Chris@0: 
Chris@0: /* Default styles for the container */
Chris@0: .joyride-tip-guide {
Chris@0:   background: #000;
Chris@0:   background: rgba(0,0,0, 0.8);
Chris@0:   color: #fff;
Chris@0:   border-radius: 5px;
Chris@0: }
Chris@0: 
Chris@0: /* Mobile */
Chris@0: @media only screen and (max-width: 767px) {
Chris@0:   .joyride-tip-guide {
Chris@0:     border-radius: 0;
Chris@0:   }
Chris@0: }
Chris@0: 
Chris@0: /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
Chris@0: .joyride-tip-guide .joyride-nub {
Chris@0:   border: solid 14px rgba(0,0,0, 0.8);
Chris@0: }
Chris@0: .joyride-tip-guide .joyride-nub.top {
Chris@0:   border-top-color: transparent;
Chris@0:   border-left-color: transparent;
Chris@0:   border-right-color: transparent;
Chris@0: }
Chris@0: .joyride-tip-guide .joyride-nub.bottom {
Chris@0:   border-bottom-color: transparent;
Chris@0:   border-left-color: transparent;
Chris@0:   border-right-color: transparent;
Chris@0: }
Chris@0: .joyride-tip-guide .joyride-nub.right {
Chris@0:   border-top-color: transparent;
Chris@0:   border-right-color: transparent; /* LTR */
Chris@0:   border-bottom-color: transparent;
Chris@0: }
Chris@0: [dir="rtl"] .joyride-tip-guide .joyride-nub.right {
Chris@0:   border-left-color: transparent;
Chris@0:   border-right-color: rgba(0,0,0, 0.8);
Chris@0: }
Chris@0: .joyride-tip-guide .joyride-nub.left {
Chris@0:   border-top-color: transparent;
Chris@0:   border-left-color: transparent; /* LTR */
Chris@0:   border-bottom-color: transparent;
Chris@0: }
Chris@0: [dir="rtl"] .joyride-tip-guide .joyride-nub.left {
Chris@0:   border-left-color: rgba(0,0,0, 0.8);
Chris@0:   border-right-color: transparent;
Chris@0: }
Chris@0: .joyride-tip-guide .joyride-nub.top-right {
Chris@0:   border-top-color: transparent;
Chris@0:   border-left-color: transparent;
Chris@0:   border-right-color: transparent;
Chris@0: }
Chris@0: 
Chris@0: /* Typography */
Chris@0: .joyride-tip-guide h2 {
Chris@0:   color: #fff;
Chris@0: }
Chris@0: .joyride-tip-guide p {
Chris@0:   line-height: 1.385em;
Chris@0: }
Chris@0: .joyride-tip-guide a {
Chris@0:   color: #fff;
Chris@0: }
Chris@0: 
Chris@0: /* Button Style */
Chris@0: .joyride-tip-guide .joyride-next-tip {
Chris@0:   margin: 0;
Chris@0: }
Chris@0: .joyride-timer-indicator-wrap {
Chris@0:   border: solid 1px rgba(255,255,255, 0.1);
Chris@0: }
Chris@0: .joyride-timer-indicator {
Chris@0:   background: rgba(255,255,255, 0.25);
Chris@0: }
Chris@0: 
Chris@0: .joyride-close-tip {
Chris@0:   color: rgba(255,255,255, 0.4);
Chris@0:   text-decoration: none;
Chris@0:   font-size: 1.4em;
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: .joyride-close-tip:hover,
Chris@0: .joyride-close-tip:focus {
Chris@0:   color: rgba(255,255,255, 0.9);
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: 
Chris@0: .joyride-modal-bg {
Chris@0:   background: rgba(0,0,0, 0.5);
Chris@0: }
Chris@0: 
Chris@0: .joyride-expose-wrapper {
Chris@0:   background-color: #ffffff;
Chris@0: }
Chris@0: 
Chris@0: .joyride-expose-cover {
Chris@0:   background: transparent;
Chris@0: }