WebSVN – SmartDukaan – Diff – /trunk/Website/src/main/webapp/css/product.css



/*___ ActionBar ___*/
#actionBar .left{background:url(../images/product-sprite.png) no-repeat 0 -78px;}
#actionBar .right{background:url(../images/product-sprite.png) no-repeat top right 0 -156px;}
#actionBar .center{
	margin:0 10px;
	height:24px;
	background:url(../images/actionbar-hor-bar.jpg) repeat-x;
	padding-top:4px;   /* add by ebizon */

 
/*___ slideGuide ___*/
#slideGuide{margin-bottom:4px;}
 
/*___ slideGuideContent ___*/
#slideGuideContent .top .left{background:url(../images/product-sprite.png) no-repeat 0 -904px;}
#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}
#slideGuideContent .top .center{
	margin:0 10px 0 155px;
	height:13px;
	background:url(../images/slideguide-content-top-center.jpg) repeat-x;

	background:#fff;
	border-right:1px solid #ccc;
}
#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}
 
#slideGuideContent .bottom .left{background:url(../images/product-sprite.png) no-repeat 0 -733px}
#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}
#slideGuideContent .bottom .center{
	margin:0 10px 0 155px;
	height:4px;
	background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;

#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{
	color:#fff !important;
	text-decoration:none;
	background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px !important; 	
}
 
/*
#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
*/

	margin-top:5px;
	padding-left:18px;
	color:#333;
	font-size:13px;
	line-height:14px;
	background:url(../images/product-sprite.png) no-repeat 8px -228px;
}
 
#slideGuideContent div.desc li.subFeature{
	margin-top:6px;
	padding-left:18px;
	color:#333;
	font-size:13px;
	font-weight:bold;
	background:url(../images/product-sprite.png) no-repeat 8px -225px;
}
 
#slideGuideContent div.desc li.subsubFeature{
	margin-top:6px;
	padding-left:36px;
	color:#333;
	font-size:12px;
	font-weight:bold;
	background:url(../images/product-sprite.png) no-repeat 26px -225px;
}
 
#slideGuideContent div.desc li.subFeatureValue{
	margin-left:18px;
	padding-left:17px;
	color:#666;
	font-size:12px;
	line-height:17px;
	background:url(../images/product-sprite.png) no-repeat 8px -343px;
}
 
#slideGuideContent div.desc li.subsubFeatureValue{
	margin-left:36px;
	padding-left:17px;
	color:#666;
	font-size:12px;
	line-height:17px;
	background:url(../images/product-sprite.png) no-repeat 8px -343px;
}
 
#slideGuideContent div.desc li.mainPunchline{
	line-height:18px;
	margin-bottom:15px;
	padding-left:10px;
	color:#333;
	font-weight:bold;
	font-size:13px;
	background:url(../images/product-sprite.png) no-repeat 0px -398px;;
}
 
#slideGuideContent div.desc li.mainFeaturePunchline{
	padding-left:18px;
	color:#333;
	font-size:13px;
	background:url(../images/product-sprite.png) no-repeat 8px -396px;
}
 
#slideGuideContent div.desc li.subFeaturePunchline{
	margin-left:18px;
	padding-left:18px;
	color:#666;
	font-size:12px;
	background:url(../images/product-sprite.png) no-repeat 8px -396px;
}
 
#slideGuideContent div.desc li.subsubFeaturePunchline{
	margin-left:18px;
	padding-left:36px;
	color:#666;
	font-size:12px;
	background:url(../images/product-sprite.png) no-repeat 26px -396px;
}
 
#slideGuideContent div.desc li.spacing{margin-top:35px;}
#slideGuideContent div.desc li.subspacing{margin-top:6px;}
 

	display:block;
	padding:9px 0 9px 17px;
	color:#666666;
	text-decoration:none;
	line-height:18px;
	background:url(../images/product-sprite.png) no-repeat 133px -1105px;
}
#slideGuideNav a:hover{
	color:#fff;
	text-decoration:none;
	background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px; 	
}
 
/*___ slideGuideProduct ___*/
#slideGuideProduct{
	float:left;

