WebSVN – SmartDukaan – Blame – //trunk/MobileSite/assets/css/shipping.less

Rev	Author	Line No.	Line
10582	lgm	1	`@import "common.less";`
		2
		3	`.shipping-head{`
		4	`border-top:@list-color1 solid 1px;`
		5	`position:relative;`
		6	`.boxsize;`
		7	`width:100%;`
		8	`border: #FFF solid 1px;`
		9	`border-left: none;`
		10	`border-right: none;`
		11	`.shipping, .payment{`
		12	`.float(left);`
		13	`width:50%;`
		14	`padding:10px 0;`
		15	`.font(1.6em);`
		16	`font-weight:bold;`
		17	`color:@white;`
		18	`text-align:center;`
		19	`.boxsize;`
		20	`text-transform:uppercase;`
		21	`height:45px;`
		22	`line-height:28px;`
		23	`position: relative;`
		24	`background:@ltblue;`
		25	`}`
		26	`.payment{`
		27	`.float(right)!important;`
		28	`color:@white;`
		29	`background:lighten(@grey,20%);`
		30	`padding-left: 7%;`
		31	`}`
		32
		33	`.shipping:after`
		34	`{`
		35	`content: "";`
		36	`position: absolute;`
		37	`top: 0px;`
		38	`right: -22px;`
		39	`border-style: solid;`
		40	`border-width: 22px 0 22px 22px;`
		41	`border-color: transparent @ltblue;`
		42	`display: block;`
		43	`width: 0;`
		44	`z-index: 1;`
		45	`}`
		46
		47	`.payment:before`
		48	`{`
		49	`content: "";`
		50	`position: absolute;`
		51	`top: -3px;`
		52	`left: 0;`
		53	`border-style: solid;`
		54	`border-width: 25px 0 25px 25px;`
		55	`border-color: rgba(0, 0, 0, 0) #FFF;`
		56	`display: block;`
		57	`width: 0;`
		58	`z-index: 0;`
		59	`}`
		60	`}`
		61
		62	`select{`
		63	`width:100%;`
		64	`appearance:none;`
		65	`-webkit-appearance:none;`
		66	`border:@list-color1 solid 1px;`
		67	`color:@grey;`
		68	`border-radius:0;`
		69	`outline:none;`
		70	`padding:10px;`
		71	`display:block;`
		72	`.boxsize;`
		73	`.font(1.4em);`
		74	`margin:2px 0 8px 0;`
11527	lgm	75	`background:url('../images/dropdown.PNG')no-repeat 99% 16px,@white;`
10582	lgm	76	`background-size:20px,100%;`
		77	`}`
		78
		79	`.shipping-cont{`
		80	`padding:10px 5px;`
		81	`background:@list-color2;`
		82	`form{`
		83	`fieldset{border:none;}`
		84	`padding:5px 0;`
		85	`}`
		86	`label{`
		87	`font-weight:bold;`
		88	`display:block;`
		89	`.font(1.4em);`
		90	`color:@grey;`
11119	lgm	91	`margin-top:5px;`
10582	lgm	92	`span{`
		93	`color:red;`
		94	`}`
		95	`}`
		96	`input[type="submit"]{`
		97	`.float(left);`
		98	`width:100%;`
		99	`margin:10px 0;`
		100	`background:@orange;`
		101	`color:@white;`
		102	`.font(1.8em);`
		103	`text-align:center;`
		104	`padding:8px 0;`
		105	`text-transform:uppercase;`
		106	`appearance: none;`
		107	`-webkit-appearance: none;`
