Skip to content

Commit f571aad

Browse files
afshinmafshinm
committed
add template folder
1 parent 38a9b33 commit f571aad

File tree

3 files changed

+819
-0
lines changed

3 files changed

+819
-0
lines changed

‎themes/introjs-nassim.css

Lines changed: 288 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,288 @@
1+
.introjs-overlay {
2+
position: absolute;
3+
z-index: 999999;
4+
background: #181818;
5+
opacity: 0;
6+
7+
-webkit-transition: all 0.3s ease-out;
8+
-moz-transition: all 0.3s ease-out;
9+
-ms-transition: all 0.3s ease-out;
10+
-o-transition: all 0.3s ease-out;
11+
transition: all 0.3s ease-out;
12+
}
13+
14+
.introjs-fixParent {
15+
z-index: auto !important;
16+
opacity: 1.0 !important;
17+
}
18+
19+
.introjs-showElement {
20+
z-index: 9999999 !important;
21+
}
22+
23+
.introjs-relativePosition {
24+
position: relative;
25+
}
26+
27+
.introjs-helperLayer {
28+
position: absolute;
29+
z-index: 9999998;
30+
background-color: #FFF;
31+
background-color: rgba(255,255,255,.9);
32+
border: 1px solid #777;
33+
border: 2px solid rgba(117, 117, 117, 1);
34+
border-radius: 4px;
35+
box-shadow: 0 5px 8px -3px rgba(0,0,0,.6);
36+
-webkit-transition: all 0.3s ease-out;
37+
-moz-transition: all 0.3s ease-out;
38+
-ms-transition: all 0.3s ease-out;
39+
-o-transition: all 0.3s ease-out;
40+
transition: all 0.3s ease-out;
41+
}
42+
43+
.introjs-helperNumberLayer {
44+
position: absolute;
45+
top: -16px;
46+
left: -9px;
47+
z-index: 9999999999 !important;
48+
padding: 2px;
49+
font-family: Arial, verdana, tahoma;
50+
font-size: 13px;
51+
font-weight: bold;
52+
color: #fff; /* Old browsers */ /* Chrome10+,Safari5.1+ */
53+
background: #DA4433;
54+
width: 20px;
55+
box-shadow: 0 1px 1px rgba(0,0,0,.35);
56+
height:20px;
57+
text-align: center;
58+
line-height: 20px;
59+
border: 2px solid #DA4433;
60+
border-radius: 0; /* IE6-9 */ /* IE10 text shadows */
61+
}
62+
63+
.introjs-helperNumberLayer:after {
64+
content:"";
65+
width:0;
66+
height:0;
67+
position:absolute;
68+
content:0;
69+
left:-3px;
70+
bottom:-10px;
71+
border:4px solid transparent;
72+
border-right-color:#900;
73+
border-top-color:#900;
74+
}
75+
76+
.introjs-arrow {
77+
border: 5px solid white;
78+
content:'';
79+
position: absolute;
80+
}
81+
.introjs-arrow.top {
82+
top: -10px;
83+
border-top-color:transparent;
84+
border-right-color:transparent;
85+
border-bottom-color: #ecf0f1;
86+
border-left-color:transparent;
87+
}
88+
.introjs-arrow.right {
89+
right: -10px;
90+
top: 10px;
91+
border-top-color:transparent;
92+
border-right-color:transparent;
93+
border-bottom-color:transparent;
94+
border-left-color:#ecf0f1;
95+
}
96+
.introjs-arrow.bottom {
97+
bottom: -10px;
98+
border-top-color:#ecf0f1;
99+
border-right-color:transparent;
100+
border-bottom-color:transparent;
101+
border-left-color:transparent;
102+
}
103+
.introjs-arrow.left {
104+
left: -10px;
105+
top: 10px;
106+
border-top-color:transparent;
107+
border-right-color: #ecf0f1;
108+
border-bottom-color:transparent;
109+
border-left-color:transparent;
110+
}
111+
112+
.introjs-tooltip {
113+
position: absolute;
114+
padding: 10px 10px;
115+
background-color: #ecf0f1;
116+
min-width: 200px;
117+
max-width: 300px;
118+
border-radius: 3px;
119+
/* border-radius: 3px; */
120+
/* box-shadow: 0 6px 7px -4px rgba(0,0,0,.4); */
121+
-webkit-transition: opacity 0.1s ease-out;
122+
-moz-transition: opacity 0.1s ease-out;
123+
-ms-transition: opacity 0.1s ease-out;
124+
-o-transition: opacity 0.1s ease-out;
125+
transition: opacity 0.1s ease-out;
126+
/* border: 5px double #0787AF; */
127+
}
128+
129+
.introjs-tooltiptext {
130+
margin-left: -10px;
131+
132+
margin-right: -10px;
133+
/* border-top: 1px solid #FFFFFF; */
134+
/* background: #FAFAFA; */
135+
color: #2c3e50;
136+
padding: 25px 30px 15px;
137+
/* border-bottom: 1px solid #FFFFFF; */
138+
}
139+
140+
.introjs-tooltipbuttons {
141+
text-align: center;
142+
/* background: rgba(0, 0, 0, 0.06); */
143+
border-radius: 0 0 8px 8px;
144+
padding-bottom: 10px;
145+
}
146+
147+
/*
148+
Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
149+
Changed by Afshin Mehrabani
150+
*/
151+
.introjs-button {
152+
position: relative;
153+
overflow: visible;
154+
display: inline-block;
155+
padding: 0.5em 0.8em;
156+
/* box-shadow: 0 2px 0px -0px #306588; */
157+
margin: 0;
158+
outline: none;
159+
border: 2px solid;
160+
background: transparent;
161+
text-decoration: none;
162+
font: 11px/normal sans-serif;
163+
color: ##2980b9 !important;
164+
white-space: nowrap;
165+
cursor: pointer;
166+
outline: none !important;
167+
-webkit-background-clip: padding;
168+
-moz-background-clip: padding;
169+
-o-background-clip: padding-box;
170+
/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
171+
-webkit-border-radius: 0.2em;
172+
-moz-border-radius: 0.2em;
173+
border-radius: 0.2em;
174+
/* IE hacks */
175+
zoom: 1;
176+
*display: inline;
177+
margin-top: 10px;
178+
transition:all 0.25s ease;
179+
-webkit-transition:all 0.25s ease;
180+
-moz-transition:all 0.25s ease;
181+
-ms-transition:all 0.25s ease;
182+
-o-transition:all 0.25s ease;
183+
}
184+
185+
.introjs-button:hover {
186+
color: #fff;
187+
background: #2671A2;
188+
text-decoration: none;
189+
border-color: #235677;
190+
}
191+
192+
.introjs-button:focus,
193+
.introjs-button:active {
194+
background: #23587A; text-decoration: none;
195+
color: #fff;
196+
/* bottom: -1px; */
197+
box-shadow: none;
198+
border-color: #173B53;
199+
}
200+
201+
/* overrides extra padding on button elements in Firefox */
202+
.introjs-button::-moz-focus-inner {
203+
padding: 0;
204+
border: 0;
205+
}
206+
207+
.introjs-skipbutton {
208+
margin-right: 5px;
209+
color: #c00;
210+
background: transparent;
211+
}
212+
213+
.introjs-skipbutton:hover {
214+
background: #EB1540;
215+
border-color: #B91D0D;
216+
217+
}
218+
219+
.introjs-skipbutton:active, .introjs-skipbutton:focus {
220+
background: #C02312;
221+
/* box-shadow: 0 1px 0px -0px #6F1309; */
222+
223+
}
224+
225+
.introjs-prevbutton {
226+
-webkit-border-radius: 0.2em 0 0 0.2em;
227+
-moz-border-radius: 0.2em 0 0 0.2em;
228+
border-radius: 0.2em 0 0 0.2em;
229+
border-right: none;
230+
}
231+
232+
.introjs-nextbutton {
233+
-webkit-border-radius: 0 0.2em 0.2em 0;
234+
-moz-border-radius: 0 0.2em 0.2em 0;
235+
border-radius: 0 0.2em 0.2em 0;
236+
}
237+
238+
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
239+
color: #C2C2C2 !important;
240+
border-color: #d4d4d4;
241+
cursor: default;
242+
/* box-shadow: 0 2px 0px -0px #CACED1; */
243+
background-color: #E6E6E6;
244+
background-image: none;
245+
text-decoration: none;
246+
}
247+
248+
.introjs-bullets {
249+
text-align: center;
250+
position: absolute;
251+
left: 0;
252+
right: 0;
253+
top: -5px;
254+
}
255+
.introjs-bullets ul {
256+
clear: both;
257+
margin: 15px auto 0;
258+
padding: 0;
259+
display: inline-block;
260+
}
261+
.introjs-bullets ul li {
262+
list-style: none;
263+
float: left;
264+
margin: 0 2px;
265+
}
266+
.introjs-bullets ul li a {
267+
display: block;
268+
width: 6px;
269+
height: 6px;
270+
background: #ccc;
271+
border-radius: 10px;
272+
-moz-border-radius: 10px;
273+
-webkit-border-radius: 10px;
274+
text-decoration: none;
275+
}
276+
.introjs-bullets ul li a:hover {
277+
background: #999;
278+
}
279+
.introjs-bullets ul li a.active {
280+
background: #999;
281+
}
282+
.introjsFloatingElement {
283+
position: absolute;
284+
height: 0;
285+
width: 0;
286+
left: 50%;
287+
top: 50%;
288+
}

0 commit comments

Comments
 (0)