|
Chris@0
|
1 /**
|
|
Chris@0
|
2 * @file
|
|
Chris@0
|
3 * Styles for Tour theme.
|
|
Chris@0
|
4 */
|
|
Chris@0
|
5
|
|
Chris@0
|
6 /* Default styles for the container */
|
|
Chris@0
|
7 .joyride-tip-guide {
|
|
Chris@0
|
8 background: #000;
|
|
Chris@0
|
9 background: rgba(0,0,0, 0.8);
|
|
Chris@0
|
10 color: #fff;
|
|
Chris@0
|
11 border-radius: 5px;
|
|
Chris@0
|
12 }
|
|
Chris@0
|
13
|
|
Chris@0
|
14 /* Mobile */
|
|
Chris@0
|
15 @media only screen and (max-width: 767px) {
|
|
Chris@0
|
16 .joyride-tip-guide {
|
|
Chris@0
|
17 border-radius: 0;
|
|
Chris@0
|
18 }
|
|
Chris@0
|
19 }
|
|
Chris@0
|
20
|
|
Chris@0
|
21 /* Add a little css triangle pip, older browser just miss out on the fanciness of it. */
|
|
Chris@0
|
22 .joyride-tip-guide .joyride-nub {
|
|
Chris@0
|
23 border: solid 14px rgba(0,0,0, 0.8);
|
|
Chris@0
|
24 }
|
|
Chris@0
|
25 .joyride-tip-guide .joyride-nub.top {
|
|
Chris@0
|
26 border-top-color: transparent;
|
|
Chris@0
|
27 border-left-color: transparent;
|
|
Chris@0
|
28 border-right-color: transparent;
|
|
Chris@0
|
29 }
|
|
Chris@0
|
30 .joyride-tip-guide .joyride-nub.bottom {
|
|
Chris@0
|
31 border-bottom-color: transparent;
|
|
Chris@0
|
32 border-left-color: transparent;
|
|
Chris@0
|
33 border-right-color: transparent;
|
|
Chris@0
|
34 }
|
|
Chris@0
|
35 .joyride-tip-guide .joyride-nub.right {
|
|
Chris@0
|
36 border-top-color: transparent;
|
|
Chris@0
|
37 border-right-color: transparent; /* LTR */
|
|
Chris@0
|
38 border-bottom-color: transparent;
|
|
Chris@0
|
39 }
|
|
Chris@0
|
40 [dir="rtl"] .joyride-tip-guide .joyride-nub.right {
|
|
Chris@0
|
41 border-left-color: transparent;
|
|
Chris@0
|
42 border-right-color: rgba(0,0,0, 0.8);
|
|
Chris@0
|
43 }
|
|
Chris@0
|
44 .joyride-tip-guide .joyride-nub.left {
|
|
Chris@0
|
45 border-top-color: transparent;
|
|
Chris@0
|
46 border-left-color: transparent; /* LTR */
|
|
Chris@0
|
47 border-bottom-color: transparent;
|
|
Chris@0
|
48 }
|
|
Chris@0
|
49 [dir="rtl"] .joyride-tip-guide .joyride-nub.left {
|
|
Chris@0
|
50 border-left-color: rgba(0,0,0, 0.8);
|
|
Chris@0
|
51 border-right-color: transparent;
|
|
Chris@0
|
52 }
|
|
Chris@0
|
53 .joyride-tip-guide .joyride-nub.top-right {
|
|
Chris@0
|
54 border-top-color: transparent;
|
|
Chris@0
|
55 border-left-color: transparent;
|
|
Chris@0
|
56 border-right-color: transparent;
|
|
Chris@0
|
57 }
|
|
Chris@0
|
58
|
|
Chris@0
|
59 /* Typography */
|
|
Chris@0
|
60 .joyride-tip-guide h2 {
|
|
Chris@0
|
61 color: #fff;
|
|
Chris@0
|
62 }
|
|
Chris@0
|
63 .joyride-tip-guide p {
|
|
Chris@0
|
64 line-height: 1.385em;
|
|
Chris@0
|
65 }
|
|
Chris@0
|
66 .joyride-tip-guide a {
|
|
Chris@0
|
67 color: #fff;
|
|
Chris@0
|
68 }
|
|
Chris@0
|
69
|
|
Chris@0
|
70 /* Button Style */
|
|
Chris@0
|
71 .joyride-tip-guide .joyride-next-tip {
|
|
Chris@0
|
72 margin: 0;
|
|
Chris@0
|
73 }
|
|
Chris@0
|
74 .joyride-timer-indicator-wrap {
|
|
Chris@0
|
75 border: solid 1px rgba(255,255,255, 0.1);
|
|
Chris@0
|
76 }
|
|
Chris@0
|
77 .joyride-timer-indicator {
|
|
Chris@0
|
78 background: rgba(255,255,255, 0.25);
|
|
Chris@0
|
79 }
|
|
Chris@0
|
80
|
|
Chris@0
|
81 .joyride-close-tip {
|
|
Chris@0
|
82 color: rgba(255,255,255, 0.4);
|
|
Chris@0
|
83 text-decoration: none;
|
|
Chris@0
|
84 font-size: 1.4em;
|
|
Chris@0
|
85 font-weight: bold;
|
|
Chris@0
|
86 }
|
|
Chris@0
|
87 .joyride-close-tip:hover,
|
|
Chris@0
|
88 .joyride-close-tip:focus {
|
|
Chris@0
|
89 color: rgba(255,255,255, 0.9);
|
|
Chris@0
|
90 text-decoration: none;
|
|
Chris@0
|
91 }
|
|
Chris@0
|
92
|
|
Chris@0
|
93 .joyride-modal-bg {
|
|
Chris@0
|
94 background: rgba(0,0,0, 0.5);
|
|
Chris@0
|
95 }
|
|
Chris@0
|
96
|
|
Chris@0
|
97 .joyride-expose-wrapper {
|
|
Chris@0
|
98 background-color: #ffffff;
|
|
Chris@0
|
99 }
|
|
Chris@0
|
100
|
|
Chris@0
|
101 .joyride-expose-cover {
|
|
Chris@0
|
102 background: transparent;
|
|
Chris@0
|
103 }
|