11249	lgm	108	`-moz-appearance: none;`
10582	lgm	109	`border:none;`
		110	`}`
		111
		112	`.deliver-info{`
		113	`border:lighten(@grey,45%) solid 1px;`
		114	`>div:nth-of-type(1){`
		115	`.float(left);`
		116	`width:50%;`
		117	`.boxsize;`
		118	`.font(1.4em);`
		119	`background:@grey;`
		120	`padding:10px 0;`
		121	`color:@white;`
		122	`text-align:center;`
		123	`}`
		124	`>div:nth-of-type(2){`
		125	`.float(left);`
		126	`width:50%;`
		127	`.boxsize;`
		128	`.font(1.4em);`
		129	`color:@white;`
		130	`background:@grey;`
		131	`padding:10px 0;`
		132	`text-align:center;`
		133	`}`
		134	`.selected{`
		135	`background:@white!important;`
		136	`color:@ltblue!important;`
		137	`font-weight:bold!important;`
		138	`}`
		139
		140	`.deliver-here, .pickup{`
		141	`background:@white;`
		142	`padding:5px;`
		143	`}`
		144	`.deliver-address,.pickup-spot{`
		145	`padding:5px;`
		146	`.font(1.2em);`
		147	`color:@grey;`
		148	`border-bottom:lighten(@grey,45%) solid 1px;`
		149	`position:relative;`
		150	`.cancel-btn{`
		151	`position:absolute;`
11125	lgm	152	`bottom:4px;`
		153	`right:0;`
		154	`width:48px;`
		155	`//height:20px;`
		156	`//background:url('../images/cancel.png')no-repeat center center;`
10582	lgm	157	`background-size:contain;`
11125	lgm	158	`text-decoration: underline;`
		159	`color: red;`
10582	lgm	160	`}`
		161	`}`
		162	`.add-address{`
		163	`padding-top:10px;`
		164	`.font(1.2em);`
		165	`color:@grey;`
		166	`text-align:right;`
		167	`text-decoration: underline;`
		168	`text-decoration-color: lighten(@grey,45%);`
		169	`}`
		170	`.selected-add{`
		171	`border: dashed 1px #c8c8c8;`
		172	`background:url('../images/check-sh.png')no-repeat 99% 4px;`
		173	`background-size:20px;`
		174	`.cancel-btn{`
		175	`display:none;`
		176	`}`
		177	`}`
		178	`}`
		179	`.summary-head{`
		180	`margin-top:10px;`
		181	`background:@white;`
		182	`padding:10px 6px;`
		183	`.font(1.4em);`
		184	`font-weight:bold;`
		185	`color:@grey;`
		186	`border:lighten(@grey,45%) solid 1px;`
		187	`text-transform:capitalize;`
		188	`>span{`
		189	`.float(right);`
		190	`}`
		191	`}`
		192
		193	`.order-summary{`
		194	`border:lighten(@grey,45%) solid 1px;`
		195	`border-top:none;`
		196	`background:@white;`
		197	`.os-head,.pd-summ{`
		198	`border-bottom:lighten(@grey,45%) solid 1px;`
		199	`}`
		200	`.os-head > div{`
		201	`font-weight:bold;`
		202	`.font(1.4em);`
		203	`text-transform:capitalize;`
		204	`}`
		205	`.os-head >div:nth-of-type(1),.pd-summ>div:nth-of-type(1){`
		206	`.float(left);`
		207	`width:45%;`
		208	`.boxsize;`
		209	`border-right:lighten(@grey,45%) solid 1px;`
		210	`.boxsize;`
		211	`padding:5px 3px;`
		212	`}`
		213	`.os-head > div:nth-of-type(2),.pd-summ>div:nth-of-type(2){`
		214	`.float(left);`
		215	`width:30%;`
		216	`.boxsize;`
		217	`padding:5px 3px;`
		218	`text-align:center;`
		219	`text-overflow: ellipsis;`
		220	`overflow: hidden;`
		221	`white-space: nowrap;`
		222	`}`
		223	`.os-head > div:nth-of-type(3),.pd-summ>div:nth-of-type(3){`
		224	`.float(left);`
		225	`width:25%;`
		226	`.boxsize;`
		227	`padding:5px 3px;`
		228	`text-align:center;`
		229	`border-left:lighten(@grey,45%) solid 1px;`
		230	`}`
		231	`.pd-summ>div>div{`
		232	`.font(1.4em);`
		233	`border:none!important;`
		234	`text-transform:capitalize;`
		235	`text-overflow: ellipsis;`
		236	`overflow: hidden;`
		237	`white-space: nowrap;`
		238	`}`
		239	`.pd-summ>div>span{`
		240	`color:lighten(@grey,20%);`
		241	`}`
		242	`.pd-summ>div:nth-of-type(2){`
		243	`.font(1.4em);`
		244	`}`
		245	`.add-ons{`
		246	`>div:nth-of-type(1){`
		247	`.float(left);`
		248	`.font(1.4em);`
		249	`width:75%;`
		250	`padding:5px 3px;`
		251	`.boxsize;`
		252	`text-transform:capitalize;`
		253	`}`
		254	`>div:nth-of-type(2){`
		255	`.float(left);`
		256	`.font(1.4em);`
		257	`width:25%;`
		258	`padding:5px 3px;`
		259	`text-align:center;`
		260	`.boxsize;`
		261	`text-transform:capitalize;`
		262	`}`
		263	`}`
		264
		265	`}`
		266
		267	`}`
		268	`.gd-total{`
		269	`border:lighten(@grey,45%) solid 1px;`
