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

Subversion Repositories SmartDukaan

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