Rev 1227	Rev 1413
Line 1...	Line 1...
1	`/___ ActionBar ___/`	1	`/___ ActionBar ___/`
2	`#actionBar .left{background:url(../images/actionbar-left.jpg) no-repeat;}`	2	`#actionBar .left{background:url(../images/product-sprite.png) no-repeat 0 -78px;}`
3	`#actionBar .right{background:url(../images/actionbar-right.jpg) no-repeat top right;}`	3	`#actionBar .right{background:url(../images/product-sprite.png) no-repeat top right 0 -156px;}`
4	`#actionBar .center{`	4	`#actionBar .center{`
5	`margin:0 10px;`	5	`margin:0 10px;`
6	`height:24px;`	6	`height:24px;`
7	`background:url(../images/actionbar-hor-bar.jpg) repeat-x;`	7	`background:url(../images/actionbar-hor-bar.jpg) repeat-x;`
8	`padding-top:4px; /* add by ebizon */`	8	`padding-top:4px; /* add by ebizon */`
Line 79...	Line 79...
79		79
80	`/___ slideGuide ___/`	80	`/___ slideGuide ___/`
81	`#slideGuide{margin-bottom:4px;}`	81	`#slideGuide{margin-bottom:4px;}`
82		82
83	`/___ slideGuideContent ___/`	83	`/___ slideGuideContent ___/`
84	`#slideGuideContent .top .left{background:url(../images/slideguide-content-top-left.jpg) no-repeat;}`	84	`#slideGuideContent .top .left{background:url(../images/product-sprite.png) no-repeat 0 -904px;}`
85	`#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}`	85	`#slideGuideContent .top .right{background:url(../images/slideguide-content-top-right.jpg) no-repeat top right;}`
86	`#slideGuideContent .top .center{`	86	`#slideGuideContent .top .center{`
87	`margin:0 10px 0 155px;`	87	`margin:0 10px 0 155px;`
88	`height:13px;`	88	`height:13px;`
89	`background:url(../images/slideguide-content-top-center.jpg) repeat-x;`	89	`background:url(../images/slideguide-content-top-center.jpg) repeat-x;`
Line 93...	Line 93...
93	`background:#fff;`	93	`background:#fff;`
94	`border-right:1px solid #ccc;`	94	`border-right:1px solid #ccc;`
95	`}`	95	`}`
96	`#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}`	96	`#slideGuideContent .middle .left{background:url(../images/slideguide-nav-ver-bar.jpg) repeat-y;}`
97		97
98	`#slideGuideContent .bottom .left{background:url(../images/slideguide-content-bottom-left.jpg) no-repeat;}`	98	`#slideGuideContent .bottom .left{background:url(../images/product-sprite.png) no-repeat 0 -733px}`
99	`#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}`	99	`#slideGuideContent .bottom .right{background:url(../images/slideguide-content-bottom-right.jpg) no-repeat top right;}`
100	`#slideGuideContent .bottom .center{`	100	`#slideGuideContent .bottom .center{`
101	`margin:0 10px 0 155px;`	101	`margin:0 10px 0 155px;`
102	`height:4px;`	102	`height:4px;`
103	`background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;`	103	`background:url(../images/slideguide-content-bottom-center.jpg) repeat-x;`
Line 161...	Line 161...
161	`#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */`	161	`#slideGuideContent .ui-tabs { zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */`
162	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,`	162	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected,`
163	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{`	163	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-state-active a.vt{`
164	`color:#fff !important;`	164	`color:#fff !important;`
165	`text-decoration:none;`	165	`text-decoration:none;`
166	`background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px !important;`	166	`background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px !important;`
167	`}`	167	`}`
168		168
169	`/*`	169	`/*`
170	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }`	170	`#slideGuideContent .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }`
171	`*/`	171	`*/`
Line 242...	Line 242...
242	`margin-top:5px;`	242	`margin-top:5px;`
243	`padding-left:18px;`	243	`padding-left:18px;`
244	`color:#333;`	244	`color:#333;`
245	`font-size:13px;`	245	`font-size:13px;`
246	`line-height:14px;`	246	`line-height:14px;`
247	`background:url(../images/black-bullet.gif) no-repeat 8px 6px;`	247	`background:url(../images/product-sprite.png) no-repeat 8px -228px;`
248	`}`	248	`}`
249		249
250	`#slideGuideContent div.desc li.subFeature{`	250	`#slideGuideContent div.desc li.subFeature{`
251	`margin-top:6px;`	251	`margin-top:6px;`
252	`padding-left:18px;`	252	`padding-left:18px;`
253	`color:#333;`	253	`color:#333;`
254	`font-size:13px;`	254	`font-size:13px;`
255	`font-weight:bold;`	255	`font-weight:bold;`
256	`background:url(../images/black-bullet.gif) no-repeat 8px 9px;`	256	`background:url(../images/product-sprite.png) no-repeat 8px -225px;`
257	`}`	257	`}`
258		258
259	`#slideGuideContent div.desc li.subsubFeature{`	259	`#slideGuideContent div.desc li.subsubFeature{`
260	`margin-top:6px;`	260	`margin-top:6px;`
261	`padding-left:36px;`	261	`padding-left:36px;`
262	`color:#333;`	262	`color:#333;`
263	`font-size:12px;`	263	`font-size:12px;`
264	`font-weight:bold;`	264	`font-weight:bold;`
265	`background:url(../images/black-bullet.gif) no-repeat 26px 9px;`	265	`background:url(../images/product-sprite.png) no-repeat 26px -225px;`
266	`}`	266	`}`
267		267
268	`#slideGuideContent div.desc li.subFeatureValue{`	268	`#slideGuideContent div.desc li.subFeatureValue{`
269	`margin-left:18px;`	269	`margin-left:18px;`
270	`padding-left:17px;`	270	`padding-left:17px;`
271	`color:#666;`	271	`color:#666;`
272	`font-size:12px;`	272	`font-size:12px;`
273	`line-height:17px;`	273	`line-height:17px;`
274	`background:url(../images/grey-bullet.gif) no-repeat 8px 8px;`	274	`background:url(../images/product-sprite.png) no-repeat 8px -343px;`
275	`}`	275	`}`
276		276
277	`#slideGuideContent div.desc li.subsubFeatureValue{`	277	`#slideGuideContent div.desc li.subsubFeatureValue{`
278	`margin-left:36px;`	278	`margin-left:36px;`
279	`padding-left:17px;`	279	`padding-left:17px;`
280	`color:#666;`	280	`color:#666;`
281	`font-size:12px;`	281	`font-size:12px;`
282	`line-height:17px;`	282	`line-height:17px;`
283	`background:url(../images/grey-bullet.gif) no-repeat 8px 8px;`	283	`background:url(../images/product-sprite.png) no-repeat 8px -343px;`
284	`}`	284	`}`
285		285
286	`#slideGuideContent div.desc li.mainPunchline{`	286	`#slideGuideContent div.desc li.mainPunchline{`
287	`line-height:18px;`	287	`line-height:18px;`
288	`margin-bottom:15px;`	288	`margin-bottom:15px;`
289	`padding-left:10px;`	289	`padding-left:10px;`
290	`color:#333;`	290	`color:#333;`
291	`font-weight:bold;`	291	`font-weight:bold;`
292	`font-size:13px;`	292	`font-size:13px;`
293	`background:url(../images/mehron-square-bullet.gif) no-repeat 0px 7px;`	293	`background:url(../images/product-sprite.png) no-repeat 0px -398px;;`
294	`}`	294	`}`
295		295
296	`#slideGuideContent div.desc li.mainFeaturePunchline{`	296	`#slideGuideContent div.desc li.mainFeaturePunchline{`
297	`padding-left:18px;`	297	`padding-left:18px;`
298	`color:#333;`	298	`color:#333;`
299	`font-size:13px;`	299	`font-size:13px;`
300	`background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;`	300	`background:url(../images/product-sprite.png) no-repeat 8px -396px;`
301	`}`	301	`}`
302		302
303	`#slideGuideContent div.desc li.subFeaturePunchline{`	303	`#slideGuideContent div.desc li.subFeaturePunchline{`
304	`margin-left:18px;`	304	`margin-left:18px;`
305	`padding-left:18px;`	305	`padding-left:18px;`
306	`color:#666;`	306	`color:#666;`
307	`font-size:12px;`	307	`font-size:12px;`
308	`background:url(../images/mehron-square-bullet.gif) no-repeat 8px 9px;`	308	`background:url(../images/product-sprite.png) no-repeat 8px -396px;`
309	`}`	309	`}`
310		310
311	`#slideGuideContent div.desc li.subsubFeaturePunchline{`	311	`#slideGuideContent div.desc li.subsubFeaturePunchline{`
312	`margin-left:18px;`	312	`margin-left:18px;`
313	`padding-left:36px;`	313	`padding-left:36px;`
314	`color:#666;`	314	`color:#666;`
315	`font-size:12px;`	315	`font-size:12px;`
316	`background:url(../images/mehron-square-bullet.gif) no-repeat 26px 9px;`	316	`background:url(../images/product-sprite.png) no-repeat 26px -396px;`
317	`}`	317	`}`
318		318
319	`#slideGuideContent div.desc li.spacing{margin-top:35px;}`	319	`#slideGuideContent div.desc li.spacing{margin-top:35px;}`
320	`#slideGuideContent div.desc li.subspacing{margin-top:6px;}`	320	`#slideGuideContent div.desc li.subspacing{margin-top:6px;}`
321		321
Line 399...	Line 399...
399	`display:block;`	399	`display:block;`
400	`padding:9px 0 9px 17px;`	400	`padding:9px 0 9px 17px;`
401	`color:#666666;`	401	`color:#666666;`
402	`text-decoration:none;`	402	`text-decoration:none;`
403	`line-height:18px;`	403	`line-height:18px;`
404	`background:url(../images/slideguide-nav-arrow.jpg) no-repeat 133px -75px;`	404	`background:url(../images/product-sprite.png) no-repeat 133px -1105px;`
405	`}`	405	`}`
406	`#slideGuideNav a:hover{`	406	`#slideGuideNav a:hover{`
407	`color:#fff;`	407	`color:#fff;`
408	`text-decoration:none;`	408	`text-decoration:none;`
409	`background:#848484 url(../images/slideguide-nav-arrow.jpg) no-repeat 133px 12px;`	409	`background:#848484 url(../images/product-sprite.png) no-repeat 133px -1018px;`
410	`}`	410	`}`
411		411
412	`/___ slideGuideProduct ___/`	412	`/___ slideGuideProduct ___/`
413	`#slideGuideProduct{`	413	`#slideGuideProduct{`
414	`float:left;`	414	`float:left;`

Subversion Repositories SmartDukaan

(root)/trunk/Website/src/main/webapp/css/product.css – Rev 1227 → 1413