Subversion Repositories SmartDukaan

Rev

Rev 13213 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
13213 kshitij.so 1 
@font-face { font-family: 'LeagueGothicRegular' !important; src: url('/fonts/androidland/League_Gothic-webfont.ttf') font-weight: normal !important; font-style: normal !important; }>
2 
	@font-face {
3 
    font-family: 'myriad';
4 
    src: url('/fonts/androidland/MYRIADPRO-REGULAR.OTF');
5 
}
6 
 
7 
@font-face {
8 
    font-family: 'myriad-pro-thin';
9 
    src: url('/fonts/androidland/MyriadSetPro-Thin.ttf');
10 
}
11 
 
12 
@font-face {
13 
    font-family: 'myriad-pro-bold';
14 
    src: url('/fonts/androidland/MyriadSetPro-Bold.ttf');
15 
}
16 
 
17 
#main-banners {
18 
	cursor: default;
19 
	height: 370px;
20 
	overflow: hidden;
21 
	position: relative;
22 
	width: 940px;
23 
	border-bottom : 1px solid grey;
24 
}
25 
.main-container {
26 
   background-color: #FFFFFF;
27 
   box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);
28 
   color: #444444;
29 
   margin: auto;
30 
   padding: 10px 10px 0;
31 
   width: 940px;
32 
   float: none;
33 
}
34 
.main-background {
35 
   background-color: #E1E1E1;
36 
   width: auto;
37 
}
38 
 
39 
#product-info {
40 
background: none repeat scroll 0 0 #feef30;
41 
border: 1px solid #ccc;
42 
-moz-border-radius: 4px;
43 
-webkit-border-radius: 4px;
44 
border-radius: 4px;
45 
color : grey;
46 
}
47 
 
48 
.gosf-text {
49 
text-align: center;
50 
padding-top: 40px;
51 
font-size: 35px;
52 
font-family: 'myriad-pro-thin';
53 
letter-spacing: 3px;
54 
}
55 
 
56 
 
57 
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
58 
display:none;
59 
}
60 
 
61 
.nbs-flexisel-container {
62 
    position:relative;
63 
    max-width:100%;
64 
}
65 
.nbs-flexisel-ul {
66 
    position:relative;
67 
    width:9999px;
68 
    margin:0px;
69 
    padding:0px;
70 
    list-style-type:none;
71 
    text-align:center;
72 
}
73 
 
74 
.nbs-flexisel-inner {
75 
    overflow:hidden;
76 
    float:left;
77 
    width:100%;
13229 kshitij.so 78 
    background:#E7E7E7;
13213 kshitij.so 79 
    border:1px solid #ccc;
80 
    -moz-border-radius:5px;
81 
    -webkit-border-radius:5px;
82 
}
83 
 
84 
.nbs-flexisel-item {
85 
    float:left;
86 
    margin:0px;
87 
    padding:0px;
88 
    cursor:pointer;
89 
    position:relative;
90 
}
91 
.nbs-flexisel-item img {
92 
    cursor: pointer;
93 
    position: relative;
94 
    margin-top: 10px;
95 
    margin-bottom: 10px;
96 
}
97 
 
98 
/*** Navigation ***/
99 
 
100 
.nbs-flexisel-nav-left,
101 
.nbs-flexisel-nav-right {
102 
    width: 22px;
103 
    height: 22px;
104 
    position: absolute;
105 
    cursor: pointer;
106 
    z-index: 100;
107 
    opacity: 0.5;
108 
}
109 
 
110 
.nbs-flexisel-nav-left {
111 
    left: 10px;
112 
    background: url(/images/button-previous.png) no-repeat;
113 
}
114 
 
115 
.nbs-flexisel-nav-right {
116 
    right: 5px;
117 
    background: url(/images/button-next.png) no-repeat;
118 
}
119 
 
120 
#main-gosf {
121 
	position: relative;
122 
	width: 700px;
123 
	margin: 50px auto 0 auto;
124 
	padding: 0 0 0 25px;
125 
}
126 
 
127 
#counter {
128 
	width: 700px;
129 
	height: 145px;
130 
	margin: 55px auto 0 auto;
131 
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
132 
	font-size: 92px;
133 
	color: #272727;
134 
	text-shadow: 0 1px 0 #fff;
135 
	overflow: hidden;
136 
	vertical-align: baseline;
137 
	font-style: normal;
138 
	font-variant: normal;
139 
	font-weight: normal;
140 
	line-height: normal;
141 
	padding: 0;
142 
	border: 0;
143 
}
144 
 
