www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/tour/css/tour.module.css

   1 /**
   2  * @file
   3  * Styling for tour module.
   4  */
   5
   6 /* Tab appearance. */
   7 .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
   8   float: right; /* LTR */
   9 }
  10 [dir="rtl"] .toolbar .toolbar-bar .tour-toolbar-tab.toolbar-tab {
  11   float: left;
  12 }
  13
  14 /* Override placement of the tour progress indicator. */
  15 .tour-progress {
  16   position: absolute;
  17   bottom: 20px;
  18   right: 20px; /* LTR */
  19 }
  20 [dir="rtl"] .tour-progress {
  21   right: auto;
  22   left: 20px;
  23 }
  24
  25 /* Default styles for the container */
  26 .joyride-tip-guide {
  27   position: absolute;
  28   display: none;
  29   background: #fff;
  30   width: 300px;
  31   z-index: 101;
  32   top: 0;
  33   left: 0;
  34 }
  35 @media only screen and (max-width: 767px) {
  36   .joyride-tip-guide {
  37     width: 85%;
  38     left: 2.5%;
  39   }
  40 }
  41
  42 .joyride-content-wrapper {
  43   position: relative;
  44   padding: 20px 50px 20px 20px;  /* LTR */
  45 }
  46 [dir="rtl"] .joyride-content-wrapper {
  47   padding: 20px 20px 20px 50px;
  48 }
  49
  50 /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
  51 .joyride-tip-guide .joyride-nub {
  52   display: block;
  53   position: absolute;
  54   left: 22px;
  55   width: 0;
  56   height: 0;
  57 }
  58
  59 .joyride-tip-guide .joyride-nub.top {
  60   top: -28px;
  61   bottom: auto;
  62 }
  63
  64 .joyride-tip-guide .joyride-nub.bottom {
  65   bottom: -28px;
  66 }
  67
  68 .joyride-tip-guide .joyride-nub.right {
  69   top: 22px;
  70   bottom: auto;
  71   left: auto;
  72   right: -28px;
  73 }
  74
  75 .joyride-tip-guide .joyride-nub.left {
  76   top: 22px;
  77   left: -28px;
  78   right: auto;
  79   bottom: auto;
  80 }
  81
  82 .joyride-tip-guide .joyride-nub.top-right {
  83   top: -28px;
  84   bottom: auto;
  85   left: auto;
  86   right: 28px;
  87 }
  88
  89 .joyride-tip-guide .tour-tip-label {
  90   margin-top: 0;
  91 }
  92
  93 .joyride-tip-guide p {
  94   margin: 0 0 1.4em;
  95 }
  96
  97 .joyride-timer-indicator-wrap {
  98   width: 50px;
  99   height: 3px;
 100   position: absolute;
 101   right: 17px;
 102   bottom: 16px;
 103 }
 104 .joyride-timer-indicator {
 105   display: block;
 106   width: 0;
 107   height: inherit;
 108 }
 109
 110 .joyride-close-tip {
 111   position: absolute;
 112   line-height: 1em;
 113   right: 20px; /* LTR */
 114   top: 20px;
 115 }
 116 [dir="rtl"] .joyride-close-tip {
 117   left: 20px;
 118   right: auto;
 119 }
 120
 121 .joyride-modal-bg {
 122   position: fixed;
 123   height: 100%;
 124   width: 100%;
 125   z-index: 100;
 126   display: none;
 127   top: 0;
 128   left: 0;
 129   cursor: pointer;
 130 }
 131
 132 .joyride-expose-wrapper {
 133   position: absolute;
 134   z-index: 102;
 135 }
 136
 137 .joyride-expose-cover {
 138   position: absolute;
 139   z-index: 10000;
 140   top: 0;
 141   left: 0;
 142 }