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

Subversion Repositories SmartDukaan

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