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

Subversion Repositories SmartDukaan

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