API tools faq
paste
Advertisement
Guest User

Uhapi Landing Page

a guest
May 4th, 2015
200
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.55 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2. #main_banner{
  3. margin:5px 0 15px 0;
  4. text-align:center;
  5. }
  6. #Featured_Categories{
  7. padding:0 0 25px 0;
  8. }
  9. #dealofday_relateditem{
  10. width:968px;
  11. padding:0 6px;
  12. }
  13. #dealofday{
  14. float:left;
  15. width:238px;
  16. }
  17. #deal_badge{
  18. width:98px;
  19. height:101px;
  20. background-image:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/deal_badge.png);
  21. background-repeat:no-repeat;
  22. position:relative;
  23. z-index:999;
  24. }
  25. #deal_product{
  26. border:2px solid #cccccc;
  27. border-bottom:0px solid #cccccc;
  28. width:234px;
  29. background-image:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/deal.png);
  30. background-repeat:no-repeat;
  31. background-position:center bottom;
  32. padding:25px 0 65px;
  33. }
  34. .counter_text1 > div{
  35. padding-bottom:35px;
  36. }
  37. td.counter_text21{
  38. position:absolute;
  39. margin-top:-2px;
  40. }
  41. td.counter_text4{
  42. color:#ffffff;
  43. position:absolute;
  44. margin-top:25px;
  45. font-family: 'Open Sans', sans-serif;
  46. text-align:right;
  47. width:200px;
  48. font-size:14px;
  49. }
  50. #dd1 .uday{
  51. margin-right:5px;
  52. }
  53. #dd1 span{
  54. margin-right:5px;
  55. }
  56. .counter_text1{
  57. text-align:left;
  58. padding-top:15px;
  59. }
  60. .counter_text1 a{
  61. color:#605F5F;
  62. text-transform:uppercase;
  63. font-family: 'Open Sans', sans-serif;
  64. text-decoration:none;
  65. font-size:12px;
  66. }
  67. #dddd table{
  68. width:200px;
  69. }
  70. .counter_text1 a:hover{
  71. color:#00ADEF;
  72. }
  73. .counter_text3{
  74. text-align:left;
  75. color:#ffffff;
  76. font-family: 'Open Sans', sans-serif;
  77. font-size:14px;
  78. }
  79. @media screen and (-webkit-min-device-pixel-ratio:0) {
  80. #dd1 .uday{
  81. margin-right:4px;
  82. }
  83. #dd1 span{
  84. margin-right:4px;
  85. }
  86. }
  87. #relateditem{
  88. float:right;
  89. width:708px;
  90. margin-left:15px;
  91. border:2px solid #cccccc;
  92. position:relative;
  93. top:-100px;
  94. }
  95. #titlebg{
  96. color:#424242;
  97. display:inline-block;
  98. font-weight:600;
  99. font-size:14px;
  100. font-family: 'Open Sans', sans-serif;
  101. height:37px;
  102. line-height:37px;
  103. margin:0 0 0 3px !important;
  104. padding:10px 0 0 5px !important;
  105. text-align:left;
  106. text-transform:uppercase;
  107. width:98.5%;
  108. border-bottom:2px solid #00adef;
  109. }
  110. #titlebg span{
  111. background:transparent url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/featured_icon.png) no-repeat scroll left center !important;
  112. height:26px;
  113. width:25px;
  114. display:block;
  115. float:left;
  116. padding:10px 5px 0 0;
  117. }
  118. .stBadge{
  119. margin-top:-80px;
  120. }
  121. /**rel items cssfix***/
  122. a:hover,.carousel-control{opacity:1.0 !important;}
  123. select, textarea, input[type="text"]{ margin:0px !important; padding:0px !important;box-shadow:none !important}
  124. table{max-width:none !important;}
  125. .carousel-control{position:absolute !important; width:25px !important; height:27px !important; top:55% !important; padding:0px !important;}
  126. .carousel{ margin-bottom:0px !important;}
  127. .container-fluid{background:none !important; padding:60px 0px !important;}
  128. @media screen and (-webkit-min-device-pixel-ratio:0) { .container-fluid{padding:60px 0px !important;} }
  129. .cfix{ padding:0px 0 0 0px !important;}
  130. .row-fluid .span3{width:30% !important; border-right:1px solid #e2e2e2;}
  131. .row-fluid .span3:nth-child(3n+3){border-right:0px solid #e2e2e2;}
  132. .caption p a{ color:#7d7c7c!important; font-size:12px;}
  133. .control-box a.left{
  134. background:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_arrow_left.png) #ffffff;
  135. background-repeat:no-repeat;
  136. background-position:left;
  137. }
  138. .control-box a.left:hover{
  139. background:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_arrow_left_hvr.png) #ffffff;
  140. background-repeat:no-repeat;
  141. background-position:left;
  142. }
  143. .control-box a.right{
  144. background:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_arrow_right.png) #ffffff;
  145. background-repeat:no-repeat;
  146. }
  147. .control-box a.right:hover{
  148. background:url(http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_arrow_right_hvr.png) #ffffff;
  149. background-repeat:no-repeat;
  150. }
  151. .carousel{position:relative;margin-bottom:20px;line-height:1}
  152. .carousel-inner{position:relative;width:100%;overflow:hidden}
  153. .carousel-inner > .item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
  154. .carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;line-height:1}
  155. .carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev{display:block}
  156. .carousel-inner > .active{left:0}.carousel-inner > .next,.carousel-inner > .prev{position:absolute;top:0;width:100%}
  157. .carousel-inner > .next{left:100%}.carousel-inner > .prev{left:-100%}.carousel-inner > .next.left,.carousel-inner > .prev.right{left:0}.carousel-inner > .active.left{left:-100%}
  158. .carousel-inner > .active.right{left:100%}
  159. .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;
  160. border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
  161. .carousel-control.right{right:20px;left:auto}
  162. .carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
  163. .carousel-indicators{position:absolute;top:15px;right:15px;z-index:5;margin:0;list-style:none}
  164. .carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255,255,255,0.25);border-radius:5px}
  165. .carousel-indicators .active{background-color:#fff}
  166. .carousel-caption{position:absolute;right:0;bottom:0;left:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}
  167. .carousel-caption h4,.carousel-caption p{line-height:20px;color:#fff}
  168. .carousel-caption h4{margin:0 0 5px}
  169. .carousel-caption p{margin-bottom:0}
  170. .hero-unit{padding:60px;margin-bottom:30px;font-size:18px;font-weight:200;line-height:30px;color:inherit;background-color:#eee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
  171. .hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;color:inherit}
  172. .hero-unit li{line-height:30px}
  173. .pull-right{float:right}
  174. .pull-left{float:left}
  175. .hide{display:none}
  176. .show{display:block}
  177. .invisible{visibility:hidden}
  178. .affix{position:fixed}
  179. .thumbnails li {
  180. list-style-type: none;
  181. float: left;
  182. padding-left:10px;
  183. }
  184. .thumbnails li .caption{display:none;}
  185. div.thumbnail{
  186. /*border:1px solid #cccccc;
  187. border-radius:6px;*/
  188. }
  189. .btn{display:inline-block;*display:inline;padding:5px 12px;margin-bottom:0;*margin-left:.3em;font-size:15px;line-height:20px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;background-color:#3BB3E5;border:1px solid #3BB3E5;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}
  190. .btn:hover{background-color:#226985;}
  191. /**rel items cssfix***/
  192. </style>
  193. <table width="980" border="0" cellspacing="0" cellpadding="0">
  194. <tr>
  195. <td>
  196. <div id="main_banner" align="center"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/main_banner.png" alt="Main Banner" /></div>
  197. </td>
  198. </tr>
  199. <tr>
  200. <td>
  201. <div align="center" id="Featured_Categories">
  202. <a href="http://stores.ebay.com.au/uhapi_Sports-Accessories_W0QQ_fsubZ7612261018" onmouseover="cat1.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_01_hvr.png'" onmouseout="cat1.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_01.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_01.png" id="cat1" name="cat1" alt="Sports & Outdoors" /></a><a href="http://stores.ebay.com.au/uhapi_Gardening-Lawn-Care_W0QQ_fsubZ7612253018" onmouseover="cat2.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_02_hvr.png'" onmouseout="cat2.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_02.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_02.png" id="cat2" name="cat2" alt="Home and Garden" /></a><a href="http://stores.ebay.com.au/uhapi_Office-Supplies_W0QQ_fsubZ7612259018" onmouseover="cat3.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_03_hvr.png'" onmouseout="cat3.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_03.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_03.png" id="cat3" name="cat3" alt="Office Essentials" /></a><a href="http://stores.ebay.com.au/uhapi_Electronics_W0QQ_fsubZ7611671018" onmouseover="cat4.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_04_hvr.png'" onmouseout="cat4.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_04.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_04.png" id="cat4" name="cat4" alt="Electronics" /></a><a href="http://stores.ebay.com.au/Uhapi/_i.html?_nkw=Lifestyle&_armrs=1&_from=&_ipg=" onmouseover="cat5.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_05_hvr.png'" onmouseout="cat5.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_05.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_05.png" id="cat5" name="cat5" alt="Life Styles" /></a><a href="http://stores.ebay.com.au/UHAPI/_i.html?submit=&_nkw=Fashion" onmouseover="cat6.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_06_hvr.png'" onmouseout="cat6.src='http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_06.png'"><img src="http://50.87.248.154/~uhapicom/dzinehub-1241/store/images/feat_cat_06.png" id="cat6" name="cat6" alt="Fashion" /></a>
  203. </div>
  204. </td>
  205. </tr>
  206. <tr>
  207. <td>
  208. <div id="dealofday_relateditem">
  209. <div id="dealofday">
  210. <div id="deal_product">
  211. <table border="0" align="center" cellspacing="0" cellpadding="0" class="counttimertable">
  212. <tbody><tr>
  213. <td name="dddd" id="dddd"></td>
  214. </tr>
  215. </tbody></table>
  216. <script type="text/javascript">var a = "SRC='http://www.dzine-hub.com/sandbox/A1241Uhapi/store/deal/dealoftheday/display_home.php";document.write ("<script type='text/javascript' "+a+"'>");document.write("</scr"+"ipt>"); </script>
  217. </div>
  218. </div>
  219. <div id="deal_badge"></div>
  220. <div id="relateditem">
  221. <div id="titlebg"><span></span>Featured Products</div>
  222. <script type="text/javascript">
  223. var gallery_url = "http://www.dzine-hub.com/sandbox/A1241Uhapi/listing/relateditems/gallery.php";
  224. var relateditems = "SRC='"+gallery_url+'?';
  225. document.write ("<scr"+"ipt type='text/javascript' "+relateditems+"'>");document.write("</scr"+"ipt>");
  226. </script>
  227. </div>
  228. <div style="clear:both;"></div>
  229. </div>
  230. </td>
  231. </tr>
  232. </table>
  233. <div style="clear:both"> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!