10813	lgm	270	`border-bottom:none;`
10582	lgm	271	`background:@white;`
		272	`margin-top:10px;`
		273	`color:@grey;`
10813	lgm	274	`>div:nth-of-type(odd){`
10582	lgm	275	`.float(left);`
		276	`width:60%;`
		277	`.font(1.6em);`
		278	`.boxsize;`
		279	`padding:10px 5px;`
		280	`border-right:lighten(@grey,45%) solid 1px;`
10813	lgm	281	`border-bottom:lighten(@grey,45%) solid 1px;`
10582	lgm	282	`}`
10813	lgm	283	`>div:nth-of-type(even){`
10582	lgm	284	`.float(left);`
		285	`width:40%;`
		286	`.font(1.6em);`
		287	`.boxsize;`
		288	`padding:10px 5px;`
		289	`text-align:center;`
10813	lgm	290	`border-bottom:lighten(@grey,45%) solid 1px;`
10582	lgm	291	`}`
		292	`}`
		293
		294	`.procced-btn{`
		295	`display:block;`
		296	`width:100%;`
		297	`margin:10px 0;`
		298	`background:@orange;`
		299	`color:@white;`
		300	`.font(1.8em);`
		301	`text-align:center;`
		302	`padding:8px 0;`
		303	`text-transform:uppercase;`
		304	`appearance: none;`
		305	`-webkit-appearance: none;`
10660	lgm	306	`border:none;`
10582	lgm	307	`}`
		308
		309	`input[type="text"], input[type="number"] , input[type="date"]{`
		310	`width: 100%;`
		311	`appearance: none;`
		312	`-webkit-appearance: none;`
11249	lgm	313	`-moz-appearance: none;`
10582	lgm	314	`border: #E5E6E0 solid 1px;`
		315	`color: #555;`
		316	`border-radius: 0;`
		317	`outline: none;`
		318	`padding: 10px;`
		319	`display: block;`
		320	`box-sizing: border-box;`
		321	`-webkit-box-sizing: border-box;`
		322	`-moz-box-sizing: border-box;`
		323	`font: normal 1.4em/1.2em Helvetica, Arial, sans-serif;`
		324	`margin: 2px 0 8px 0;`
		325	`}`
11927	anikendra	326	`.gd-discount{`
		327	`color:#FF7201 !important;`
		328	`}`
10582	lgm	329	`/----------------------error-msg---------------------------/`
		330
		331	`.error_msg{`
		332	`padding:5px 5px 5px 28px;`
		333	`display:block;`
		334	`border:#fc1f1f dashed 1px;`
		335	`color:#fc1f1f;`
		336	`.font(1.4em);`
		337	`margin:0 5px;`
		338	`background:url(../images/error-notification.png)no-repeat 5px center;`
		339	`background-size:20px;`
