Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styling for tour module.
Chris@0:  */
Chris@0: 
Chris@0: /* Tab appearance. */
Chris@0: .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
Chris@0:   float: right; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
Chris@0:   float: left;
Chris@0: }
Chris@0: 
Chris@0: /* Override placement of the tour progress indicator. */
Chris@0: .tour-progress {
Chris@0:   position: absolute;
Chris@18:   right: 20px; /* LTR */
Chris@0:   bottom: 20px;
Chris@0: }
Chris@0: [dir="rtl"] .tour-progress {
Chris@0:   right: auto;
Chris@0:   left: 20px;
Chris@0: }
Chris@0: 
Chris@0: /* Default styles for the container */
Chris@0: .joyride-tip-guide {
Chris@0:   position: absolute;
Chris@0:   z-index: 101;
Chris@0:   top: 0;
Chris@0:   left: 0;
Chris@18:   display: none;
Chris@18:   width: 300px;
Chris@18:   background: #fff;
Chris@0: }
Chris@14: 
Chris@0: @media only screen and (max-width: 767px) {
Chris@0:   .joyride-tip-guide {
Chris@18:     left: 2.5%;
Chris@0:     width: 85%;
Chris@0:   }
Chris@0: }
Chris@0: 
Chris@0: .joyride-content-wrapper {
Chris@0:   position: relative;
Chris@0:   padding: 20px 50px 20px 20px;  /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .joyride-content-wrapper {
Chris@0:   padding: 20px 20px 20px 50px;
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:   position: absolute;
Chris@0:   left: 22px;
Chris@18:   display: block;
Chris@0:   width: 0;
Chris@0:   height: 0;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .joyride-nub.top {
Chris@0:   top: -28px;
Chris@0:   bottom: auto;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .joyride-nub.bottom {
Chris@0:   bottom: -28px;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .joyride-nub.right {
Chris@0:   top: 22px;
Chris@18:   right: -28px;
Chris@0:   bottom: auto;
Chris@0:   left: auto;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .joyride-nub.left {
Chris@0:   top: 22px;
Chris@0:   right: auto;
Chris@0:   bottom: auto;
Chris@18:   left: -28px;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .joyride-nub.top-right {
Chris@0:   top: -28px;
Chris@18:   right: 28px;
Chris@0:   bottom: auto;
Chris@0:   left: auto;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide .tour-tip-label {
Chris@0:   margin-top: 0;
Chris@0: }
Chris@0: 
Chris@0: .joyride-tip-guide p {
Chris@0:   margin: 0 0 1.4em;
Chris@0: }
Chris@0: 
Chris@0: .joyride-timer-indicator-wrap {
Chris@0:   position: absolute;
Chris@0:   right: 17px;
Chris@0:   bottom: 16px;
Chris@18:   width: 50px;
Chris@18:   height: 3px;
Chris@0: }
Chris@0: .joyride-timer-indicator {
Chris@0:   display: block;
Chris@0:   width: 0;
Chris@0:   height: inherit;
Chris@0: }
Chris@0: 
Chris@0: .joyride-close-tip {
Chris@0:   position: absolute;
Chris@18:   top: 20px;
Chris@18:   right: 20px; /* LTR */
Chris@0:   line-height: 1em;
Chris@0: }
Chris@0: [dir="rtl"] .joyride-close-tip {
Chris@18:   right: auto;
Chris@0:   left: 20px;
Chris@0: }
Chris@0: 
Chris@0: .joyride-modal-bg {
Chris@0:   position: fixed;
Chris@0:   z-index: 100;
Chris@0:   top: 0;
Chris@0:   left: 0;
Chris@18:   display: none;
Chris@18:   width: 100%;
Chris@18:   height: 100%;
Chris@0:   cursor: pointer;
Chris@0: }
Chris@0: 
Chris@0: .joyride-expose-wrapper {
Chris@0:   position: absolute;
Chris@0:   z-index: 102;
Chris@0: }
Chris@0: 
Chris@0: .joyride-expose-cover {
Chris@0:   position: absolute;
Chris@0:   z-index: 10000;
Chris@0:   top: 0;
Chris@0:   left: 0;
Chris@0: }