145 
.countDays, .countHours, .countMinutes, .countSeconds {
146 
	float: left;
147 
	width: 102px;
148 
	height: 138px;
149 
	padding-left: 36px;
150 
	background: #e7e7e7;
151 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.07)));
152 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
153 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
154 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
155 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
156 
	background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.07));
157 
	border: 1px solid #ccc;
158 
	-moz-border-radius: 4px;
159 
	-webkit-border-radius: 4px;
160 
	border-radius: 4px;
161 
	-moz-box-shadow:
162 
 
163 
 
164 
	-webkit-box-shadow:
165 
 
166 
 
167 
	box-shadow:
168 
 
169 
 
170 
}
171 
 
172 
.points {
173 
	float: left;
174 
	width: 40px;
175 
	margin: 0;
176 
	font-family: Georgia, serif;
177 
	font-size: 44px;
178 
	font-weight: bold;
179 
	text-align: center;
180 
	line-height: 138px;
181 
	text-shadow: none;
182 
}
183 
 
184 
.position {
185 
	position: relative;
186 
	float: left;
187 
	width: 35px;
188 
	height: 92px;
189 
	margin: 8px 0 0 0;
190 
}
191 
 
192 
.digit {
193 
	position: absolute;
194 
	top: 0;
195 
	left: 0;
196 
}
197 
 
198 
.boxName {
199 
	float: left;
200 
	width: 80px;
201 
	margin: -5px 0 0 7px;
202 
	font-size: 36px;
203 
	color: #a6a6a6;
204 
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
205 
}
206 
 
207 
.Hours { margin-left: 5px; }
208 
 
209 
.Seconds { margin-left: 2px; }
210 
 
211 
 
212 
#gosf-form {
213 
	position: relative;
214 
	margin: 40px auto 0 auto;
215 
	line-height: normal;
216 
	font-style: normal;
217 
	font-weight: normal;
218 
	font-variant: normal;
219 
	vertical-align: baseline;
220 
	padding: 0;
221 
	border: 0;
222 
}
223 
 
224 
.gosf-email {
225 
	width: 498px;
226 
	height: 35px;
227 
	padding: 0 15px;
228 
	background: #f1f1f1;
229 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.02)), to(rgba(0,0,0,.02)));
230 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
231 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
232 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
233 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
234 
	background-image: linear-gradient(top, rgba(255,255,255,.02), rgba(0,0,0,.02));
235 
	border: 1px solid #cbcbcb;
236 
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
237 
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
238 
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;
239 
	-moz-border-radius: 4px;
240 
	-webkit-border-radius: 4px;
241 
	border-radius: 4px;
242 
	font-family: Arial, Helvetica, sans-serif;
243 
	font-size: 13px;
244 
	color: #b3b2b2;
245 
	font-style: italic;
246 
}
247 
 
248 
.email:focus {
249 
	outline: 0;
250 
	border: 1px solid #c0c0c0;
251 
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
252 
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
253 
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2) inset;
254 
}
255 
 
256 
.submit {
257 
	width: 140px;
258 
	height: 37px;
259 
	margin: 0 0 0 5px;
260 
	padding: 0;
261 
	background: #888;
262 
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
263 
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
264 
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
265 
	background-image: -ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
266 
	background-image: -o-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
267 
	background-image: linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
268 
	border: 1px solid #636363;
269 
	-moz-box-shadow:
270 
 
271 
 
272 
	-webkit-box-shadow:
273 
 
274 
 
275 
	box-shadow:
276 
 
277 
 
278 
	-moz-border-radius: 4px;
279 
	-webkit-border-radius: 4px;
280 
	border-radius: 4px;
281 
	font-family: Arial, Helvetica, sans-serif;
282 
	font-size: 13px;
283 
	font-weight: bold;
284 
	color: #fff;
285 
	text-shadow: 0 1px 0 rgba(0,0,0,.35);
286 
	line-height: 13px;
287 
	cursor: pointer;
288 
}
289 
 
290 
.submit:hover {
291 
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,.1)), to(rgba(0,0,0,.1)));
292 
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
293 
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
294 
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
295 
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
296 
	background-image: linear-gradient(bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
297 
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
298 
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
299 
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.15) inset;
300 
}
301 
 
302 
.submit:active {
303 
	-moz-box-shadow:
304 
 
305 
 
306 
	-webkit-box-shadow:
307 
 
308 
 
309 
	box-shadow:
310 
 
311 
 
312 
	color: #ddd;
313 
}
314 
 