10813	lgm	340	`margin-bottom: 10px;`
10582	lgm	341	`}`
		342
		343	`/-----------------------payment-hldr-------------------------------/`
		344	`.payment-cont{`
		345	`.shipping-head{`
		346	`border-top:@list-color1 solid 1px;`
		347	`position:relative;`
		348	`.boxsize;`
		349	`width:100%;`
		350	`border: #FFF solid 1px;`
		351	`border-left: none;`
		352	`border-right: none;`
		353	`.shipping, .payment{`
		354	`.float(left);`
		355	`width:50%;`
		356	`padding:10px 0;`
		357	`.font(1.6em);`
		358	`font-weight:bold;`
		359	`color:@white;`
		360	`text-align:center;`
		361	`.boxsize;`
		362	`text-transform:uppercase;`
		363	`height:45px;`
		364	`line-height:28px;`
		365	`position: relative;`
		366	`background:@ltblue;`
		367	`background:lighten(@grey,20%);`
		368	`color:@white;`
		369	`}`
		370	`.payment{`
		371	`.float(right)!important;`
		372	`color:@white;`
		373	`background:lighten(@grey,20%);`
		374	`padding-left: 7%;`
		375	`}`
		376	`.selected{`
		377	`color:@white!important;`
		378	`background:@ltblue!important;`
		379	`}`
		380
		381	`.shipping:after`
		382	`{`
		383	`content: "";`
		384	`position: absolute;`
		385	`top: 0px;`
		386	`right: -22px;`
		387	`border-style: solid;`
		388	`border-width: 22px 0 22px 22px;`
		389	`//border-color: transparent @ltblue;`
		390	`border-color: transparent lighten(@grey,20%);`
		391	`display: block;`
		392	`width: 0;`
		393	`z-index: 1;`
		394	`}`
		395
		396	`.payment:before`
		397	`{`
		398	`content: "";`
		399	`position: absolute;`
		400	`top: -3px;`
		401	`left: 0;`
		402	`border-style: solid;`
		403	`border-width: 25px 0 25px 25px;`
		404	`border-color: rgba(0, 0, 0, 0) #FFF;`
		405	`display: block;`
		406	`width: 0;`
		407	`z-index: 0;`
		408	`}`
		409
		410	`}`
		411
		412	`.payment-hldr{`
		413	`background:@list-color2;`
		414	`padding:5px 5px 10px;`
		415	`.hldr-sub{`
		416	`margin-top:10px;`
		417	`background:@white;`
		418	`border:lighten(@grey,45%) solid 1px;`
		419	`>div:nth-of-type(1){`
		420	`color:@ltblue;`
		421	`font-weight:bold;`
		422	`}`
		423	`form fieldset{`
		424	`border:none;`
		425	`}`
		426
		427	`.cc-hldr{`
		428	`border:lighten(@grey,45%) solid 1px;`
		429	`border-bottom:none;`
		430	`width: 100%;`
		431	`.boxsize;`
		432	`div{`
		433	`.float(left);`
		434	`width: 50%;`
		435	`box-sizing: border-box;`
		436	`-webkit-box-sizing: border-box;`
		437	`-moz-box-sizing: border-box;`
		438	`.font(1.4em);`
		439	`color: @white;`
		440	`background: @grey;`
		441	`padding: 10px 0;`
		442	`text-align: center;`
		443	`}`
		444	`.selected{`
		445	`background: @white!important;`
		446	`color: @ltblue!important;`
		447	`font-weight:bold;`
		448	`}`
		449	`}`
		450
		451	`> .card{`
		452	`color:@grey;`
		453	`padding:7px 5px;`
		454	`.font(1.6em);`
		455	`border-top:lighten(@grey,45%) solid 1px;`
		456	`>span{`
		457	`.float(right);`
		458	`}`
		459	`}`
		460	`> .card:first-child{`
		461	`border-top:none;`
		462	`}`
		463	`}`
		464	`.credit-cards{`
		465	`padding:0 5px 5px 5px;`
		466	`.in-india, .out-india{`
		467	`width:100%;`
		468	`padding:20px 0 10px;`
		469	`border:lighten(@grey,45%) solid 1px;`
		470	`border-top:none;`
		471	`.boxsize;`
		472	`p{`
		473	`text-align:center;`
		474	`.font(1.2em);`
		475	`margin:10px 0 0 0;`
		476	`color:@grey;`
		477	`.float(left);`
		478	`width:100%;`
		479	`}`
		480	`}`
		481	`}`
		482
		483	`.info-hldr{`
		484	`form fieldset{`
		485	`border:none;`
		486	`}`
		487	`padding:0 5px 5px 5px;`
		488	`.info-cap{`
		489	`color:@grey;`
		490	`.font(1.2em);`
		491	`}`
		492	`.emi-hldr{`
		493	`border:lighten(@grey,45%) solid 1px;`
		494	`border-bottom:none;`
		495	`.emi-head{`
		496	`border-bottom:lighten(@grey,45%) solid 1px;`
		497	`.font(1.2em);`
		498	`font-weight:bold;`
		499	`background:@list-color1;`
		500	`>div{`
		501	`.float(left);`
		502	`width:33.3%;`
		503	`color:@grey;`
		504	`text-align:center;`
		505	`padding:7px 2px;`
		506	`.boxsize;`
		507	`}`
		508	`}`
		509	`.emi-body{`
		510	`border-bottom:lighten(@grey,45%) solid 1px;`
		511	`.font(1.2em);`
		512	`color:@grey;`
		513	`>div{`
		514	`.float(left);`
		515	`width:33.3%;`
		516	`text-align:center;`
		517	`padding:7px 2px;`
		518	`.boxsize;`
		519	`}`
		520	`}`
		521	`.emi-body.selected{`
		522	`background:lighten(@green, 10%);`
		523	`color:@white!important;`
		524	`box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.2);`
		525	`}`
		526	`}`
		527	`}`
		528
		529
		530	`.c-box{`
		531	`padding:0 5px;`
		532	`div{`
		533	`float:left;`
		534	`width:30%;`
		535	`.boxsize;`
		536	`text-align:center;`
		537	`padding:2px;`
		538	`border:@white solid 2px;`
