www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/tour/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
  36 @media only screen and (max-width: 767px) {
  37   .joyride-tip-guide {
  38     width: 85%;
  39     left: 2.5%;
  40   }
  41 }
  42
  43 .joyride-content-wrapper {
  44   position: relative;
  45   padding: 20px 50px 20px 20px;  /* LTR */
  46 }
  47 [dir="rtl"] .joyride-content-wrapper {
  48   padding: 20px 20px 20px 50px;
  49 }
  50
  51 /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
  52 .joyride-tip-guide .joyride-nub {
  53   display: block;
  54   position: absolute;
  55   left: 22px;
  56   width: 0;
  57   height: 0;
  58 }
  59
  60 .joyride-tip-guide .joyride-nub.top {
  61   top: -28px;
  62   bottom: auto;
  63 }
  64
  65 .joyride-tip-guide .joyride-nub.bottom {
  66   bottom: -28px;
  67 }
  68
  69 .joyride-tip-guide .joyride-nub.right {
  70   top: 22px;
  71   bottom: auto;
  72   left: auto;
  73   right: -28px;
  74 }
  75
  76 .joyride-tip-guide .joyride-nub.left {
  77   top: 22px;
  78   left: -28px;
  79   right: auto;
  80   bottom: auto;
  81 }
  82
  83 .joyride-tip-guide .joyride-nub.top-right {
  84   top: -28px;
  85   bottom: auto;
  86   left: auto;
  87   right: 28px;
  88 }
  89
  90 .joyride-tip-guide .tour-tip-label {
  91   margin-top: 0;
  92 }
  93
  94 .joyride-tip-guide p {
  95   margin: 0 0 1.4em;
  96 }
  97
  98 .joyride-timer-indicator-wrap {
  99   width: 50px;
 100   height: 3px;
 101   position: absolute;
 102   right: 17px;
 103   bottom: 16px;
 104 }
 105 .joyride-timer-indicator {
 106   display: block;
 107   width: 0;
 108   height: inherit;
 109 }
 110
 111 .joyride-close-tip {
 112   position: absolute;
 113   line-height: 1em;
 114   right: 20px; /* LTR */
 115   top: 20px;
 116 }
 117 [dir="rtl"] .joyride-close-tip {
 118   left: 20px;
 119   right: auto;
 120 }
 121
 122 .joyride-modal-bg {
 123   position: fixed;
 124   height: 100%;
 125   width: 100%;
 126   z-index: 100;
 127   display: none;
 128   top: 0;
 129   left: 0;
 130   cursor: pointer;
 131 }
 132
 133 .joyride-expose-wrapper {
 134   position: absolute;
 135   z-index: 102;
 136 }
 137
 138 .joyride-expose-cover {
 139   position: absolute;
 140   z-index: 10000;
 141   top: 0;
 142   left: 0;
 143 }