315 
.popup {
316 
	position: absolute;
317 
	top: 45px;
318 
	left: 0;
319 
	width: 140px;
320 
	padding: 10px;
321 
	background: #e7e7e7;
322 
	-moz-border-radius: 4px;
323 
	-webkit-border-radius: 4px;
324 
	border-radius: 4px;
325 
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
326 
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
327 
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
328 
	font-family: Arial, Helvetica, sans-serif;
329 
	font-size: 13px;
330 
	color: #888;
331 
}
332 
 
333 
.social-media-arrow {
334 
	position: absolute;
335 
	top: 125px;
336 
	right: -95px;
337 
	width: 108px;
338 
	height: 256px;
339 
	background: url(/images/social-media-arrow.png) top left no-repeat;
340 
	line-height: normal;
341 
	font-style: normal;
342 
	font-weight: normal;
343 
	font-variant: normal;
344 
	vertical-align: baseline;
345 
	top: 0px;
346 
	background-repeat: no-repeat;
347 
	background-position: top left;
348 
	margin: 0;
349 
	padding: 0;
350 
	border: 0;
351 
}
352 
 
353 
.facebook {
354 
	width: 32px;
355 
	height: 32px;
356 
	background: url(/images/facebook-gosf.png);
357 
}
358 
 
359 
.twitter {
360 
	width: 32px;
361 
	height: 32px;
362 
	background: url(/images/twitter-gosf.png);
363 
}
364 
 
365 
.gd-row{
366 
	line-height: normal;
367 
	font-style: normal;
368 
	font-weight: normal;
369 
	font-variant: normal;
370 
	vertical-align: baseline;
371 
	display: block;
372 
	position: relative;
373 
	padding: 0px;
374 
	border: 0px none;
375 
	height: 50px;
376 
	margin: 0px;
377 
	min-height: 100px;
378 
}
379 
 
380 
.gd-col {
381 
	line-height: normal;
382 
	font-style: normal;
383 
	font-weight: normal;
384 
	font-variant: normal;
385 
	vertical-align: baseline;
386 
	float: left;
387 
	position: relative;
388 
	margin: 0px;
389 
	padding: 0px;
390 
	border: 0px none
391 
}
392 
 
393 
.text-container {
394 
	font-size: 22px;
395 
	line-height: 85px;
396 
	font-style: normal;
397 
	font-weight: normal;
398 
	font-variant: normal;
399 
	vertical-align: baseline;
400 
	box-sizing: border-box;
401 
	overflow: hidden;
402 
	text-align: center;
403 
	height: 85px;
404 
	color: rgb(51, 51, 51);
405 
	background-color: rgb(15, 69, 160);
406 
	margin: 15px 0px 0px;
407 
	padding: 0px;
408 
	border: 0px none;
409 
	width: 940px;
410 
}
411 
 
412 
.text-container-inner {
413 
	line-height: normal;
414 
	font-style: normal;
415 
	font-weight: normal;
416 
	font-variant: normal;
417 
	vertical-align: baseline;
418 
	margin: 0;
419 
	padding: 0;
420 
	border: 0;
421 
}
422 
 
423 
.gosf-products {
424 
	width : 100%;
425 
	height : 300px;
426 
	margin-top: 30px;
427 
}
428 
 
429 
.gosf-product-box{
430 
	min-height: 256px;
431 
	height: 157px;
432 
	padding-left: 10px;
433 
	padding-right: 10px;
434 
}
435 
 
436 
.gosf-product-image {
437 
	border-left-width: 5px;
438 
	padding-right: 4px;
439 
}
440 
 
441 
 
442 
.gosf-product-title{
443 
	font-weight: bold;
444 
	color: black;
445 
}
446 
 
447 
.gosf-product-description{
448 
	font-family: "Lucida Grande","Arial Unicode MS",sans-serif;
449 
	text-align : ceneter;
450 
}
451 
 
452 
.gosf-final-text{
453 
	font-size: 22px;
454 
	font-family : myriad-pro-thin;
455 
	padding-bottom :20px;
456 
	padding-top: 10px;
457 
	text-align : center;
458 
	letter-spacing :3px;
459 
}
460 
 
461 
#msg{
462 
	position: fixed;
463 
	top: 40%;
464 
	border: 1px solid #2978C1;
465 
	font-size: 18px;
466 
	box-shadow: #2978C1 0 0 30px 1px;
467 
	background-color: white;
468 
	color: #666;
469 
	display: none;
470 
	line-height:25px;
471 
	margin-left:320px;
472 
	padding:10px;
473 
	z-index:99;
474 
}