10650	lgm	539	`//opacity: 0.6;`
10582	lgm	540	`img{`
11485	lgm	541	`width: 80%;`
		542	`height: 25px;`
		543	`max-width: 90px;`
10582	lgm	544	`}`
		545	`}`
		546	`div:nth-of-type(3n+2){`
		547	`margin:0 5%;`
		548	`}`
		549	`.selected{`
		550	`border:@ltblue solid 2px;`
		551	`opacity: 1;`
		552	`}`
		553	`p{`
		554	`clear:both;`
		555	`}`
		556	`}`
		557
		558
		559
		560	`.c-info{`
		561	`color:@grey;`
		562	`.font(1.4em);`
		563	`padding:0 0 20px;`
		564	`text-align:center;`
		565	`}`
		566	`.payment-btn{`
		567	`appearance:none;`
		568	`-webkit-appearance:none;`
		569	`border:none;`
		570	`width:100%;`
		571	`background:@orange;`
		572	`color:@white;`
		573	`.font(1.8em);`
		574	`padding:8px 0;`
		575	`margin:15px 0 10px;`
		576	`}`
		577
		578
		579	`}`
		580	`}`
		581
		582
		583	`/-----------------------------orderconfirmation page------------------------------------/`
		584
		585	`.order-conf{`
		586	`padding:10px 5px;`
		587	`background:@list-color2;`
		588	`>p:nth-of-type(1){`
		589	`color:@orange;`
		590	`.font(1.8em);`
		591	`font-weight:bold;`
		592	`text-align:center;`
		593	`}`
		594	`>p:nth-of-type(2){`
		595	`margin-top:5px;`
		596	`color:@grey;`
		597	`.font(1.6em);`
		598	`text-align:center;`
		599	`span{`
		600	`color:@orange;`
		601	`}`
		602	`}`
		603	`.ordered-item{`
		604	`background:@white;`
		605	`border:lighten(@grey,45%) solid 1px;`
		606	`padding:5px;`
		607	`margin-top:5px;`
		608	`>div:first-child{`
		609	`margin-top: 10px;`
		610	`.font(1.6em);`
		611	`color:@grey;`
		612	`span{`
		613	`font-weight:bold;`
		614	`}`
		615	`}`
		616	`.ordered-item-head{`
		617	`width:100%!important;`
		618	`margin-top:10px;`
		619	`padding:5px 0;`
		620	`background:@grey;`
		621	`.boxsize;`
		622	`> div{`
		623	`color:@white;`
		624	`}`
		625	`}`
		626	`.ordered-item-body{`
		627	`width:100%!important;`
		628	`}`
		629	`.ordered-item-head >div:nth-of-type(1), .ordered-item-body > div:nth-of-type(1){`
		630	`.font(1.2em);`
		631	`.float(left);`
		632	`width:45%;`
		633	`.boxsize;`
		634	`border-right:@white solid 1px;`
		635	`.boxsize;`
		636	`padding:5px 3px;`
		637	`}`
		638	`.ordered-item-head > div:nth-of-type(2), .ordered-item-body > div:nth-of-type(2){`
		639	`.font(1.2em);`
		640	`.float(left);`
		641	`width:30%;`
		642	`.boxsize;`
		643	`padding:5px 3px;`
		644	`text-align:center;`
		645	`text-overflow: ellipsis;`
		646	`overflow: hidden;`
		647	`white-space: nowrap;`
		648	`}`
		649	`.ordered-item-head > div:nth-of-type(3), .ordered-item-body > div:nth-of-type(3){`
		650	`.font(1.2em);`
		651	`.float(left);`
		652	`width:25%;`
		653	`.boxsize;`
		654	`padding:5px 3px;`
		655	`text-align:center;`
		656	`border-left:@white solid 1px;`
		657	`}`
		658
		659	`.tt-price, .ddate-div, .or-status{`
		660	`.font(1.4em);`
		661	`color:@grey;`
		662	`margin-top:3px;`
		663	`text-align:right;`
		664	`>span:first-child{`
		665	`display:inline-block;`
		666	`width:50%;`
		667	`}`
		668	`>span:last-child{`
		669	`display:inline-block;`
		670	`width:40%;`
		671	`}`
		672	`}`
		673
		674	`}`
		675	`}`
		676
		677	`.insured{`
		678	`background:url('../images/insured.png')no-repeat 100% center;`
		679	`background-size:55px;`
		680	`}`
		681
		682	`#clickCaptcha{`
		683	`margin:5px 0 10px;`
		684	`text-decoration:underline;`
		685	`}`
		686
		687
		688	`#ccAddress.update-address{`
		689	`border:lighten(@grey,45%) solid 1px;`
		690	`background:@white;`
		691	`padding:5px;`
		692	`margin-top:10px;`
		693	`h3{`
		694	`color:@grey;`
		695	`.font(1.6em);`
		696	`margin-bottom:5px;`
		697	`}`
		698	`}`
10633	lgm	699
		700	`.payment-error-hldr{`
		701	`padding:10px;`
		702	`.payment-error{`
		703	`text-align:center;`
		704	`.font(1.4em);`
		705	`color:@grey;`
		706	`margin-top:10%;`
		707	`}`
		708	`.btn{`
		709	`background:@orange;`
		710	`text-align:center;`
		711	`.font(1.4em);`
		712	`color:@white;`
		713	`padding:8px 0;`
		714	`margin:10px auto 30px;`
		715	`display:block;`
		716	`width:80%;`
		717
		718	`}`
11927	anikendra	719	`}`

Subversion Repositories SmartDukaan

(root)//trunk/MobileSite/assets/css/shipping.less – Rev 11927