199 Ad-hoc: Contact 44008792-0a0f-4ce3-9736-72c5e95ca186 true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="contact" Src="~/Pre-Owned/customasp/contactme.ascx" %> <!--<div id="mecontact"> --> <div id="layout2"> <My:contact runat="server" ID="Myaddcar" /> </div> <!-- </div> --> 0f203db1-68ee-4a40-9080-54886d57cb8e 44008792-0a0f-4ce3-9736-72c5e95ca186 2017-01-05T10:08:31.657+08:00 1 ascx @media screen and (max-device-width:480px) and (orientation : portrait) { #layout2{ width:480px !important; height:1500px !important; margin-left:-100px; !important; } .dark-matter{ width:480px !important; height:1360px !important; } .dark-matter label { clear:both !important; left:30px !important; font-size:10px !important; text-align:left !important; width:100px !important; margin-top: 11px !important; font-weight: bold !important; position:relative !important; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea { width: 200px !important; font-size:12px !important; margin-left:30px !important; } .dark-matter select { width: 200px !important; font-size:12px !important; margin-left:30px !important; } .dark-matter #positionbutton { clear:both !important; width:300px !important; margin-left:-430px !important; top:1090px !important; } .address img { left:-220px !important; top:1150px !important; } .address p { clear:both; width:300px !important; margin-left:125px !important; font-size:12px !important; } .icon-box{ display:hidden !important; } } /*@media screen and (max-device-height:768px) and (orientation : landscape) { #layout2{ margin-left:-400px; !important; } }*/ @media screen and (min-device-width:768px) and (orientation : portrait) { #layout2{ width:580px !important; height:1700px !important; margin-left:0 auto !important; } .dark-matter{ width:580px !important; height:1600px !important; } .dark-matter label { clear:both !important; left:120px !important; font-size:10px !important; text-align:left !important; width:100px !important; margin-top: 11px !important; font-weight: bold !important; position:relative !important; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea { width: 250px !important; font-size:12px !important; margin-left:120px !important; } .dark-matter select { width: 250px !important; font-size:12px !important; margin-left:120px !important; } .dark-matter #positionbutton { clear:both !important; width:300px !important; margin-left:-380px !important; top:1300px !important; } .address{ top:1350px !important; left:-250px !important; } .address img { margin-left:300px !important; } .address p { clear:both; width:500px !important; margin-left:350px !important; font-size:12px !important; } .icon-box{ top:1500px !important; left:100px !important; position:absolute !important; display:block !important; } } @media screen and (max-device-height:1024px) and (max-device-width:768px) and (orientation : landscape) { #layout2{ margin-left:-190px !important; } } @media screen and (max-width:1080px) and (min-width:1080px){ #layout2{ margin-left:150px !important; } } /* #mecontact { top:10px; left:45px; width: 100%; height: 1250px; position:relative; background: #7a7a7a; } */ #layout2{ top:55px; width:1280px; /*width:80%;*/ height:1600px; left:100px; /*background:#555;*/ position:relative; } /* #### Dark Matter #### */ .dark-matter { margin-left: auto; margin-right: auto; width: 800px; height: 1500px; background: #555; padding: 20px 30px 20px 30px; font-size: 15px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .dark-matter h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #444; margin: -10px -30px 30px -30px; } .dark-matter label { float:left; left:130px; margin: 0px 0px 5px; text-align:right; width: 20%; padding-right: 10px; margin-top: 11px; font-weight: bold; position:relative; font-size: 16px; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea { text-align: center; text-indent: 0.01px; text-overflow: ''; width: 295px; height: 25px; color: #525252; font-size:15px; line-height: 17px; float: left; margin-left:170px; } .dark-matter select { background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; text-align: center; width: 300px; height: 35px; color: #525252; line-height: 15px; float: left; margin-left:170px; } /*.dark-matter .textboxcss{ height:100px; padding: 5px 0px 0px 5px; width: 70%; float:left; }*/ .dark-matter .button { background: #DFDFDF; border: none; padding: 10px 25px 10px 25px; color: #525252; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .button:hover { color: white; cursor: pointer; } .dark-matter .pagenum { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: #525252; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .pagenum:hover { color: white; cursor: pointer; } .dark-matter .pagenum2 { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter #positionbutton { width:300px; margin-top:10px !important; left: 550px !important; position: absolute; } .icon-box { top:1400px; left:420px ; width: 100%; position:absolute; } .icon-box img { margin-bottom: 10px; } .icon-box ul { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; } .icon-box li { padding: 0px; float: left; margin-top: 0px; margin-right: 30px; margin-bottom: 0px; margin-left: 0px; width: 60px; text-align: center; color: #000; font-size: 12px; line-height: 14px; } .icon-box ul li a { color: #fff; text-decoration: none; } .icon-box ul li a:hover { color: #0097ff; text-decoration: none; } img.invert { -webkit-filter: invert(1); filter: invert(1); } .address{ top:1220px; position:absolute; } .address p { margin-top:20px; margin-left:390px; width:900px; text-align:left; } false 6157540e-3db8-4392-8180-77c4c501547c 201 Ad-hoc: cooper 730fa91b-76aa-428e-920e-21ce790b08eb true 73 <page></page> false \ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0, user-scalable=no" /> <link href="~/Pre-Owned/customasp/pika.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="~/Pre-Owned/customasp/responsiveslides.css"></script> <script src="~/Pre-Owned/customasp/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.pikachoose.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.touchwipe.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.bxslider.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/responsiveslides.min.js"></script> <script type="text/javascript"> $.noConflict(); (function ($) { //This functions first parameter is named $ $(window).load(function () { $("#thumbnailss").PikaChoose(); $(".loader").fadeOut("slow"); }); })(jQuery); jQuery(document).ready(function ($){ /* $('#announceme').bxSlider({ mode: 'fade', auto: true, responsive:false, autoControls: false, controls: false, pager: false, pause: 10000 }); $('#promos').bxSlider({ mode: 'fade', auto: true, autoControls: false, controls: true, pager: false, pause: 30000 }); */ $('#announceme').responsiveSlides(); }); </script> <div class="loader"></div> <!-- <div id="mrblack"> <div id="topbanner"> <img id="bannersize" src="~/Pre-Owned/media/banner1/mainbanner/anshinbannerfinal.jpg" /> </div> --> <div id="mrblack"> <div id="bannercooper"> <ul style="list-style: none;" id="announceme"> <li><img src="~/Pre-Owned/media/banner1/mainbanner/anshinbannerfinal.jpg" /></li> <li><img src="~/Pre-Owned/media/banner1/mainbanner/bannerpromo1.jpg" /></li> <li><img src="~/Pre-Owned/media/banner1/mainbanner/bannerpromo2.jpg" /></li> </ul> </div> <div id="overall"> <div id="mycontent"> <cms:CMSWebPartZone ZoneID="zoneContent" runat="server" /> <cms:CMSWebPartZone ZoneID="pageContent" runat="server" /> </div> </div> <!--?check=tnc ?check=about /TermsConditions.aspx --> <div id="mainfooter"> <div id="mainfootercontain"> <a href="http://mazda.com.my">TERMS & CONDITIONS</a> <span class="seperator">|</span> <a href="http://mazda.com.my/About-Mazda/Mazda-Career/Mazda-Career-1.aspx">CAREER</a> <span class="seperator">|</span> <a href="http://www.mazda.com.my">BERMAZ AUTO BERHAD <span style="font-size:7px;">(Formerly known as BERJAYA AUTO BERHAD)</span></a> <span class="seperator">|</span> <a href="http://www.mazda.com">MAZDA WORLDWIDE</a> <span class="seperator">|</span> <a href="http://www.mazda.com/en/innovation/technology/skyactiv/">SKYACTIV TECHNOLOGY</a> <span class="seperator">|</span> <a href="http://mazdaanshin.com.my/Contact.aspx">CONTACT</a> <span class="seperator">|</span> <span class="zoomzoom">ZOOM-ZOOM LINE : 1800-22-8080</span> <br/> <p class="copyright">© 2016 PRIMA MERDU SDN BHD (803486-M), ALL RIGHTS RESERVED.</p> <br /> <a href="https://instagram.com/mazdamalaysia/" id="instagram" title="Instagram link"><img width="35px" height="35px" src="~/Pre-Owned/media/banner1/intagramoff.png" onmouseover="this.src='~/Pre-Owned/media/banner1/intagram.png'" onmouseout="this.src='~/Pre-Owned/media/banner1/intagramoff.png'"/></a> <a href="https://www.facebook.com/mazdamy" id="facebook" title="Facebook link"><img width="35px" height="35px" src="~/Pre-Owned/media/banner1/facebookoff.png" onmouseover="this.src='~/Pre-Owned/media/banner1/facebook.png'" onmouseout="this.src='~/Pre-Owned/media/banner1/facebookoff.png'"/></a> <a href="https://www.youtube.com/user/mazdamalaysia/" id="youtube" title="Youtube link"><img width="35px" height="35px" src="~/Pre-Owned/media/banner1/youtubeoff.png" onmouseover="this.src='~/Pre-Owned/media/banner1/youtube.png'" onmouseout="this.src='~/Pre-Owned/media/banner1/youtubeoff.png'"/></a> </div> </div> </div> 5657f67d-d6ca-4881-8e78-62f922734f60 730fa91b-76aa-428e-920e-21ce790b08eb 2017-04-12T15:29:29.133+08:00 1 ascx @media screen and (max-width:1365px) { body{ overflow-x:scroll !important; } } @media screen and (max-device-width:1080px) { body{ overflow-x:hidden !important; } #mainfooter{ padding-left:5px !important;} } body{ font-family:"Interstate Mazda Regular",Helvetica; /*background-color:#343333 !important;*/ background-color:#111 !important; overflow-x:hidden; width:100vw !important; text-transform: uppercase; } /*aifa add march 2017 */ .bx-wrapper .bx-viewport { top:-35px; left:-35px; } #mrblack { width:100vw !important; background-color:black !important; position:relative; } #bannercooper {width:100vw !important; margin-left:-50px; margin-top:-20px;} #announceme img {width:100vw; height:100%;border:0;} /*end*/ /*edited by aifa 29/8/2016 */ #bannersize { width:100vw; margin-top:-10px; margin-left:-10px; } div.navBulletsWrapper {display:none;} .combine2 { bottom:30px; padding-left:405px; position:absolute; } #instagram { display:inline-block; } #youtube { display:inline-block; } #facebook { display:inline-block; } #overall { top:-15px; /*left:0px;*/ margin:0 auto; width:1366px; position:relative; } #social{ margin:0 auto; width:300px; position:relative; z-index:100; padding-left:30px; } #social a{ padding-left:10px; } /* #topmenu{ width:1000px; height:50px; //left:100px;// position:relative; margin:0 auto; } */ #topbanner { width:100%; position:relative; margin:0 auto; /*zoom:80%; -moz-transform: scale(0.8);*/ } #mycontent { width :1366px; /*width :100%; height: 850px;*/ margin:0 auto; } #ticker{ top:0px; width:1366px; height:30px; position:relative; } #mainfooter{width:100vw;height:170px;position:relative;background-color:black;} #mainfootercontain{width:1000px;margin:0 auto;padding-top:30px;z-index:500;} #mainfootercontain a{text-decoration:none;font-size:.7em;color:#c4c4c4; } #mainfootercontain a:hover{text-decoration:underline;color:#fff} #mainfootercontain span.zoomzoom{font-size:.7em;color:#c4c4c4} #mainfootercontain span.seperator{font-size:.7em;color:#c4c4c4;padding:1px 8px} #mainfootercontain p.copyright{font-size:.6em;color:#c4c4c4;margin-top:8px}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}.clearfix{display:block;zoom:1} .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('~/Pre-Owned/customasp/images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249); } @media screen and (max-width: 1024px) { #mainfootercontain{max-width:100vw;margin:0 auto;padding-top:30px;z-index:500; display:inline-block;} } body:after{ content: ""; display: table; clear: both; } false bd48f43d-422f-4796-aa87-4dc07987e62c 193 Ad-hoc: Edit f07a709d-a73f-4404-a5b0-ab462c070535 true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="editdata" Src="~/Pre-Owned/customasp/editdata.ascx" %> <div id="searchme"> <div id="layout2"> <My:editdata runat="server" ID="Myeditdata" /> </div> </div> eca32716-45a9-43fd-938b-c2e1733b7fdb f07a709d-a73f-4404-a5b0-ab462c070535 2016-11-25T10:43:22.16+08:00 1 ascx body { color: White; height:1500px; font-family:"Interstate Mazda Regular",Helvetica; width:1920px !important; left:-20px; top:-20px; position:absolute; overflow-x:scroll !important; } #searchme { top:20px; /*left:45px;*/ width: 1920px; height: 1500px; position:relative; /*background: #7a7a7a;*/ } .searchbox { /*margin-left:auto; margin-right:auto;*/ width: 950px; height: 205px; background:#7a7a7a; } #layout2{ top:45px; width: 1830px; height:1390px; margin-left:-100px; background: #555; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } .rm { font-size:15px; font-weight:bold; vertical-align:top; } .valuerm { font-size:25px; font-weight:bold; } .insideimg { margin-top:20px; } div.imgpos { /* border: 1px solid #a5a2a2; */ margin-top: 25px; height:155px; width: 190px; float:left; margin-left:25px; background:#555; margin-bottom:35px; } .price { position:absolute; top:10px; width: 350px; height: 50px; left:700px; } .location { position:absolute; top:60px; width: 350px; height: 50px; left:700px; font-size:20px; } .year { position:absolute; top:110px; width: 350px; height: 50px; left:700px; font-size:20px; } .view { position:absolute; top:110px; width: 350px; height: 80px; left:270px; font-size:20px; } .carname { position:absolute; left:270px; width: 350px; height: 80px; font-size:25px; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: table-cell;*/ /* display: inline-block; line-height:15px; vertical-align: middle;*/ } /* #### Dark Matter #### */ .dark-matter { margin-left: auto; margin-right: auto; width: 1700px; background: #555; padding: 20px 30px 20px 30px; font-size: 12px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .dark-matter h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #444; margin: -10px -30px 30px -30px; } .dark-matter h1>span { display: inline; font-size: 11px; } .dark-matter label { display: inline; margin: 0px 0px 5px; } .dark-matter label>span { display: inline; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; font-weight: bold; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select { border: none; cursor: pointer; color: #525252; height: 25px; line-height:15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 70%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: #DFDFDF; } .dark-matter select { background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; color: #525252; line-height: 25px; } .dark-matter textarea{ height:100px; padding: 5px 0px 0px 5px; width: 70%; } .dark-matter .button { background: #DFDFDF; border: none; padding: 10px 25px 10px 25px; color: #525252; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .button:hover { color: white; cursor: pointer; } .pagepage { left:35px; left:55px; } .maintable { top:250px; width: 1700px; left:50px; font-size:10px; } .maintable td{ height:50px; border: 2px solid grey; } .maintable td.columnname { background-color:#DFDFDF; color: #525252; } .pagenum { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: #525252; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .pagenum:hover { color: white; cursor: pointer; } .pagenum2 { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } #submitedit { top:50px; left:1600px; width:100px; position:absolute; } false ab629a64-a807-4589-bf0c-190fd3f71107 200 Ad-hoc: PROMO c07f08c8-2c08-4ff1-afaf-c1a285828834 true 73 <page></page> false \ <div id="promomain"> <ul id="promos"> <li><img src="~/Pre-Owned/customasp/promocooper/announcement/promotion1.jpg" /></li> <li><img src="~/Pre-Owned/customasp/promocooper/announcement/ann4.jpg" /></li> <li><img src="~/Pre-Owned/customasp/promocooper/announcement/ann5.jpg" /></li> <li><img src="~/Pre-Owned/customasp/promocooper/announcement/ann6.jpg" /></li> <li><img src="~/Pre-Owned/customasp/promocooper/announcement/ann7.jpg" /></li> </ul> </div> 14dd2b12-aea6-40a3-a4bf-7b5e78d21e80 c07f08c8-2c08-4ff1-afaf-c1a285828834 2017-03-24T18:45:37.907+08:00 1 html @media screen and (min-device-width:300px) and (max-device-width:590px) { #promomain { width:480px !important; margin-left:10px !important; margin-right:10px !important; position:relative; } #promomain ul img {width:375px !important;height:auto;border:0; position:relative;} .bx-prev { left:5vw; top:10%; position:absolute; z-index:100; } } @media screen and (min-device-width:600px) and (max-device-width:1080px) { #promomain { width:800px !important; margin-left:10px !important; margin-right:10px !important; position:relative; } #promomain ul img {width:650px !important;height:auto;border:0; position:relative;} .bx-prev { background:url('~/Pre-Owned/customasp/promocooper/announcement/smallleft.png') no-repeat center right; left:5vw; top:1% !important; position:absolute; z-index:100; } .bx-next { background:url('~/Pre-Owned/customasp/promocooper/announcement/smallright.png') no-repeat center right; right:10vw; top:1% !important; position:absolute; z-index:100; } } #promomain { width:80vw; margin-left:5%; margin-right:10%; position:relative; } #promomain ul img {width:50vw;height:auto;border:0; position:relative;} .bx-prev { background:url('~/Pre-Owned/customasp/promocooper/announcement/smallleft.png') no-repeat; left:5vw; top:10%; position:absolute; z-index:100; } .bx-next { background:url('~/Pre-Owned/customasp/promocooper/announcement/smallright.png') no-repeat; right:10vw; top:10%; position:absolute; z-index:100; } .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 50px; height: 50px; text-indent: -9999px; z-index: 9999; } false d49c5efd-d77f-4541-be89-4f93327d9667 194 Ad-hoc: registercar 9ed3f084-d339-4ff1-8581-0b10fbc8ffed true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="addcar" Src="~/Pre-Owned/customasp/addcar.ascx" %> <div id="searchme"> <div id="layout2"> <My:addcar runat="server" ID="Myaddcar" /> </div> </div> 0be14a8c-e57e-4666-a2f0-aa023f6061d5 9ed3f084-d339-4ff1-8581-0b10fbc8ffed 2016-09-22T12:15:44.6+08:00 1 ascx body { color: White; font-family:"Interstate Mazda Regular",Helvetica; width:1366px; margin: 0 auto; } #searchme { left:45px; width: 1366px; height: 1695px; position:relative; background: #7a7a7a; } #layout2{ top:55px; width: 1256px; height:1595px; left:55px; background:#555; position:absolute; } /* #### Dark Matter #### */ .dark-matter { margin-left: auto; margin-right: auto; width: 1000px; background: #555; padding: 20px 30px 20px 30px; font-size: 15px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .dark-matter h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #444; margin: -10px -30px 30px -30px; } .dark-matter label { float:left; left:130px; margin: 0px 0px 5px; text-align:right; width: 20%; padding-right: 10px; margin-top: 11px; font-weight: bold; position:relative; font-size: 16px; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea { text-align: center; text-indent: 0.01px; text-overflow: ''; width: 295px; height: 25px; color: #525252; font-size:15px; line-height: 17px; float: left; margin-left:170px; } .dark-matter select { background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; text-align: center; width: 300px; height: 35px; color: #525252; line-height: 15px; float: left; margin-left:170px; } /*.dark-matter .textboxcss{ height:100px; padding: 5px 0px 0px 5px; width: 70%; float:left; }*/ .dark-matter .button { background: #DFDFDF; border: none; padding: 10px 25px 10px 25px; color: #525252; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .button:hover { color: white; cursor: pointer; } .dark-matter .pagenum { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: #525252; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .pagenum:hover { color: white; cursor: pointer; } .dark-matter .pagenum2 { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter #positionbutton { top:650px; width:300px; left: 250px; position: absolute; } .dark-matter #positionupload { top:-15px; left: 240px; width:320px; position: absolute; } .compare{ margin-left: -170px; position:absolute; } false bad9dae2-c754-465b-ba7a-647e133cdd8a 195 Ad-hoc: Searchlist 544f08ed-12a3-4763-82f6-7b0757b46cb2 true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="searchresult" Src="~/Pre-Owned/customasp/searchresult.ascx" %> <div id="searchme"> <div id="layout2"> <My:searchresult runat="server" ID="Mysearchresult" /> </div> </div> 7d9f76c6-53be-4ff3-a0aa-1741fe2cf7c6 544f08ed-12a3-4763-82f6-7b0757b46cb2 2016-11-24T15:40:06.03+08:00 1 ascx @media screen and (max-device-width:480px) and (orientation : portrait) { #bannersize { padding-left:10px !important; } #layout2 { left:-415px !important; -ms-transform: scale(0.39, 0.39) !important; -webkit-transform: scale(0.39, 0.39) !important; transform: scale(0.39, 0.39) !important; } #theform{ margin-top:100px !important; } .dark-matter { margin-left: auto; margin-right: auto; margin-bottom:150px; top:60px !important; width: 320px !important; padding: 20px 30px 20px 30px; font-size: 12px; text-shadow: 1px 1px px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ -ms-transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); transform: scale(2.0, 2.0); } .dark-matter label { display: block !important; } .dark-matter label>span { float: left; width: 80px !important; text-align: right; padding-right: 10px; margin-top: 10px; font-weight: bold; font-size:12px; } .dark-matter .pagenum,.pagenum2 { display:inline-block !important; } .pagepage{ margin-left:-100px !important; } } @media screen and (max-device-height:768px) and (orientation : landscape) { #bannersize { padding-left:0px !important; } #layout2 { margin-left:-155px !important; -ms-transform: scale(0.55, 0.55) !important; -webkit-transform: scale(0.55, 0.55) !important; transform: scale(0.55, 0.55) !important; } #theform{ margin-top:100px !important; } .dark-matter { margin-left: auto; margin-right: auto; margin-bottom:150px; top:60px !important; width: 320px !important; padding: 20px 30px 20px 30px; font-size: 12px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ -ms-transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); transform: scale(2.0, 2.0); } .dark-matter label { display: block !important; } .dark-matter label>span { float: left; width: 80px !important; text-align: right; padding-right: 10px; margin-top: 10px; font-weight: bold; font-size:12px; } .dark-matter .pagenum,.pagenum2 { display:inline-block !important; } .pagepage{ margin-left:-100px !important; } } @media screen and (min-device-width:768px) and (orientation : portrait) { #bannersize { margin-left:0px !important; } #layout2 { left:-220px !important; top:20px !important; height:300px !important; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); } } @media screen and (max-device-height:1024px) and (max-device-width:768px) and (orientation : landscape) { #bannersize { margin-left:0px !important; } body { height:600px !important; } #layout2 { left:-90px !important; top:20px !important; height:500px !important; -ms-transform: scale(0.85, 0.85); -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } } @media screen and (max-width:1080px) and (min-width:1080px){ #layout2 { left:-55px !important; top:20px !important; height:500px !important; -ms-transform: scale(0.85, 0.85); -webkit-transform: scale(0.85, 0.85); transform: scale(0.85, 0.85); } } body { color: White; /*height:1500px;*/ font-family:"Interstate Mazda Regular",Helvetica; width:1366px; } #searchme { left:45px; top:-20px; width: 1366px; /*height: 1620px;*/ height:100%; } .searchbox { margin-left:auto; margin-right:auto; width: 950px; height: 245px; /*background:#7a7a7a;*/ background:#555; position:relative; } #layout2{ top:45px; width: 1276px; /*height:1390px;*/ height:100%; left:45px; /*background:#555;*/ position:absolute; } .rm { font-size:20px; font-weight:bold; vertical-align:top; } .valuerm { font-size:20px; font-weight:bold; } .insideimg { } div.imgpos { /* border: 1px solid #a5a2a2; */ margin-top: 25px; height:155px; width: 190px; float:left; margin-left:25px; /* background:#555; */ margin-bottom:35px; } .price { position:absolute; top:45px; width: 350px; height: 50px; left:600px; } .location { position:absolute; top:90px; width: 350px; height: 50px; left:600px; font-size:16px; } .year { position:absolute; top:128px; width: 350px; height: 50px; left:600px; font-size:18px; } .view { position:absolute; top:85px; width: 350px; height: 80px; left:300px; font-size:18px; } .carname { position:absolute; margin-top:40px; left:300px; width: 350px; height: 50px; font-size:18px; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: table-cell;*/ /* display: inline-block; line-height:15px; vertical-align: middle;*/ } /* #### Dark Matter #### */ .dark-matter { margin-left: auto; margin-right: auto; width: 1000px; /*background: #555;*/ padding: 20px 30px 20px 30px; font-size: 12px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .dark-matter h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #444; margin: -10px -30px 30px -30px; } .dark-matter h1>span { display: inline; font-size: 11px; } .dark-matter label { display: inline; margin: 0px 0px 5px; } .dark-matter label>span { display: inline; width: 20%; text-align: right; padding-right: 10px; margin-top: 10px; font-weight: bold; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select { border: none; cursor: pointer; color: #525252; height: 25px; line-height:15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 70%; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: #DFDFDF; } .dark-matter select { background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 70%; height: 35px; color: #525252; line-height: 25px; } .dark-matter textarea{ height:100px; padding: 5px 0px 0px 5px; width: 70%; } .dark-matter .button { background: #DFDFDF; border: none; padding: 10px 25px 10px 25px; color: #525252; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .button:hover { color: white; cursor: pointer; } .dark-matter .pagenum { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: #525252; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .pagenum:hover { color: white; cursor: pointer; } .dark-matter .pagenum2 { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .pagepage { left:35px; position:relative; } a{ text-decoration: underline; color:white; } #mainfooter{ display:none; } .inlinebaby{ display:inline-block; padding-right:5px; padding-bottom:20px !important; } false e6e58714-0653-4a58-bf71-fd3bfc6b0b66 196 Ad-hoc: uploadpicture 73f444fb-7158-41bb-a477-07e650638dbd true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="uploadpic" Src="~/Pre-Owned/customasp/uploadpic.ascx" %> <div id="searchme"> <div id="layout2"> <My:uploadpic runat="server" ID="Myuploadpic" /> </div> </div> c5fb8cd2-5552-44de-a27a-49fc1909eed0 73f444fb-7158-41bb-a477-07e650638dbd 2016-09-30T12:35:22.957+08:00 1 ascx body { color: White; font-family:"Interstate Mazda Regular",Helvetica; width:1366px; margin: 0 auto; } #searchme { width: 1366px; height:1200px; position:relative; /* background: #7a7a7a; */ } #layout2{ top:45px; width: 1276px; height:1200px; left:45px; background:#555; position:absolute; } /* #### Dark Matter #### */ .dark-matter { margin-left: auto; margin-right: auto; width: 1000px; background: #555; padding: 20px 30px 20px 30px; font-size: 15px; text-shadow: 1px 1px 1px #444; border: none; /* border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ } .dark-matter h1 { padding: 0px 0px 10px 40px; display: block; border-bottom: 1px solid #444; margin: -10px -30px 30px -30px; } .dark-matter label { float:left; left:130px; margin: 0px 0px 5px; text-align:right; width: 20%; padding-right: 10px; margin-top: 11px; font-weight: bold; position:relative; } .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea { text-indent: 0.01px; text-overflow: ''; width: 300px; height: 25px; color: #525252; line-height: 15px; float: left; margin-left:170px; } .dark-matter select { background: #DFDFDF url('~/Pre-Owned/media/banner1/downbutton.png') no-repeat right; appearance:none; -webkit-appearance:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; width: 300px; height: 35px; color: #525252; line-height: 15px; float: left; margin-left:170px; } /*.dark-matter .textboxcss{ height:100px; padding: 5px 0px 0px 5px; width: 70%; float:left; }*/ .dark-matter .button { background: #DFDFDF; border: none; padding: 10px 25px 10px 25px; color: #525252; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .button:hover { color: white; cursor: pointer; } .dark-matter .pagenum { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: #525252; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter .pagenum:hover { color: white; cursor: pointer; } .dark-matter .pagenum2 { text-decoration: none; background: #DFDFDF; border: none; padding: 5px 15px 5px 15px; color: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: bold; box-shadow: 1px 1px 1px #3D3D3D; -webkit-box-shadow:1px 1px 1px #3D3D3D; -moz-box-shadow:1px 1px 1px #3D3D3D; } .dark-matter #positionbutton { top:400px; left: 725px; position: absolute; } .dark-matter #positionupload { left: 525px; position: absolute; } .dark-matter #positionstatus { top:330px; left: 550px; position: absolute; } .compare{ margin-left: -170px; position:absolute; } false db1daffb-b9ea-4e71-b33f-4498add3849b 198 Ad-hoc: VEHICLE ec618042-6190-4598-8b11-cc4ebc95f0d7 Ad-hoc template for document "/VEHICLE" true 73 <page><webpartzone id="zoneMain"><properties /></webpartzone><webpartzone id="zoneCenter"><properties /></webpartzone><webpartzone id="ColumnLayout_l1" v="1"><properties /></webpartzone></page> false false <!-- Container --> <%@ Register TagPrefix="My" TagName="searchcarcontrol" Src="~/Pre-Owned/customasp/searchcarcontrol.ascx" %> <!--<div id="vehicle">--> <div id="layout"> <My:searchcarcontrol runat="server" ID="Mysearchcarcontrol" /> </div> <!--</div>--> 9f75a8b6-5764-4a56-991b-f5939ea9ab04 ec618042-6190-4598-8b11-cc4ebc95f0d7 2016-11-14T10:22:15.83+08:00 1 portal ascx @media screen and (max-device-width:480px) and (orientation : portrait) { body { width:480px !important; height:1360px !important; margin-left:10px !important; } #layout { left:-50px !important; width:480px !important; height:700px !important; } #latest { width: 900px !important; height: 610px !important; margin-top:-190px !important; margin-left:-250px !important; -ms-transform: scale(0.45, 0.45); -webkit-transform: scale(0.45, 0.45); transform: scale(0.45, 0.45); } #bymodel { margin-top:-130px !important; margin-left:-420px !important; width: 1280px !important; height: 340px !important; -ms-transform: scale(0.55, 0.55); -webkit-transform: scale(0.55, 0.55); transform: scale(0.55, 0.55); } } @media screen and (min-device-width:768px) and (orientation : portrait) { #mainfooter { bottom:180px !important; left:-10px Important; position:absolute; } #layout { left:-275px !important; top:-100px !important; height:900px !important; -ms-transform: scale(0.55, 0.55); -webkit-transform: scale(0.55, 0.55); transform: scale(0.55, 0.55); } } @media screen and (max-device-height:1024px) and (max-device-width:768px) and (orientation : landscape) { body { height:900px !important; } #mainfooter { bottom:180px !important; left:-10px Important; position:absolute; } #layout { left:-160px !important; top:-50px !important; height:1100px !important; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); } } @media screen and (max-device-height:768px) and (orientation : landscape) { body { width:480px !important; height:1360px !important; margin-left:10px !important; } #layout { left:-50px !important; width:480px !important; height:1120px !important; } #latest { width: 900px !important; height: 610px !important; margin-top:-50px !important; margin-left:-130px !important; -ms-transform: scale(0.80, 0.80); -webkit-transform: scale(0.80, 0.80); transform: scale(0.80, 0.80); } #bymodel { margin-top:130px !important; margin-left:-320px !important; width: 1280px !important; height: 340px !important; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); } } @media screen and (max-width:1080px) and (min-width:1080px){ #layout { left:-130px !important; top:-50px !important; height:1100px !important; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); } } body { color: White; font-family:"Interstate Mazda Regular",Helvetica; width:1280px; margin: 0 auto; } /* #vehicle { top:60px; width: 1280px; height: 1040px; position:relative; } */ #layout { top:60px; width: 1280px; height: 1040px; margin-left:50px; position:relative; } #latest { width: 1280px; height: 610px; margin-left:-30px; /*border: border: 2px solid #ffffff;*/ position:relative; /* background: #7a7a7a; */ /*#a5a2a2*/ } /* old stuff div.desc { font-weight: normal; position:absolute; width: 360px; height: 80px; font-size:18px; background:#a5a2a2; display: table-cell; vertical-align:middle; text-align:center; } */ div.desc { margin-left:15px; margin-top:-55px; font-weight: normal; position:absolute; width: 360px; height: 40px; font-size:15px; background:rgba(0,0,0,0.3); display: table-cell; vertical-align:middle; line-height:10px; text-align:center; } /*.rm { font-size:10px; font-weight:bold; vertical-align:top; }*/ .rm,.valuerm { font-size:15px; font-weight:bold; padding-left:5px; } div .img { /* border: 1px solid #a5a2a2; */ height:263px; width: 365px; text-align: center; display: inline; float:left; margin-left:25px; /*background:#555;*/ margin-bottom:15px; } .img .smallimagesize { width:360px; height:240px; } /*div.desc { text-align: center; font-weight: normal; width: 300px; margin: 5px; font-size:13px; } div.img { padding: 15px; /*border: border: 2px solid #ffffff; height: 150px; width: 300px; float: left; margin: 5px; text-align: center; } */ .img img { display: inline; margin: 15px; /*border: border: 2px solid #ffffff;*/ } #bymodel { left:0px; top:70px; width: 1280px; height: 340px; position:relative; /*background: #7a7a7a;*/ } .button_vehicle{ border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF; background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e)); background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e); background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e); background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e); background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e); background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e); } .button_vehicle:hover{ border:1px solid #4a4b4a; background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828)); background-image: -webkit-linear-gradient(top, #646464, #282828); background-image: -moz-linear-gradient(top, #646464, #282828); background-image: -ms-linear-gradient(top, #646464, #282828); background-image: -o-linear-gradient(top, #646464, #282828); background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828); } ul li { display: inline;} ul li a { text-decoration: none; color:white;} li { width:150px; height:20px; text-align: center; } .title { width:1280px; height:50px; background-color:#555; position:absolute; line-height: 10px; text-align:center; } .titlenew { width:100%; text-align:center; margin-left:30px; } .titlenew2 { width:100%; text-align:center; margin-left:-10px; } #menupos { margin-top:60px; left:350px; position:absolute; } .carimage { top:50px; left:90px; position:absolute; } .lineimage { display: inline; padding:.4em 30px .4em 30px; line-height: 10px; background-image: url('~/Pre-Owned/media/banner1/spacing.png'); background-repeat: no-repeat; background-position: right center; /* border-right: 20px solid #343333; */ } 6a6f3f5e-1fd9-4d64-995e-1b45984e0e86 false b7108e0e-1e86-4f80-ba5c-629bf6602c50 197 Ad-hoc: Vehicledetail fa7bee55-8680-4f0b-8e03-cabc4ddd4898 true 73 <page></page> false \ <%@ Register TagPrefix="My" TagName="vehicledetailcontrol" Src="~/Pre-Owned/customasp/vehicledetailcontrol.ascx" %> <div id="vehicle"> <!--<div id="background1"></div>--> <!--<div id="background2"></div>--> <!-- iframe id="layout" src="~/Pre-Owned/customasp/vehicleprofile.aspx" scrolling="no" frameBorder="0" width="1366px" height="1600px"float></iframe--> <div id="layouthaha"> <My:vehicledetailcontrol runat="server" ID="Myvehicleprofile" /> </div> </div> </div> <!-- <div id="giant"> <div id="pikaframe"> <div class="title"><h2> 2014, Mazda 3 (A) 1.6i(A)Sedan Sport Full Spec</h2></div> <div class="pikachoose"> <ul id="thumbnailss" > <li><a href="http://www.mazda.com.my"><img src="~/Pre-Owned/media/banner1/mazda3sky.jpg"/></a></li> <li><a href="http://www.mazda.com.my"><img src="~/Pre-Owned/media/banner1/mazda3skya1.jpg"/></a></li> <li><a href="http://www.mazda.com.my"><img src="~/Pre-Owned/media/banner1/mazda3skya2.jpg"/></a></li> <li><a href="http://www.mazda.com.my"><img src="~/Pre-Owned/media/banner1/mazda3skya3.jpg"/></a></li> </ul> </div> </div> <div id="smalldetail" style="margin-bottom:20px;"> <div style="width:560px;margin:0 auto;"> <table width="560px" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Body Style</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;">N/A</div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Year</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;"> 2011 </div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Mileage</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;">Contact Seller</div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Color</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px;color:black;"> Grey </div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Location</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;"> Penang </div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Engine</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;">N/A</div> </div> <div style="width:260px;margin:3px 5px;float:left;"> <div style="width:114px;float:left;background-color:#7a7a7a;padding:5px 8px">Transmission</div> <div style="width:114px;float:left;background-color:#ccc;padding:5px 8px; color:black;">N/A</div> </div> </td> </tr> </table> </div> </div> <div id="details"> <div class="title"><h2>Features & Descriptions</h2></div> </br> </br> </br> <p class="setpad"> </br> 1600CC DOHC,Twin Camp,16-Valve Variable Valve Timing </br> Engine. </br> 1 Very Careful Owner,Metallic Grey Colour. </br> ******* Exterior ******* </br> ~ Xenon Projector Lamp,Fog Lamp. </br> ~ Side Mirror Indicator Lamp. </br> ~ Original Sport Rims. </br> ~ Parking Sensor. </br> ~ Chrome Finishing. </br> ~ Sport Body Kits. </br> ~ Rear Spoiler. </br> ****** Spec & Condition******* </br> ~ Tiptronic gear box. </br> ~ Multifunction Leather Sport Steering. </br> ~ Sport Comfort Seat. </br> ~ On Board Monitor. </br> ~ CD,WMA,MP3.AUX Plug In. </br> ~ Arm Rest. </br> ~ Air Bags(SRS). </br> ~ ABS ASC VST. </br> ~ Full Service Record By Mazda Malaysia From Day 1. </br> ~ Low Milage 49K Km. </br> ~100% Acc Free. </br> ~ Clean Interior. </p> </div> </div> <br /> <br /> <br /> --> <!-- </div> </div>--> <!-- <script src="~/Pre-Owned/customasp/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.pikachoose.min.js"></script> <script type="text/javascript" src="~/Pre-Owned/customasp/jquery.touchwipe.min.js"></script> <script language="javascript"> $(document).ready( function () { $("#thumbnailss").PikaChoose(); }); </script> --> ef72a9c8-c6d8-4701-a8a7-187d34b0150e fa7bee55-8680-4f0b-8e03-cabc4ddd4898 2016-11-28T16:35:54.577+08:00 1 ascx /*#mainfooter{width:1366px;height:65px;clear:both;z-index:100;position:relative;top:20px;}*/ @media screen and (max-device-width:480px) and (orientation : portrait) { #vehicle { height:530px !important; } body { width:480px !important; height:600px !important; margin-left:20px !important; } #layouthaha { left:-50px !important; width:480px !important; height:700px !important; } #smalldetail { margin-left:60px !important; margin-top:50px !important; } #smalldetail #megatable { width:580px !important; -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } #printme { margin-left:140px !important; margin-top:100px !important; -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } #giant { width: 900px !important; height: 510px !important; margin-top:-190px !important; margin-left:-195px !important; -ms-transform: scale(0.40, 0.40); -webkit-transform: scale(0.40, 0.40); transform: scale(0.40, 0.40); } } @media screen and (max-device-height:768px) and (orientation : landscape) { body { width:480px !important; height:600px !important; margin-left:15px !important; } #vehicle { height:540px !important; left:115px !important; } #layouthaha { width:480px !important; height:700px !important; } #smalldetail { margin-left:-220px !important; margin-top:50px !important; } #smalldetail #megatable { width:1200px !important; -ms-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); } #printme { margin-left:450px !important; margin-top:10px !important; -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } #giant { width: 900px !important; height: 610px !important; margin-top:-170px !important; margin-left:-65px !important; -ms-transform: scale(0.50, 0.50); -webkit-transform: scale(0.50, 0.50); transform: scale(0.50, 0.50); } } @media screen and (min-device-width:768px) and (orientation : portrait) { #bannersize { margin-left:0px !important; } #layouthaha { left:-275px !important; top:50px !important; height:500px !important; -ms-transform: scale(0.75, 0.75); -webkit-transform: scale(0.75, 0.75); transform: scale(0.75, 0.75); } #smalldetail #megatable { width:1200px !important; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } @media screen and (max-device-height:1024px) and (max-device-width:768px) and (orientation : landscape) { #bannersize { margin-left:0px !important; } #layouthaha { left:-140px !important; top:40px !important; height:500px !important; -ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } #smalldetail #megatable { width:1200px !important; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } @media screen and (max-width:1080px) and (min-width:1080px){ #layouthaha { left:-120px !important; top:40px !important; height:500px !important; -ms-transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); } #smalldetail #megatable { width:1200px !important; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); } } @media print { /* insert your style declarations here */ @page{size:auto; margin-bottom:5mm;} #vehicle { left:-130px; width: 1366px; /*height: 2075px;*/ height:1400px; position:absolute; } #layouthaha { top:20px; left:45px; width:1366px; height:1400px; position:absolute; } #background1 { left:45px; width:1366px; height: 1400px; /*background: #a8a8a8;*/ position:absolute; z-index:-1; } .address { left:0px; display:block !important; position:absolute; } .address p { margin-top:20px; margin-left:210px; width:900px; text-align:left; } #printme { display:none; } #mrblack { display:none; } #mainfooter { display:none; } #coopermenu { display:none; } } #vehicle { top:20px; width: 100vw; /*height: 2075px;*/ height:1020px; position:relative; } #layouthaha { top:20px; left:45px; width:1366px; height:1020px; position:absolute; } /* #background1 { left:45px; width:1366px; height:990px; background: #a8a8a8; position:absolute; z-index:-1; }*/ /* #background2 { left:45px; top: 940px; width:1366px; height: 1130px; position:absolute; z-index:-1; }*/ /* addition from vehicledetails.aspx; */ /*body { font-family:"Interstate Mazda Regular",Helvetica; }*/ #thumbnailss { width:1024px; height: 150px; } /*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */ .pika-thumbs li{width: 100px; height:50px;} .pika-stage {height: 500px;} body{color:White;} a{color:white;} .pikachoose {width: 900px; left:5px !important;top:100px !important; margin: 0 auto; position:relative;} .pika-stage {position: relative;} /*if you change the padding on pika-stage you must adjust the top left of this to match! */ .pika-stage .main-image {position: absolute; top:0px; left:0px; width:500px;} .pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;} .pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;} .pika-stage img {border:0;height:500px;} .pika-stage .caption {position: absolute; background:rgba(0,0,0,0.0); border: none; font-size: 16px; color: #fafafa; padding: 10px; text-align: right; bottom: 10px; right: 10px;} .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;} .pika-imgnav {display:block;} .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;cursor:pointer;} .pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45%;left:10px;} .pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45%;right:10px;} .pika-imgnav a:hover{opacity:.6;-webkit-transition: opacity 300ms linear;} .pika-imgnav a.play {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;} .pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;} .pika-textnav {display:none;} .pika-thumbs { padding-left:140px;padding-top:10px;} .pika-thumbs li{float:left; list-style-type: none;margin: -15px 15px 0px 10px; cursor: pointer;} .pika-thumbs li:last {margin: 0;} .pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;} /*for the tool tips*/ .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;} .pika-counter{position: absolute;top: 15px;right:100px;color:white;background:rgba(0,0,0,0.3);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;} /* jCarousel Styles */ /*if you're not using the carousel you can delete everything below this */ .jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;} .jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: 800px;} .jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;} #giant { left:0%; width:100%; position:absolute; margin: 0 auto; } #imagelist { top:40px !important; } #pikaframe { top:10px !important; background-color: #c8c9c8; width:835px; height:640px; margin: 0 auto; position:relative; } .title { width:835px; height:50px; background-color:#7a7a7a; position:absolute; line-height: 10px; text-align:center; } .title2 { width:900px; height:50px; background-color:#7a7a7a; position:absolute; line-height: 10px; text-align:center; } .setpad { color:black; } /*#details { top:950px; left:230px; width:900px; height:1070px; margin: 0 auto; background-color: #c8c9c8; border: 1px solid #4a4b4a; position:absolute; }*/ #specimg { margin-top: 110px; margin-bottom:200px; } #smalldetail { top:710px; left:180px; width:700px; margin: 0 auto; /*border: 1px solid #4a4b4a;*/ position:absolute; } #printme { top:30px; margin-left: 450px; position:relative; width:300px; z-index:500; } #printme a { padding-right:20px; } .fa-chevron-circle-left { display:inline-block; vertical-align: middle; } #bannersize { left:-10px; top:-10px; position:relative; } #mainfooter{width:100vw;height:120px;clear:both;z-index:100;position:relative;background-color:black;left:-10px;} a, a i { cursor: pointer; } .address { display:none; } .address p { margin-top:20px; margin-left:210px; width:900px; text-align:left; } #smalldetail #megatable { width:1200px; } false e29533d3-465a-45fd-890b-b8f66ee70424 193 1 194 1 195 1 196 1 197 1 199 1 200 1 201 1 43 All page templates / 532264bf-95e9-4035-b4ce-fe403c81781a 2012-09-13T18:08:03.55+08:00 27 0 / 1 0 73 Ad-hoc 43 AdHoc 2c0517d3-be62-474d-a6b5-9b234a86a918 2012-09-13T18:08:03.697+08:00 0 9 /AdHoc 1 1