API tools faq
paste
Advertisement
ajidht

ini

ajidht
May 17th, 2012
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.61 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <b:if cond='data:blog.isMobile'>
  6. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  7. <b:else/>
  8. <meta content='width=1100' name='viewport'/>
  9. </b:if>
  10. <b:include data='blog' name='all-head-content'/>
  11. <title><data:blog.pageTitle/></title>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
  14.  
  15. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
  16. <script src='https://jt-scriptsource.googlecode.com/svn/trunk/jquery.cookie.js' type='text/javascript'/>
  17. <script src='https://jt-scriptsource.googlecode.com/svn/trunk/superfish.js' type='text/javascript'/>
  18. <script src='https://jt-scriptsource.googlecode.com/svn/trunk/jquery.carouFredSel-4.5.2.js' type='text/javascript'/>
  19. <script src='https://jt-scriptsource.googlecode.com/svn/trunk/function.featured_product.min.js' type='text/javascript'/>
  20. <script src='https://jt-scriptsource.googlecode.com/svn/trunk/simplecart.js' type='text/javascript'/>
  21.  
  22.  
  23. <script type='text/javascript'>
  24. //<![CDATA[
  25. /* SIMPLE CART SETTING
  26. >>>>>>>>>>>>>>>>>>>>>>>>*/
  27. simpleCart.email = 'rifkiblogger@gmail.com';
  28. simpleCart.checkoutTo = PayPal;
  29. simpleCart.currency = USD;
  30. simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
  31. //]]>
  32. </script>
  33.  
  34. <b:skin><![CDATA[/*
  35. -----------------------------------------------
  36. Blogger Template Style
  37. Name: Blogger Store v2.0
  38. Designer: Rifki Aria Gumelar
  39. URL: www.javatemplates.com
  40.  
  41. Bandung, 01 October 2011
  42. This template was designed and built by Java Templates for free distribution.
  43. Blogger Store v2.0 by Rifki Aria Gumelar is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
  44. * http://creativecommons.org/licenses/by-nc-sa/3.0/ *
  45.  
  46. All work is the property of Java Templates and the respective owners.
  47.  
  48. Credits :
  49. SimpleCart.js by The Wojo Group (thewojogroup.com -simplecartjs.com)
  50. Superfish by Joel Birch
  51. jQuery Cookie Plugin by Klaus Hartl (stilbuero.de)
  52. Carousel Fred by Fred Heusschen (caroufredsel.frebsite.nl)
  53.  
  54. Copyright 2011 Java Templates. All Rights Reserved.
  55. ----------------------------------------------- */
  56. /* VARIABLE DEFINITIONS
  57. This Template support for advanced template editor, you can set background color, text and link color etc via Blogger Template Designer.
  58. -----------------------------------------------------------
  59. // Background Color Setting
  60. <Group description="Backgrounds" selector=".body">
  61. <Variable name="body.background.color" description="Body Background Color" type="color" default="#ffffff" value="#ffffff"/>
  62. </Group>
  63.  
  64. // Body Font
  65. <Group description="Page Text" selector="body">
  66. <Variable name="body.font" description="Font" type="font"
  67. default="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  68. <Variable name="body.text.color" description="Text Color" type="color" default="#676767" value="#676767"/>
  69. </Group>
  70.  
  71. // Blog Description Color Setting
  72. <Group description="Blog Description" selector=".header .description">
  73. <Variable name="description.text.color" description="Description Color" type="color"
  74. default="#565656" value="#676767"/>
  75. </Group>
  76.  
  77. // Link Color Setting
  78. <Group description="Links" selector=".main-outer">
  79. <Variable name="link.color" description="Link Color" type="color" default="#4781a4" value="#4781a4"/>
  80. <Variable name="link.hover.color" description="Hover Color" type="color" default="#000000" value="#000000"/>
  81. </Group>
  82.  
  83. // Background Menu Setting
  84. <Variable name="menu.background.color" description="Menu Background" type="color" default="#de360f" value="#de360f"/>
  85.  
  86. // Background Shopping Cart Setting
  87. <Variable name="cart.background.color" description="Shopping Cart Background" type="color" default="#ffcc00" value="#ffcc00"/>
  88. <Variable name="cart.border.color" description="Shopping Cart Border" type="color" default="#ff9900" value="#ff9900"/>
  89. */
  90.  
  91. /* CSS RESET : http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126
  92. >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
  93. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
  94.  
  95. /* SET TO HIDE
  96. >>>>>>>>>>>>>>>>>>>>>>>>*/
  97. #navbar,.date-header,.post-footer,.feed-links {display:none;}
  98.  
  99. /* GLOBAL STYLE
  100. >>>>>>>>>>>>>>>>>>>>>>>>*/
  101.  
  102. /* Body */
  103. body {
  104. background:$(body.background.color);
  105. background-image:url(https://lh6.googleusercontent.com/-ZJX9YzJQvYQ/ToUuCTAfbfI/AAAAAAAAACE/L0aJ7oRcqOw/h1600/body-pattern-1.png);
  106. color:$(body.text.color);
  107. font:$(body.font);
  108. line-height:20px;
  109. margin:0;
  110. padding:0;
  111. }
  112.  
  113. /* Link */
  114. a{color:$(link.color);;text-decoration:none;}
  115. a:hover{color:$(link.hover.color);text-decoration:none;}
  116.  
  117. /* Heading */
  118. h1,h2,h3,h4{font-weight:700;font-family:'Open Sans', Tahoma, sans-serif;}
  119. h1{font-size:24px;}
  120. h2{font-size:16px;}
  121. h3{font-size:20px;}
  122. h4{font-size:16px;}
  123.  
  124. /* Aligment */
  125. .left{float:left;}
  126. .right{float:right;}
  127.  
  128. /* Cleaner */
  129. .clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden;}
  130. .clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;margin:0;padding:0;}
  131.  
  132. /* Status Message */
  133. .status-msg-wrap {
  134. background:#fbfbfb;
  135. border:5px solid #ddd;
  136. font-size:14px;
  137. text-shadow:1px 1px 1px #fff;
  138. -webkit-border-radius:5px 5px 5px 5px;
  139. -moz-border-radius:5px;
  140. -khtml-border-radius:5px 5px 5px 5px;
  141. border-radius:5px 5px 5px 5px;
  142. padding:5px;
  143. }
  144. .status-msg-border,.status-msg-bg {
  145. border:none;
  146. background:transparent;
  147. }
  148.  
  149. /* Blog Pager */
  150. #blog-pager {
  151. position:relative;
  152. top:10px;
  153. background:#f3f3f3 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  154. width:636px;
  155. border:1px solid #ddd;
  156. clear:both;
  157. font-family:'Open Sans', Tahoma, sans-serif;
  158. font-weight:700;
  159. color:#000;
  160. font-size:13px;
  161. border-radius:4px;
  162. margin:15px 0;
  163. padding:5px 10px;
  164. }
  165.  
  166. /* MAIN LAYOUT
  167. >>>>>>>>>>>>>>>>>>>>>>>>*/
  168.  
  169. /* Container */
  170. #container{
  171. position:relative;
  172. text-align:left;
  173. width:960px;
  174. clear:both;
  175. margin:0 auto;
  176. background:url(https://lh5.googleusercontent.com/-o3DTpFffrHI/ToUZNoEdRZI/AAAAAAAAAB4/rEq7jJy21MA/h1600/container-bg.png);
  177. border-left:1px solid #ccc;
  178. border-right:1px solid #ccc;
  179. -moz-box-shadow:0 0 6px #ccc;
  180. -webkit-box-shadow:0 0 6px #ccc;
  181. -khtml-box-shadow:0 0 6px #ccc;
  182. box-shadow:0 0 6px #ccc
  183. }
  184.  
  185. /* Header Bar Menu */
  186. #top-bar {
  187. background:#fbfbfb url(https://lh5.googleusercontent.com/-JB-WwLJFHpI/TobUd5T_HVI/AAAAAAAAADY/dBCCBpdgvHA/h1600/divider.gif)repeat-x bottom left;
  188. padding:10px 20px 0 20px;
  189. height:35px;
  190. }
  191. #top-bar-right {
  192. float:right;
  193. width:400px
  194. }
  195.  
  196. /* Header */
  197. #header-wrapper {
  198. position:relative;
  199. clear:both;
  200. border-bottom:1px solid #ddd;
  201. padding:20px;
  202. height:auto;
  203. }
  204.  
  205. /* Menu Container */
  206. #menu-wrapper {
  207. float:left;
  208. width:100%;
  209. background-color:$(menu.background.color);
  210. height:46px;
  211. -webkit-border-radius:5px 5px 5px 5px;
  212. -moz-border-radius:5px;
  213. -khtml-border-radius:5px 5px 5px 5px;
  214. border-radius:5px 5px 5px 5px;
  215. -webkit-box-shadow:0 2px 2px #DDD;
  216. -moz-box-shadow:0 2px 2px #DDD;
  217. box-shadow:0 2px 2px #DDD;
  218. clear:both;
  219. margin:25px 0 5px 0;
  220. }
  221.  
  222. /* Content */
  223. #main-content {
  224. background:#fbfbfb url(https://lh6.googleusercontent.com/-lbuZ3YmUzCE/ToUcGPt8wKI/AAAAAAAAACA/c5XSguyAcjs/h1600/content-light.png) no-repeat top center;
  225. width:920px;
  226. clear:both;
  227. border-top:1px solid #fff;
  228. border-bottom:1px solid #fff;
  229. padding:20px;
  230. }
  231. #main-content .content-left {
  232. width:660px;
  233. float:left;
  234. }
  235. #main-content .content-right {
  236. width:250px;
  237. float:right;
  238. }
  239. #main,#sidebar {
  240. margin:0;
  241. padding:0;
  242. }
  243.  
  244. /* Footer */
  245. #footer {
  246. border-top:1px solid #ddd;
  247. padding:10px 20px;
  248. }
  249.  
  250. /* HEADER CONTENT
  251. >>>>>>>>>>>>>>>>>>>>>>>>*/
  252.  
  253. /* Logo */
  254. #header-wrapper .header {
  255. margin:10px 0 0 0;
  256. width:400px;
  257. height:60px;
  258. overflow:hidden;
  259. float:left;
  260. }
  261. .description {
  262. position:relative;
  263. font-size:11px;
  264. color:$(description.text.color);
  265. text-transform:uppercase;
  266. top:-25px;
  267. left:76px;
  268. }
  269.  
  270. /* Header Right Element */
  271. #header-wrapper .header-right-element {
  272. float:right;
  273. width:468px;
  274. margin:0;
  275. }
  276. .ads-half-banner{
  277. float:right;
  278. width:468px;
  279. height:60px;
  280. background:#fff;
  281. border:1px solid #ddd;
  282. margin:0;
  283. padding:3px;
  284. }
  285.  
  286. /* Top Menu */
  287. ul#top-nav{
  288. list-style-type:none;
  289. position:relative;
  290. z-index:5;
  291. margin:0;
  292. padding:0
  293. }
  294. ul#top-nav li{
  295. position:relative;
  296. display:inline;
  297. float:left;
  298. color:#676767;
  299. margin-top:2px
  300. }
  301. ul#top-nav li a{
  302. display:block;
  303. color:#666;
  304. font-family:'Open Sans', Tahoma, sans-serif;
  305. font-weight:bold;
  306. text-shadow:1px 1px 1px #fff;
  307. background:url(http://4.bp.blogspot.com/-_M9E8udu8Cg/ToXzkLNMB9I/AAAAAAAAAC8/4R27ZmKUChc/s1600/top-menu-sep.gif) no-repeat 0 6px;
  308. padding:0 10px 12px
  309. }
  310. ul#top-nav li:first-child a {background:transparent}
  311. * html ul#top-nav li a {display:inline-block}
  312. ul#top-nav li a:link,#myslidemenu ul li a:visited {color:#6666}
  313. ul#top-nav li a:hover {
  314. color:#000;
  315. text-decoration:none
  316. }
  317. ul#top-nav li ul {
  318. background:#fbfbfb;
  319. border:1px solid #ddd;
  320. border-top:none;
  321. position:absolute;
  322. left:0;
  323. display:block;
  324. visibility:hidden;
  325. font-size:11px;
  326. -moz-border-radius-topleft:0;
  327. -moz-border-radius-topright:0;
  328. -moz-border-radius-bottomright:5px;
  329. -moz-border-radius-bottomleft:5px;
  330. -webkit-border-radius:0 0 5px 5px;
  331. border-radius:0 0 5px 5px;
  332. -webkit-box-shadow:inset 0 1px 5px 0 #eee;
  333. -moz-box-shadow:inset 0 1px 5px 0 #eee;
  334. box-shadow:inset 0 1px 5px 0 #eee;
  335. padding:5px 10px 10px 10px
  336. }
  337. ul#top-nav li ul li {
  338. display:list-item;
  339. float:none;
  340. margin:0;
  341. padding:0
  342. }
  343. ul#top-nav li ul li ul {
  344. top:0;
  345. margin-left:10px;
  346. -webkit-box-shadow:-1px 0 4px 0 #000;
  347. -moz-box-shadow:-1px 0 4px 0 #000;
  348. box-shadow:-1px 0 4px 0 #000;
  349. -webkit-border-radius:5px;
  350. -moz-border-radius:5px;
  351. border-radius:5px
  352. }
  353. ul#top-nav li ul li a{
  354. width:120px;
  355. background:transparent;
  356. border-top:1px solid #ffffff;
  357. border-bottom:1px solid #ddd;
  358. margin:0;
  359. padding:5px 0
  360. }
  361. ul#top-nav li ul li:first-child a{border-top:0}
  362. ul#top-nav li ul li:last-child a{border-bottom:0}
  363.  
  364. /* Search */
  365. #topsearch{float:right;margin-top:-2px}
  366. #topsearch
  367. input{background:#fff;border:1px solid #ddd;width:110px;height:22px;border-radius:3px;color:#999;padding-right:50px;padding-left:10px;padding-top:2px;position:relative;left:30px;font-size:11px}
  368. #topsearch
  369. input.searchsubmit{background:url(http://2.bp.blogspot.com/-W6f2CAgi8Fw/ToXzjqBaTPI/AAAAAAAAAC4/J6juuH43DNk/s1600/search-icon.png) no-repeat center;border:none;width:30px;text-indent:-3000px;position:relative;left:-10px;padding:0}
  370. #topsearch input.searchsubmit:hover{cursor:pointer}
  371.  
  372. /* Social Menu */
  373. #top_social{float:right;margin-right:-10px}
  374. #top_social
  375. li{display:inline}
  376. #top_social a
  377. span{visibility:hidden}
  378. #top_social a:hover{text-decoration:none}
  379. .social_facebook a,.social_twitter a,.social_linkedin a,.social_myspace a,.social_rss
  380. a{background:url(https://lh3.googleusercontent.com/-NZGrpcYs_Oc/ToXIKI-xxAI/AAAAAAAAACk/1UofgHY8Gao/h1600/social_facebook.png) no-repeat;height:27px;width:24px;display:inline-block;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
  381. .social_twitter
  382. a{background-image:url(https://lh5.googleusercontent.com/-yzPkavmO4go/ToXIbtpphNI/AAAAAAAAACo/HQhzhHTyFxE/h1600/social_twitter.png)}
  383. .social_linkedin
  384. a{background-image:url(https://lh6.googleusercontent.com/-35dzQ78yuMM/ToXJlK24cwI/AAAAAAAAACs/UN-ll0fi4-A/h1600/social_linkedin.png)}
  385. .social_myspace
  386. a{background-image:url(https://lh5.googleusercontent.com/-FGVP7bWIWi0/ToXJlgoZ2WI/AAAAAAAAACw/RPl6UDdPZ1A/h1600/social_myspace.png)}
  387. .social_rss
  388. a{background-image:url(https://lh3.googleusercontent.com/-Cz_04OoU7sQ/ToXJmaZUmpI/AAAAAAAAAC0/OitRL3p2jNI/h1600/social_rss.png)}
  389.  
  390. /* Dropdown Menu */
  391. .nav {
  392. width:600px;
  393. float:left;
  394. }
  395. .nav ul {
  396. background-position:bottom;
  397. background-repeat:no-repeat;
  398. position:absolute;
  399. top:-999em;
  400. z-index:10;
  401. }
  402. .nav li {
  403. background:url(https://lh6.googleusercontent.com/-oY1CHuQsNVk/ToUbTzYpLVI/AAAAAAAAAB8/fHiEaUahl5Q/h1600/menu-separator.png) no-repeat scroll right center transparent;
  404. float:left;
  405. position:relative;
  406. z-index:20;
  407. }
  408. .nav a {
  409. display:block;
  410. font-size:13px;
  411. font-family:'Open Sans', Tahoma, sans-serif;
  412. font-weight:700;
  413. line-height:14px;
  414. position:relative;
  415. text-decoration:none;
  416. color:#fff;
  417. z-index:6;
  418. padding:16px 15px 16px 14px;
  419. }
  420. .nav a:hover,.nav a.current {
  421. color:#fc0;
  422. }
  423. .nav li:hover ul,ul.nav li.sfHover ul {
  424. left:0;
  425. top:45px;
  426. background:#de360f;
  427. }
  428. .nav li li:hover ul,ul.nav li li.sfHover ul {
  429. left:203px;
  430. top:0;
  431. }
  432. .nav li li {
  433. display:block;
  434. float:left;
  435. height:auto!important;
  436. padding:0;
  437. }
  438. .nav li ul {
  439. width:180px;
  440. -webkit-border-radius:0 0 5px 5px;
  441. -moz-border-radius:0 0 5px 5px;
  442. -khtml-border-radius:0 0 5px 5px;
  443. border-radius:0 0 5px 5px;
  444. -webkit-box-shadow:0 2px 2px #DDD;
  445. -moz-box-shadow:0 2px 2px #DDD;
  446. box-shadow:0 2px 2px #DDD;
  447. padding-bottom:15px;
  448. }
  449. .nav li ul li {
  450. width:180px;
  451. background-image:none;
  452. padding:10px 15px;
  453. }
  454. .nav li ul li a {
  455. padding:0;
  456. }
  457. .nav li li a:link,.nav li li a:visited {
  458. display:block;
  459. float:left;
  460. height:auto;
  461. }
  462. .nav li:hover {
  463. visibility:inherit;
  464. }
  465. .nav li:hover li ul,.nav li.sfHover li ul,.nav li:hover ul,.nav li li:hover ul {
  466. top:-999em;
  467. }
  468.  
  469. /* LEFT CONTENT
  470. >>>>>>>>>>>>>>>>>>>>>>>>*/
  471.  
  472. /* Switch View */
  473. .display {
  474. height:23px;
  475. border-radius:4px;
  476. background:#f3f3f3 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  477. border:1px solid #ddd;
  478. width:636px;
  479. margin:0 0 -15px;
  480. padding:8px;
  481. }
  482. .display a {
  483. background:#fff;
  484. border:1px solid #ddd;
  485. border-radius:3px;
  486. font-size:11px;
  487. padding:3px 8px 3px 25px;
  488. }
  489. a.grid_view {
  490. background:url(http://3.bp.blogspot.com/-923-HRc47ig/ToSYDD3ZxaI/AAAAAAAAABU/VeOohILNmg0/s1600/grid_view.png) no-repeat 3px center;
  491. }
  492. a.list_view {
  493. background:url(http://3.bp.blogspot.com/-OC0I91VOWlk/ToSYAwQxJYI/AAAAAAAAABA/eVtj5Rh8UK8/s1600/display_large.png) no-repeat 3px center;
  494. }
  495. .display a.active {
  496. background-color:#ededed;
  497. border:1px solid #ccc;
  498. color:#111;
  499. cursor:default;
  500. }
  501.  
  502. /* Post Section */
  503. .post h3 {
  504. font-size:24px;
  505. margin-bottom:15px;
  506. }
  507. .post {
  508. width:622px;
  509. background:url(https://lh5.googleusercontent.com/-o3DTpFffrHI/ToUZNoEdRZI/AAAAAAAAAB4/rEq7jJy21MA/h1600/container-bg.png);
  510. border:1px solid #ddd;
  511. border-radius:2px;
  512. float:left;
  513. margin:0 0 15px;
  514. padding:15px;
  515. }
  516. .post-body{padding-bottom:40px}
  517.  
  518. /* Comment Section */
  519. #comments {
  520. width:621px;
  521. float:left;
  522. border:1px solid #ddd;
  523. margin:0 0 10px;
  524. padding:15px;
  525. }
  526. #comments h4 {
  527. font-size:18px;
  528. margin-bottom:10px;
  529. }
  530. #comment-header {
  531. background:#fff;
  532. border:1px solid #ededed;
  533. border-top:1px solid #ddd;
  534. border-left:1px solid #ddd;
  535. margin-bottom:10px;
  536. line-height:16px;
  537. padding:15px 15px 15px 80px;
  538. }
  539. #comment-body {
  540. line-height:16px;
  541. margin-top:-10px;
  542. }
  543. #comment-date {
  544. margin-bottom:-20px;
  545. padding:0;
  546. }
  547. .avatar-image-container {
  548. background:#fff;
  549. border:1px solid #ddd;
  550. width:42px;
  551. height:42px;
  552. float:left;
  553. margin-left:-63px;
  554. padding:5px;
  555. }
  556. .avatar-image-container img {
  557. width:42px;
  558. height:42px;
  559. }
  560. .comments-autor-name {
  561. font-size:13px;
  562. font-weight:700;
  563. }
  564. .comment-timestamp {
  565. font-size:9px;
  566. }
  567. #comments .comment-author {
  568. padding-left:0;
  569. }
  570. .comment-body {
  571. margin:0;
  572. }
  573.  
  574. /* RIGHT CONTENT
  575. >>>>>>>>>>>>>>>>>>>>>>>>*/
  576.  
  577. /* Sidebar Heading */
  578. #sidebar h2 {
  579. background:#f3f3f3 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  580. border-bottom:none;
  581. border:1px solid #ddd;
  582. border-radius:2px 2px 0 0;
  583. color:#878787;
  584. text-shadow:1px 1px 1px #fff;
  585. font-weight:700;
  586. font-size:14px;
  587. padding:5px 15px;
  588. }
  589.  
  590. /* Sidebar Widget */
  591. #sidebar .widget {
  592. margin:0 0 10px;
  593. padding:0;
  594. }
  595. #sidebar .widget-content {
  596. background:#fff url(http://4.bp.blogspot.com/-i1DxbZx-CLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top;
  597. border:1px solid #ddd;
  598. border-top:none;
  599. border-radius:0 0 2px 2px;
  600. padding:10px 10px 15px;
  601. }
  602. #sidebar .widget-content ul li a {
  603. background:url(https://lh6.googleusercontent.com/-s8EhHMoRqD0/TobU2hRxTGI/AAAAAAAAADc/rgymIhYUpGE/h1600/bullet_red.png) no-repeat 0 0;
  604. padding-left:18px;
  605. color:#878787;
  606. font-weight:700;
  607. font-size:12px;
  608. }
  609.  
  610. /* FOOTER CONTENT
  611. >>>>>>>>>>>>>>>>>>>>>>>>*/
  612.  
  613. /* Copyright */
  614. #footer .copyright {
  615. font-family:'Open Sans', Tahoma, sans-serif;
  616. float:left;
  617. width:600px;
  618. color:#484848;
  619. font-size:15px;
  620. font-weight:700;
  621. }
  622.  
  623. /* Credits */
  624. #footer p.credits {
  625. font-size:10px;
  626. font-weight:400;
  627. text-transform:uppercase;
  628. }
  629. .footer-right{float:right;}
  630. .footer-right a{
  631. display:block;
  632. float:left;
  633. text-indent:-9999px;
  634. height:40px;
  635. margin-left:10px;
  636. }
  637. .footer-right a.googlecheck{
  638. background:url(https://lh6.googleusercontent.com/-uyQJwChzDio/ToY5Xj8xOjI/AAAAAAAAADU/ilZF7M5u1Lk/h80/support.png)no-repeat 0 -43px; width:85px;
  639. }
  640. .footer-right a.googlecheck:hover{
  641. background-position:0 2.25pt;
  642. }
  643. .footer-right a.paypal{
  644. background:url(https://lh6.googleusercontent.com/-uyQJwChzDio/ToY5Xj8xOjI/AAAAAAAAADU/ilZF7M5u1Lk/h80/support.png)no-repeat -85px -42px; width:75px;
  645. }
  646. .footer-right a.paypal:hover{
  647. background-position:-85px 2px;
  648. }
  649.  
  650.  
  651. /* SHOPPING CART STYLING
  652. >>>>>>>>>>>>>>>>>>>>>>>>*/
  653.  
  654. /* Shopping Cart Setting for Single Post item */
  655. .item_price {
  656. font-size:15px;
  657. background:#de360f;
  658. color:#fff;
  659. font-weight:700;
  660. position:relative;
  661. padding:5px 10px;
  662. }
  663. .item_image {
  664. width:150px;
  665. height:160px;
  666. background:#fff;
  667. border:1px solid #ddd;
  668. float:left;
  669. text-align:left;
  670. margin:0 15px 10px 0;
  671. padding:15px;
  672. }
  673. .item_image img {
  674. width:150px;
  675. height:150px;
  676. }
  677. .item_add {
  678. position:absolute;
  679. bottom:0;
  680. z-index:20;
  681. right:0;
  682. background:#8bbd13 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  683. color:#fff;
  684. text-shadow:1px 1px 1px #7aa514;
  685. font-size:14px;
  686. text-transform:uppercase;
  687. font-weight:700;
  688. border-radius:4px 0 0 0;
  689. border:1px solid #7aa514;
  690. padding:8px 10px;
  691. }
  692.  
  693. /* Shopping Cart Box */
  694. #menu-wrapper .menu-cart {
  695. position:relative;
  696. top:-5px;
  697. border-radius:4px;
  698. float:right;
  699. margin-right:10px;
  700. height:30px;
  701. display:block;
  702. line-height:16px;
  703. background:$(cart.background.color) url(https://lh3.googleusercontent.com/-dUX23H-zKxs/ToTuES-9aaI/AAAAAAAAAB0/28AzfxgjNlI/h80/basket.png) no-repeat 8px center;
  704. border:1px solid $(cart.border.color);;
  705. color:#111;
  706. padding:12px 12px 12px 45px;
  707. }
  708. .menu-cart a.mycart {
  709. font-size:16px;
  710. display:block;
  711. font-weight:700;
  712. font-family:'Open Sans', Tahoma, sans-serif;
  713. color:#111;
  714. margin:0;
  715. }
  716. .menu-cart span {
  717. color:red;
  718. }
  719. .menu-cart .bag {
  720. display:none;
  721. position:absolute;
  722. top:50px;
  723. z-index:2;
  724. right:-1px;
  725. background:$(cart.background.color);
  726. border:1px solid $(cart.border.color);
  727. border-top:none;
  728. border-radius:0 0 6px 6px;
  729. width:415px;
  730. height:auto;
  731. padding:15px 0 15px 15px;
  732. }
  733. .bag .cart_btn {
  734. clear:both;
  735. }
  736. .bag .cartHeaders {
  737. display:none;
  738. }
  739. .bag .itemContainer {
  740. border-radius:4px;
  741. float:left;
  742. width:73px;
  743. height:130px;
  744. background:#fff;
  745. text-align:center;
  746. border:1px solid #c77f18;
  747. margin:0 10px 10px 0;
  748. padding:8px;
  749. }
  750. .bag .itemname a {
  751. font:bold 10px Helvetica,Arial,sans-serif;
  752. color:#000;
  753. letter-spacing:-1px;
  754. text-transform:uppercase;
  755. }
  756. .bag .itemthumb img {
  757. width:40px;
  758. height:40px;
  759. margin:10px 0 0;
  760. }
  761. .bag .itemQuantity {
  762. float:left;
  763. clear:both;
  764. display:inline;
  765. margin:5px 0 5px 5px;
  766. }
  767. .bag .item_price {
  768. clear:both;
  769. margin-top:5px;
  770. display:inline;
  771. }
  772. .bag .itemQuantity input {
  773. width:35px;
  774. height:18px;
  775. background:#fbfbfb;
  776. border:1px solid #ddd;
  777. border-top:1px solid #ccc;
  778. border-left:1px solid #ccc;
  779. border-radius:3px;
  780. text-align:center;
  781. color:#999;
  782. font:bold 11px Arial,sans-serif;
  783. vertical-align:top;
  784. margin:0 5px 0 0;
  785. padding:3px 9px 0;
  786. }
  787. .bag .itemQuantity input:focus {
  788. outline:none;
  789. }
  790. .bag .itemincrement a {
  791. display:block;
  792. background:url(http://4.bp.blogspot.com/-QpABnAsNhUY/TodKbFss-sI/AAAAAAAAADo/3EJvknHqkrI/s1600/arrow.png) -2px -3px;
  793. width:7px;
  794. height:5px;
  795. text-indent:-9999px;
  796. overflow:hidden;
  797. margin:10px 0 0;
  798. }
  799. .bag .itemdecrement a {
  800. display:block;
  801. background:url(http://4.bp.blogspot.com/-QpABnAsNhUY/TodKbFss-sI/AAAAAAAAADo/3EJvknHqkrI/s1600/arrow.png) -2px -10px;
  802. width:7px;
  803. height:5px;
  804. text-indent:-9999px;
  805. overflow:hidden;
  806. margin:3px 0 0;
  807. }
  808. .bag a.simpleCart_empty,.bag a.simpleCart_checkout {
  809. background:url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  810. color:#fff;
  811. font-size:10px;
  812. text-transform:uppercase;
  813. font-weight:700;
  814. border-radius:3px;
  815. margin-right:10px;
  816. padding:3px 8px;
  817. }
  818. .bag a.simpleCart_empty:hover,.bag a.simpleCart_checkout:hover {
  819. background-image:url(https://lh4.googleusercontent.com/-BkiT0OfyvOY/TobVG-aSgYI/AAAAAAAAADg/RemBk-D5CGk/h1600/fade-hover.png);
  820. }
  821. .bag a.simpleCart_empty {
  822. background-color:#ef9007;
  823. border:1px solid #c77f18;
  824. }
  825. .bag a.simpleCart_checkout {
  826. background-color:#8bbd13;
  827. border:1px solid #7aa514;
  828. }
  829.  
  830. /* FEATURED CONTENT
  831. >>>>>>>>>>>>>>>>>>>>>>>>*/
  832. #featured-product{
  833. }
  834. .image_carousel {
  835. position:relative;
  836. clear:both;
  837. background:url(https://lh5.googleusercontent.com/-JB-WwLJFHpI/TobUd5T_HVI/AAAAAAAAADY/dBCCBpdgvHA/h1600/divider.gif)repeat-x bottom left;
  838. margin-bottom:20px;
  839. padding:15px 15px 10px 28px
  840. }
  841. .image_carousel img {
  842. width:110px;
  843. height:110px;
  844. border:1px solid #ccc;
  845. background-color:#FFF;
  846. display:block;
  847. float:left;
  848. margin:7px;
  849. padding:9px
  850. }
  851. a.prev,a.next {
  852. background:url(https://lh3.googleusercontent.com/-TrxqwBfKJuY/TobVyLwwySI/AAAAAAAAADk/bcR8HsruEeY/h1600/carousel_sprite.png) no-repeat transparent;
  853. width:45px;
  854. height:50px;
  855. display:block;
  856. position:absolute;
  857. top:65px
  858. }
  859. a.prev {
  860. left:-15px;
  861. background-position:0 0
  862. }
  863. a.prev:hover {
  864. background-position:0 -50px
  865. }
  866. a.next {
  867. right:-15px;
  868. background-position:-50px 0
  869. }
  870. a.next:hover {
  871. background-position:-50px -50px
  872. }
  873. .pagination {
  874. text-align:center
  875. }
  876. .pagination a {
  877. background:url(https://lh3.googleusercontent.com/-TrxqwBfKJuY/TobVyLwwySI/AAAAAAAAADk/bcR8HsruEeY/h1600/carousel_sprite.png) 0 -300px no-repeat transparent;
  878. width:15px;
  879. height:15px;
  880. display:inline-block;
  881. margin:12px 5px 0 0
  882. }
  883. .pagination a.selected {
  884. background-position:-25px -300px;
  885. cursor:default
  886. }
  887. a.prev span,a.next span,.pagination a span {
  888. display:none
  889. }
  890. ]]></b:skin>
  891. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  892. <style type='text/css'>
  893.  
  894. /* List Style */
  895. .post {
  896. width:652px;
  897. background:#fff url(http://4.bp.blogspot.com/-i1DxbZx-CLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top;
  898. border:1px solid #ddd;
  899. border-radius:2px;
  900. float:left;
  901. margin:0 0 15px;
  902. padding:0;
  903. }
  904. .post h3 {
  905. background:#f3f3f3 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  906. color:#111;
  907. text-shadow:1px 1px 1px #fff;
  908. border-bottom:1px solid #ddd;
  909. font-size:16px;
  910. font-weight:700;
  911. margin:0;
  912. padding:10px 15px;
  913. }
  914. .post .post-body {
  915. width:620px;
  916. background:#fbfbfb;
  917. border:1px solid #fff;
  918. padding:15px;
  919. }
  920. .post .item_price {
  921. top:148px;
  922. font-size:15px;
  923. background:#de360f;
  924. font-family:&#39;
  925. color:#fff;
  926. font-weight:700;
  927. left:16px;
  928. position:absolute;
  929. padding:1px 5px;
  930. height:20px;
  931. }
  932. .post .item_image {
  933. background:#fff;
  934. border:1px solid #ddd;
  935. float:left;
  936. height:100px;
  937. text-align:center;
  938. width:124px;
  939. margin:0 15px 10px 0;
  940. padding:5px;
  941. }
  942. .post .item_thumb {
  943. height:92px;
  944. width:92px;
  945. }
  946. .post img {
  947. border:none;
  948. padding:0;
  949. }
  950.  
  951.  
  952. /* Grid Style */
  953. .grid {
  954. background:#fff url(http://4.bp.blogspot.com/-i1DxbZx-CLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top;
  955. border:1px solid #ddd;
  956. border-radius:2px;
  957. width:158px;
  958. margin:0 5px 5px 0;
  959. padding:0;
  960. }
  961. .grid h3 {
  962. background:#f3f3f3 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
  963. color:#111;
  964. text-shadow:1px 1px 1px #fff;
  965. border-bottom:1px solid #ddd;
  966. font-size:13px;
  967. font-weight:700;
  968. margin:0;
  969. padding:5px 10px;
  970. }
  971. .grid .post-body {
  972. background:#fbfbfb;
  973. width:136px;
  974. border:1px solid #fff;
  975. padding:10px;
  976. }
  977. .grid .item_price {
  978. top:130px;
  979. left:11px;
  980. }
  981. .grid .item_Description {
  982. display:none;
  983. visibility:hidden;
  984. }
  985. .grid .item_image {
  986. margin:0;
  987. }
  988. .grid img {
  989. border:none;
  990. padding:0;
  991. }
  992.  
  993. /* Add Cart and Readmore */
  994. a.item_add,a.more_info {
  995. position:relative;
  996. color:#838383;
  997. font-family:Arial,Helvetica,san-serif;
  998. font-size:9px;
  999. letter-spacing:-1px;
  1000. height:23px;
  1001. line-height:24px;
  1002. text-align:center;
  1003. text-decoration:none;
  1004. text-shadow:1px 1px 1px #fff;
  1005. text-transform:uppercase;
  1006. margin-top:10px;
  1007. font-weight:400;
  1008. border-radius:0;
  1009. border:none;
  1010. padding:0;
  1011. }
  1012. a.item_add {
  1013. background:url(https://lh6.googleusercontent.com/-zN16YGsnhqk/TjQ6Xo9nlQI/AAAAAAAAAsc/3qDZCtHtHBQ/add-button.png) no-repeat;
  1014. float:left;
  1015. width:70px;
  1016. }
  1017. a.more_info {
  1018. background:url(https://lh3.googleusercontent.com/-RYFYkcgTnh8/TjQ6Yc6hc3I/AAAAAAAAAso/7i5M8Jczk54/more-button.png) no-repeat bottom right;
  1019. float:left;
  1020. width:65px;
  1021. border-left:1px solid #ddd;
  1022. }
  1023. a.item_add:hover {
  1024. background-position:bottom left;
  1025. color:#4c4b4b;
  1026. }
  1027. a.more_info:hover {
  1028. background-position:top right;
  1029. color:#4c4b4b;
  1030. }
  1031.  
  1032. </style>
  1033. </b:if>
  1034.  
  1035.  
  1036. </head>
  1037. <body><div class='clearfix' id='container'>
  1038. <div id='top-bar'>
  1039. <ul id='top-nav'>
  1040. <li><a href='#'>Depan</a></li>
  1041. <li><a href='#'>Paket</a>
  1042. <ul class='sub-menu'>
  1043. <li><a href='#'>Warnet / Game Ekonomis</a></li>
  1044. <li><a href='#'>Warnet / Game Business</a></li>
  1045. <li><a href='#'>Warnet / Game Entreprise</a></li>
  1046. </ul>
  1047. </li>
  1048. <li><a href='#'>Contact</a></li>
  1049. <li><a href='#'>About</a></li>
  1050. </ul>
  1051.  
  1052. <div id='top-bar-right'>
  1053. <form action='/' id='topsearch' method='get'>
  1054. <input id='s' name='q' onblur='if(this.value.length == 0) this.value=&apos;Search this site..&apos;;' onclick='if(this.value == &apos;Search this site..&apos;) this.value=&apos;&apos;;' type='text' value='Search this site..'/>
  1055. <input class='searchsubmit' type='submit' value='Go'/>
  1056. </form>
  1057. <ul id='top_social'>
  1058. <li class='social_facebook'>
  1059. <a href='#' tooltip='facebook'><span>https://www.facebook.com/KedaiData</span></a></li>
  1060. <li class='social_twitter'>
  1061. <a href='#' tooltip='twitter'><span>twitter</span></a></li>
  1062. <li class='social_linkedin'>
  1063. <a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
  1064. <li class='social_rss'>
  1065. <a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
  1066. </ul>
  1067. </div>
  1068.  
  1069. </div>
  1070.  
  1071. <div class='clearfix' id='header-wrapper'>
  1072. <b:section class='header' id='header' showaddelement='no'>
  1073. <b:widget id='Header1' locked='true' title='Kelinci Percobaan (Header)' type='Header'/>
  1074. <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
  1075. <b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
  1076. <b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>
  1077. <img alt='Blogger Store v.2' height='61px; ' id='Header1_headerimg' src='http://2.bp.blogspot.com/-xwi7xGZxNjM/ToU1x8U_4-I/AAAAAAAAACU/KwrBTvHvu4Y/s1600/logo.png' style='display: block' width='369px; '/>
  1078. </b:section>
  1079. <!--//end of .header-->
  1080.  
  1081. <div class='header-right-element'>
  1082. <b:section class='ads-half-banner' id='ads-half-banner'>
  1083. <b:widget id='HTML1' locked='false' title='' type='HTML'/>
  1084. </b:section>
  1085. </div>
  1086. <!--//end of .header-right-element-->
  1087.  
  1088. <div class='clearfix' id='menu-wrapper'>
  1089. <div class='menu-cart'>
  1090. <a class='mycart' href='#'>My Cart : <span class='simpleCart_quantity'/> item(s)</a>
  1091. Total Price : <span class='simpleCart_total'/>
  1092. <div class='bag'>
  1093. <div class='simpleCart_items'/>
  1094. <div class='clear'/>
  1095. <a class='simpleCart_empty' href='javascript:;'>Empty Cart</a><a class='simpleCart_checkout' href='javascript:;'>Checkout</a>
  1096. </div>
  1097. </div>
  1098. <!--//end of .menu-cart-->
  1099.  
  1100. <ul class='nav'>
  1101. <li><a href='http://ojocobacoba.blogspot.com/2012/05/selamat-datang-di-kedai-data-inc.html'>Beranda</a></li>
  1102. <li><a href='http://ojocobacoba.blogspot.com/2012/05/selamat-datang-di-kedai-data-inc.html'>Our Business</a>
  1103. <ul>
  1104. <li><a href='#'>Web Development</a></li>
  1105. <li><a href='#'>Network Development</a></li>
  1106. <li><a href='#'>Desktop Application Development</a></li>
  1107. <li><a href='#'>Graphic Design</a></li>
  1108. <li><a class='current' href='/'>Home</a></li>
  1109. </ul>
  1110. </li>
  1111. <li><a href='/p/sample-page.html'>Starting Business</a></li>
  1112. <li><a href='http://javatemplates.com/blog/installing-and-customize-blogger-store-v2'>Business Continuity</a></li>
  1113. <li><a href='http://javatemplates.com/2011/blogger-store-v2'>License</a></li>
  1114. </ul>
  1115.  
  1116. </div>
  1117. <!--//end of #menu-->
  1118.  
  1119. </div>
  1120. <!--//end of #header-wrapper-->
  1121.  
  1122. <div class='clearfix' id='main-content'>
  1123.  
  1124. <div class='image_carousel clearfix'>
  1125. <script type='text/javascript'>
  1126. //<![CDATA[
  1127. random = true;
  1128. product_image = new Array();
  1129. product_image[0] = "/noimage.png"; // Image URL for product wich have no a thumbnail.
  1130. product_image_width = 250; // Product image width.
  1131. product_image_height = 260; // Product image height.
  1132. product_image_number = 9; // Value to show item.
  1133. //]]>
  1134. </script>
  1135. <script src='/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=featured_product' type='text/javascript'/>
  1136. <div class='clear'/>
  1137. <a class='prev' href='#' id='featured-product_prev'><span>prev</span></a>
  1138. <a class='next' href='#' id='featured-product_next'><span>next</span></a>
  1139. <div class='pagination' id='featured-product_pag'/>
  1140. </div> <!-- /image_carousel -->
  1141.  
  1142. <div class='content-left'>
  1143. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1144. <div class='display'>
  1145. <a class='grid_view' href='#'>Grid</a>
  1146. <a class='list_view' href='#'>Detail</a>
  1147. </div>
  1148. </b:if>
  1149. <b:section class='main' id='main' showaddelement='no'>
  1150. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
  1151. </b:section>
  1152. </div>
  1153. <!--//end of .content-left-->
  1154.  
  1155. <div class='content-right'>
  1156. <b:section class='sidebar' id='sidebar'>
  1157. <b:widget id='Label2' locked='false' title='Product Category' type='Label'/>
  1158. <b:widget id='Label1' locked='false' title='Labels' type='Label'/>
  1159. </b:section>
  1160. </div>
  1161. <!--//end of .content-right-->
  1162. </div>
  1163. <!--//end of #content-->
  1164.  
  1165. <div class='clearfix' id='footer'>
  1166. <div class='copyright'>
  1167. <p>Copyright 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
  1168. <p class='credits'>Powered by Blogger. Design by <a href='http://javatemplates.com'>Java Templates</a> - <a href='http://www.zoomtemplate.com'>Blogger Templates 2012</a></p>
  1169. </div>
  1170. <div class='footer-right'>
  1171. <a class='googlecheck' href='http://checkout.google.com/'>Google</a>
  1172. <a class='paypal' href='http://paypal.com'>Paypal</a>
  1173. </div>
  1174. </div>
  1175.  
  1176. </div>
  1177.  
  1178. <script type='text/javascript'>
  1179. //<![CDATA[
  1180. jQuery(document).ready(function() {
  1181. jQuery('a.mycart').click(function() {
  1182. jQuery('.bag').slideToggle('medium');
  1183. return false;
  1184. });
  1185.  
  1186. /* Superfish */
  1187. jQuery('.nav').superfish({
  1188. delay: 200,
  1189. animation: {
  1190. opacity: 'show'
  1191. },
  1192. speed: 'fast',
  1193. autoArrows: true,
  1194. dropShadows: false
  1195. })
  1196. /* Superfish */
  1197. jQuery('ul#top-nav').superfish({
  1198. delay: 200,
  1199. animation: {
  1200. opacity: 'show'
  1201. },
  1202. speed: 'fast',
  1203. autoArrows: true,
  1204. dropShadows: false
  1205. })
  1206.  
  1207. /* Style View */
  1208. var $box = jQuery('.post'),
  1209. $grid = jQuery('a.grid_view');
  1210. $list = jQuery('a.list_view');
  1211. $list.click(function() {
  1212. $box.removeClass("grid");
  1213. jQuery(this).addClass('active');
  1214. $grid.removeClass('active');
  1215. jQuery.cookie('list_style', 0);
  1216. return false;
  1217. });
  1218. $grid.click(function() {
  1219. $box.addClass("grid");
  1220. jQuery(this).addClass('active');
  1221. $list.removeClass('active');
  1222. jQuery.cookie('list_style', 1);
  1223. return false;
  1224. });
  1225. if (jQuery.cookie('list_style') == 0) {
  1226. $box.removeClass("grid");
  1227. $list.addClass('active');
  1228. } else {
  1229. $box.addClass("grid");
  1230. $grid.addClass('active');
  1231. }
  1232.  
  1233. jQuery('#featured-product').carouFredSel({
  1234. curcular: false,
  1235. infinite: false,
  1236. auto: true,
  1237. prev: {
  1238. button: '#featured-product_prev',
  1239. key: 'left'
  1240. },
  1241. next: {
  1242. button: '#featured-product_next',
  1243. key: 'right'
  1244. },
  1245. pagination: '#featured-product_pag'
  1246. });
  1247.  
  1248. jQuery('.footer-right a').hover(function(){
  1249. jQuery(this).stop().animate({
  1250. opacity: 1
  1251. }, 400);
  1252. }, function(){
  1253. jQuery(this).stop().animate({
  1254. opacity: 0.5
  1255. }, 400);
  1256. });
  1257. });
  1258. //end of ready function
  1259.  
  1260. //]]>
  1261. </script>
  1262. </body>
  1263. </html>
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!