Skip to content

Commit f0df9fd

Browse files
author
MakkarLabs
committed
Badge it Version 2
1 parent 531f656 commit f0df9fd

16 files changed

+2330
-913
lines changed

‎bootstrap/css/joyride-2.0.1.css

Lines changed: 225 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,225 @@
1+
/* Artfully masterminded by ZURB */
2+
body {
3+
position: relative;
4+
}
5+
6+
#joyRideTipContent { display: none; }
7+
8+
/* Default styles for the container */
9+
.joyride-tip-guide {
10+
position: absolute;
11+
background: #000;
12+
background: rgba(0,0,0,0.8);
13+
display: none;
14+
color: #fff;
15+
width: 300px;
16+
z-index: 101;
17+
top: 0; /* keeps the page from scrolling when calculating position */
18+
left: 0;
19+
font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
20+
font-weight: normal;
21+
-moz-border-radius: 4px;
22+
-webkit-border-radius: 4px;
23+
border-radius: 4px;
24+
}
25+
26+
.joyride-content-wrapper {
27+
padding: 10px 10px 15px 15px;
28+
}
29+
30+
/* Mobile */
31+
@media only screen and (max-width: 767px) {
32+
.joyride-tip-guide {
33+
width: 95% !important;
34+
-moz-border-radius: 0;
35+
-webkit-border-radius: 0;
36+
border-radius: 0;
37+
left: 2.5% !important;
38+
}
39+
.joyride-tip-guide-wrapper {
40+
width: 100%;
41+
}
42+
}
43+
44+
45+
/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
46+
.joyride-tip-guide span.joyride-nub {
47+
display: block;
48+
position: absolute;
49+
left: 22px;
50+
width: 0;
51+
height: 0;
52+
border: solid 14px;
53+
border: solid 14px;
54+
}
55+
56+
.joyride-tip-guide span.joyride-nub.top {
57+
/*
58+
IE7/IE8 Don't support rgba so we set the fallback
59+
border color here. However, IE7/IE8 are also buggy
60+
in that the fallback color doesn't work for
61+
border-bottom-color so here we set the border-color
62+
and override the top,left,right colors below.
63+
*/
64+
border-color: #000;
65+
border-color: rgba(0,0,0,0.8);
66+
border-top-color: transparent !important;
67+
border-left-color: transparent !important;
68+
border-right-color: transparent !important;
69+
top: -28px;
70+
bottom: none;
71+
}
72+
73+
.joyride-tip-guide span.joyride-nub.bottom {
74+
/*
75+
IE7/IE8 Don't support rgba so we set the fallback
76+
border color here. However, IE7/IE8 are also buggy
77+
in that the fallback color doesn't work for
78+
border-top-color so here we set the border-color
79+
and override the bottom,left,right colors below.
80+
*/
81+
border-color: #000;
82+
border-color: rgba(0,0,0,0.8) !important;
83+
border-bottom-color: transparent !important;
84+
border-left-color: transparent !important;
85+
border-right-color: transparent !important;
86+
bottom: -28px;
87+
bottom: none;
88+
}
89+
90+
.joyride-tip-guide span.joyride-nub.right {
91+
border-color: #000;
92+
border-color: rgba(0,0,0,0.8) !important;
93+
border-top-color: transparent !important;
94+
border-right-color: transparent !important;
95+
border-bottom-color: transparent !important;
96+
top: 22px;
97+
bottom: none;
98+
left: auto;
99+
right: -28px;
100+
}
101+
102+
.joyride-tip-guide span.joyride-nub.left {
103+
border-color: #000;
104+
border-color: rgba(0,0,0,0.8) !important;
105+
border-top-color: transparent !important;
106+
border-left-color: transparent !important;
107+
border-bottom-color: transparent !important;
108+
top: 22px;
109+
left: -28px;
110+
right: auto;
111+
bottom: none;
112+
}
113+
114+
/* Typography */
115+
.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {
116+
line-height: 1.25;
117+
margin: 0;
118+
font-weight: bold;
119+
color: #fff;
120+
}
121+
.joyride-tip-guide h1 { font-size: 30px; }
122+
.joyride-tip-guide h2 { font-size: 26px; }
123+
.joyride-tip-guide h3 { font-size: 22px; }
124+
.joyride-tip-guide h4 { font-size: 18px; }
125+
.joyride-tip-guide h5 { font-size: 16px; }
126+
.joyride-tip-guide h6 { font-size: 14px; }
127+
.joyride-tip-guide p {
128+
margin: 0 0 18px 0;
129+
font-size: 14px;
130+
line-height: 18px;
131+
}
132+
.joyride-tip-guide a {
133+
color: rgb(255,255,255);
134+
text-decoration: none;
135+
border-bottom: dotted 1px rgba(255,255,255,0.6);
136+
}
137+
.joyride-tip-guide a:hover {
138+
color: rgba(255,255,255,0.8);
139+
border-bottom: none;
140+
}
141+
142+
/* Button Style */
143+
.joyride-tip-guide .joyride-next-tip {
144+
width: auto;
145+
padding: 6px 18px 4px;
146+
font-size: 13px;
147+
text-decoration: none;
148+
color: rgb(255,255,255);
149+
border: solid 1px rgb(0,60,180);
150+
background: rgb(0,99,255);
151+
background: -moz-linear-gradient(top, rgb(0,99,255) 0%, rgb(0,85,214) 100%);
152+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,99,255)), color-stop(100%,rgb(0,85,214)));
153+
background: -webkit-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
154+
background: -o-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
155+
background: -ms-linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
156+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063ff', endColorstr='#0055d6',GradientType=0 );
157+
background: linear-gradient(top, rgb(0,99,255) 0%,rgb(0,85,214) 100%);
158+
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
159+
-webkit-border-radius: 2px;
160+
-moz-border-radius: 2px;
161+
border-radius: 2px;
162+
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
163+
-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
164+
box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
165+
}
166+
167+
.joyride-next-tip:hover {
168+
color: rgb(255,255,255) !important;
169+
border: solid 1px rgb(0,60,180) !important;
170+
background: rgb(43,128,255);
171+
background: -moz-linear-gradient(top, rgb(43,128,255) 0%, rgb(29,102,211) 100%);
172+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(43,128,255)), color-stop(100%,rgb(29,102,211)));
173+
background: -webkit-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
174+
background: -o-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
175+
background: -ms-linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
176+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b80ff', endColorstr='#1d66d3',GradientType=0 );
177+
background: linear-gradient(top, rgb(43,128,255) 0%,rgb(29,102,211) 100%);
178+
}
179+
180+
.joyride-timer-indicator-wrap {
181+
width: 50px;
182+
height: 3px;
183+
border: solid 1px rgba(255,255,255,0.1);
184+
position: absolute;
185+
right: 17px;
186+
bottom: 16px;
187+
}
188+
.joyride-timer-indicator {
189+
display: block;
190+
width: 0;
191+
height: inherit;
192+
background: rgba(255,255,255,0.25);
193+
}
194+
195+
.joyride-close-tip {
196+
position: absolute;
197+
right: 10px;
198+
top: 10px;
199+
color: rgba(255,255,255,0.4) !important;
200+
text-decoration: none;
201+
font-family: Verdana, sans-serif;
202+
font-size: 10px;
203+
font-weight: bold;
204+
border-bottom: none !important;
205+
}
206+
207+
.joyride-close-tip:hover {
208+
color: rgba(255,255,255,0.9) !important;
209+
}
210+
211+
.joyride-modal-bg {
212+
position: fixed;
213+
height: 100%;
214+
width: 100%;
215+
background: rgb(0,0,0);
216+
background: rgba(0,0,0, 0.5);
217+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
218+
filter: alpha(opacity=50);
219+
opacity: 0.5;
220+
z-index: 100;
221+
display: none;
222+
top: 0;
223+
left: 0;
224+
cursor: pointer;
225+
}

0 commit comments

Comments
 (0)