Advertisement
themesbyjames

Intel

May 24th, 2012
129,802
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.87 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- -----------------------------------
  4.  
  5. THEME 'INTEL' BY JAMES 2012.
  6. HTTP://THEMESBYJAMES.TUMBLR.COM
  7.  
  8. PLEASE DO NOT REMOVE THE CREDIT
  9. VIEW TERMS AND CONDITIONS.
  10.  
  11. ------------------------------------ -->
  12.  
  13. <html><head>
  14. <title>{Title}</title>
  15. <meta name="color:Text" content="#000"/>
  16. <meta name="color:Link" content="#000"/>
  17. <meta name="color:Title" content="#000"/>
  18. <meta name="color:Hover" content="#000"/>
  19. <meta name="color:Scrollbar" content="#000"/>
  20. <meta name="color:Header" content="#FFF"/>
  21. <meta name="color:Entry" content="#FFF"/>
  22. <meta name="color:Background" content="#CCCCCC"/>
  23. <meta name="image:Background" content="0"/>
  24. <meta name="if:Show Blog Title" content="1"/>
  25. <meta name="if:Show Blog Description" content="1"/>
  26. <meta name="if:Header Fixed" content=""/>
  27. <meta name="if:Header Transparent" content=""/>
  28. <meta name="if:Entry Transparent" content=""/>
  29. <meta name="if:Faded Images" content="0"/>
  30. <meta name="if:Submit Link" content="0">
  31. <meta name="if:Archive Link" content="0">
  32.  
  33. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  34. <meta name="text:Drop Down Description" content="About"/>
  35. <meta name="text:Font Size" content="11px"/>
  36. <meta name="text:Post Title Font size" content="12px"/>
  37. <meta name="text:Link One" content="" />
  38. <meta name="text:Link One Title" content="" />
  39. <meta name="text:Link Two" content="" />
  40. <meta name="text:Link Two Title" content="" />
  41. <meta name="text:Link Three" content="" />
  42. <meta name="text:Link Three Title" content="" />
  43. <meta name="text:Link Four" content="" />
  44. <meta name="text:link Four Title" content="" />
  45. <meta name="text:link Five" content="" />
  46. <meta name="text:link Five Title" content="" />
  47.  
  48. <script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
  49. <script src="http://static.tumblr.com/twte3d7/C5Bllzh32/masonry.js"></script>
  50. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  51. <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  52. <script src="http://static.tumblr.com/ssdtkch/5cRls2m3o/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
  53. <link rel="stylesheet" href="http://static.tumblr.com/2w7y46r/tpCltl37a/pictos_base.css">
  54. <link href='http://fonts.googleapis.com/css?family=Open+Sans:700italic' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  57. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  58.  
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  64. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  65.  
  66. <style type="text/css">
  67.  
  68. html{height:101%;}
  69. body {
  70. color: {color:text};
  71. background-color: {color:Background};
  72. background-image:url({image:Background});
  73. font-family: {font:Body};
  74. font-size: {text:Font Size};
  75. margin-right:10px;}
  76.  
  77. #infscr-loading {
  78. position: absolute;
  79. bottom: 0;
  80. left: 25%;}
  81.  
  82. a:link, a:active, a:visited{
  83. color: {color:Link};
  84. text-decoration: none;}
  85.  
  86. p { margin: 5px 0px;}
  87.  
  88. a:hover {
  89. color:{color:Hover};
  90. text-decoration: none;
  91. -webkit-transition: color 0.2s ease-out;
  92. -moz-transition: color 0.2s ease-out;}
  93.  
  94. #content {
  95. width: 915px;
  96. padding-top:30px;
  97. height:101%;
  98. background-color:{color:Header};}
  99.  
  100. #contain {
  101. width: 915px;
  102. margin-top:32px;
  103. margin:auto;
  104. height:101%;
  105. padding-left:18px;
  106. padding-right:15px;
  107. background-color:{color:Header};}
  108.  
  109. #pagination{
  110. display:none;}
  111.  
  112. .clear {
  113. clear: both;}
  114.  
  115. .drawer {
  116. list-style: none;}
  117. #topmenu {
  118. margin: 5px;}
  119.  
  120. #description{
  121. position: relative;}
  122.  
  123. #page_menu{
  124. display:none;
  125. height:auto;
  126. z-index:501;
  127. width:902px;
  128. margin-top:32px;
  129. padding:5px;
  130. padding-left:3px;
  131. padding-left:3px;
  132. margin-left:-5px;
  133. position:absolute;
  134. background-color:{color:Header};}
  135.  
  136. #page_plus{
  137. margin-top:8px;
  138. float:left;
  139. z-index:16000000;
  140. text-transform: uppercase;
  141. font-family: Arial;
  142. font-size: 20px;
  143. line-height:22px;
  144. color:{color:link};
  145. letter-spacing:1px;}
  146.  
  147. #page_pluslink{
  148. margin-top:8px;
  149. margin-left:15px;
  150. float:left;
  151. z-index:16000000;
  152. text-transform: uppercase;
  153. font-family: Arial;
  154. font-size: 20px;
  155. letter-spacing:1px;}
  156.  
  157. .header{
  158. z-index:1300;
  159. z-index:1300;
  160. height:32px;
  161. width:900px;
  162. TOP:-2px;
  163. margin:auto;
  164. padding:0px 5px 0px 5px;
  165. {block:ifheadertransparent}
  166. opacity:0.8;
  167. {/block:ifheadertransparent}
  168. background-color:{color:Header};
  169. {block:ifheaderfixed}position: absolute;{/block:ifheaderfixed}
  170. {block:ifnotheaderfixed}position:fixed !important;{/block:ifnotheaderfixed}}
  171.  
  172. ol.notes img {
  173. width: 16px;
  174. display: inline;
  175. position: relative;
  176. top: 3px;
  177. }
  178.  
  179. .entry {
  180. {block:indexpage}
  181. float:left;
  182. width: 300px;
  183. margin: 2px;
  184. {/block:indexpage}
  185. {block:permalinkpage}
  186. width:915px;
  187. padding-top:15px;
  188. {block:permalinkpage}
  189. display: block;
  190. overflow: hidden;
  191. position: relative;
  192. {block:ifEntrytransparent}
  193. background-image:url(http://static.tumblr.com/6jwx45k/TMFm48ww6/yt200.png);
  194. {/block:ifEntrytransparent}
  195. {block:ifnotEntrytransparent}background-color:{color:Entry};{/block:ifnotEntrytransparent}
  196. }
  197.  
  198. .entry img {
  199. display: block;
  200. {block:iffadedimages}
  201. opacity:0.8;
  202. filter:alpha(opacity=80);
  203. -webkit-transition: all ease-in 250ms;
  204. -moz-transition: all ease-in 250ms;
  205. -o-transition: all ease-in 250ms;
  206. -ms-transition: all ease-in 250ms;
  207. transition: all ease-in 250ms;
  208. {/block:iffadedimages}}
  209.  
  210. .entry:hover img {
  211. {block:iffadedimages}
  212. opacity:1;
  213. filter:alpha(opacity=100);
  214. -webkit-transition: all ease-in 250ms;
  215. -moz-transition: all ease-in 250ms;
  216. -o-transition: all ease-in 250ms;
  217. -ms-transition: all ease-in 250ms;
  218. transition: all ease-in 250ms;
  219. {/block:iffadedimages}}
  220.  
  221. .entry:hover .details {
  222. opacity: 1.0;
  223. margin:12px 0px 0px 0px;
  224. filter: alpha(opacity = 100);
  225. -webkit-transition: all .25s ease-in-out;
  226. -moz-transition: all .25s ease-in-out;
  227. -o-transition: all .25s ease-in-out;
  228. transition: all .25s ease-in-out;}
  229.  
  230.  
  231. h3 {
  232. color: {color:title};
  233. font-size: {text:post title font size};
  234. font-weight:strong;
  235. letter-spacing:0.5px;}
  236.  
  237. .prm1 {
  238. text-transform: uppercase;
  239. margin: auto;
  240. font-family: trebuchet ms;
  241. letter-spacing: 1px;
  242. position: absolute;
  243. margin-top: 9px;
  244. left: 5px;
  245. opacity: 0;
  246. top: 0;
  247. filter: alpha(opacity = 0);
  248. -webkit-transition: all ease-in 333ms;
  249. -moz-transition: all ease-in 333ms;
  250. -o-transition: all ease-in 333ms;
  251. -ms-transition: all ease-in 333ms;
  252. transition: all ease-in 333ms;}
  253.  
  254. .entry:hover .prm1 {
  255. opacity: 1;
  256. filter: alpha(opacity = 100);}
  257.  
  258. blockquote, q {
  259. quotes: "ยซ" "ยป" "'" "'";
  260. padding: 2px 2px;
  261. margin: 5px 10px 5px 10px;
  262. }
  263.  
  264.  
  265. .an {
  266. text-align:left;
  267. padding-left:5px;
  268. padding-right:5px;
  269. border-left: 2px solid #000000;
  270. border-right: 2px solid #000000; }
  271.  
  272. .entry:hover .textperma {
  273. opacity: 1;
  274. filter: alpha(opacity = 100);
  275. -webkit-transition: all ease-in 250ms;
  276. -moz-transition: all ease-in 250ms;
  277. -o-transition: all ease-in 250ms;
  278. -ms-transition: all ease-in 250ms;
  279. transition: all ease-in 250ms;}
  280.  
  281. .likep {
  282. width: 21px;
  283. height: 20px;
  284. overflow: hidden;
  285. position: relative;
  286. z-index: 1200;
  287. position: absolute;
  288. margin-top: 26px;
  289. margin-left: 5px;}
  290.  
  291. .rep {
  292. width: 24px;
  293. height: 20px;
  294. overflow: hidden;
  295. position: relative;
  296. z-index: 1200;
  297. position: absolute;
  298. margin-top: 26px;
  299. margin-left: 29px;}
  300.  
  301.  
  302. .likep a:hover {
  303. background-position: 0px 0px;}
  304.  
  305. .likep a {
  306. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  307. background-position: 0px 0px;
  308. display: block;
  309. z-index: 1200;
  310. webkit-transition: all 0s linear;
  311. -webkit-transition: all 0s linear;
  312. -moz-transition: all 0s linear;
  313. transition: all 0s linear;}
  314.  
  315. .likep img {
  316. width: 21px;
  317. height: 20px;
  318. webkit-transition: all 0.2s linear;
  319. -webkit-transition: all 0.2s linear;
  320. -moz-transition: all 0.2s linear;
  321. transition: all 0.2s linear;}
  322.  
  323. .rep img{
  324. width: 24px;
  325. height: 20px;
  326. line-height: 30px;
  327. display: inline;}
  328.  
  329. h7 { color: #ffffff;}
  330.  
  331. .not { position: absolute;
  332. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  333. height: 20px;
  334. font-size: 11px;
  335. line-height: 20px;
  336. color: #fff;
  337. position: absolute;
  338. margin-top: 26px;
  339. margin-left: 56px;
  340. padding-left: 4px;
  341. padding-right: 4px;
  342. -moz-border-radius: 2px;
  343. border-radius: 2px;}
  344.  
  345.  
  346. .illuminati{
  347. text-transform:uppercase;
  348. list-style:none;}
  349.  
  350. .not a{
  351. color: #fff;
  352. font-weight: bold;
  353. font-family: Arial, Helvetica, sans-serif;}
  354.  
  355. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  356. opacity: 0.8;
  357. filter: alpha(opacity = 80);}
  358.  
  359. .not:hover , .rep:hover, .likep:hover {
  360. opacity: 1!important;
  361. filter: alpha(opacity = 100)!important;}
  362.  
  363. .perma{
  364. opacity: 0.0;
  365. filter: alpha(opacity = 0);
  366. top: 30%;
  367. left:35%;
  368. height: 30px;
  369. line-height: 30px;
  370. font-size: 9px;
  371. position:absolute;
  372. text-align: center;
  373. z-index:1200;}
  374.  
  375. .entry:hover .perma {
  376. -webkit-transition: opacity 0.4s linear;
  377. opacity: 1;
  378. -moz-transition: all 0.4s linear;
  379. transition: all 0.4s linear;
  380. filter: alpha(opacity = 100);}
  381.  
  382. .shinonuma{
  383. {list-style-type:none;
  384. text-align:left;
  385. text-transform:uppercase;}
  386.  
  387. #tumblr_controls{
  388. position:fixed !important;
  389. top: 1px;
  390. right: 6px;
  391. z-index:9999999999999;
  392. }
  393.  
  394. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  395. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  396.  
  397. </style>
  398.  
  399. <script>
  400. var IsOpen = "no";
  401. function ShowMenu()
  402. {
  403. if (IsOpen == "no")
  404. {
  405. $("#page_menu").slideDown("slow");
  406. document.getElementById('page_plus').innerHTML = '{text:drop down description} -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  407. IsOpen="yes";
  408. }else
  409. {
  410. $("#page_menu").slideUp("slow");
  411. document.getElementById('page_plus').innerHTML = '{text:drop down description} +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  412. IsOpen="no";
  413. }
  414. }
  415. </script>
  416. <script>
  417. var IsOpen2 = "no";
  418. function ShowMenu2()
  419. {
  420. if (IsOpen2 == "no")
  421. {
  422.  
  423. $("#header_menu").slideDown("slow");
  424. $("#page_menu").slideDown("slow");
  425.  
  426. document.getElementById('page_plusask').innerHTML = '';
  427. IsOpen2="yes";
  428. }else
  429. {
  430. $("#header_menu").slideUp("slow");
  431. $("#page_menu").slideUp("slow");
  432. document.getElementById('page_plusask').innerHTML = '';
  433. IsOpen2="no";
  434. }
  435. }
  436. </script>
  437.  
  438. </head><body>
  439.  
  440.  
  441. <div id="contain"><div id="content">
  442.  
  443. <div class="header">
  444. {block:ifShowBlogTitle}
  445. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;"><a href="/"><u>{title}</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>{block:ifShowBlogTitle}
  446.  
  447. {block:ifShowBlogDescription}<div id="page_plus" onclick="ShowMenu();changeText();" style="cursor:help; margin-left:0px;">{text:drop down description} +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>{block:ifShowBlogDescription}
  448.  
  449. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="/ask">Message</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  450. </div>
  451.  
  452. {block:ifLinkOneTitle}
  453. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="{text:Link One}">{text:Link One Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  454. </div>{/block:ifLinkOneTitle}
  455.  
  456. {block:ifLinkTwoTitle}
  457. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="{text:Link Two}">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  458. </div>{/block:ifLinkTwoTitle}
  459.  
  460. {block:ifLinkThreeTitle}
  461. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="{text:Link Three}">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  462. </div>{/block:ifLinkThreeTitle}
  463.  
  464. {block:ifLinkFourTitle}
  465. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="{text:Link Four}">{text:Link Four Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  466. </div>{/block:ifLinkFourTitle}
  467.  
  468. {block:ifLinkFiveTitle}
  469. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="{text:Link Five}">{text:Link Five Title}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  470. </div>{/block:ifLinkFiveTitle}
  471.  
  472. {block:HasPages}
  473. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;">{block:Pages}<a href="{URL}" class="link">{Label}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:Pages}</div>{/block:HasPages}
  474.  
  475. {block:ifSubmitLink}
  476. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="/submit">Submit</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  477. </div>{/block:ifSubmitLink}
  478.  
  479. {block:ifArchiveLink}
  480. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="/archive">Archive</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  481. </div>{/block:ifArchiveLink}
  482.  
  483. <div id="page_pluslink" style="cursor:pointer; margin-left:0px;text-transform:uppercase;"><a href="http://themesbyjames.tumblr.com">Theme</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  484. </div>
  485.  
  486. <div id="page_menu">
  487. {block:Description} <div id="description"><p>{Description}<p></div>{/block:Description}</div>
  488. </div>
  489.  
  490. {block:Posts}
  491. <div class="entry">
  492.  
  493. {block:Text}
  494. <div class="text">
  495. {block:Title}
  496. <h3><a href="{Permalink}">{Title}</a></h3>
  497. {/block:Title}
  498. {Body}
  499. {block:indexpage}
  500. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  501. {/block:indexpage}
  502. </div>
  503. {/block:Text}
  504.  
  505. {block:Photo}
  506. {block:IndexPage}<div class="perma">
  507. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div><div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div></div>
  508. {/block:IndexPage}
  509. {block:indexpage}
  510. {LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:indexpage}
  511. {block:permalinkpage}
  512. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  513. {/block:permalinkpage}
  514. {/block:Photo}
  515.  
  516. {block:Photoset}
  517. {block:IndexPage}<center>{Photoset-250}</center>{/block:IndexPage}
  518. {block:permalinkpage}
  519. {Photoset-500}
  520. {/block:permalinkpage}
  521. {block:indexpage}
  522. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  523. {/block:indexpage}
  524. {/block:Photoset}
  525.  
  526. {block:Quote}<div class="text">
  527. "{Quote}"
  528. {block:Source}
  529. <div class="source">{Source}</div>
  530. {/block:Source}
  531. {block:indexpage}
  532. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  533. {/block:indexpage}
  534. </div>{/block:Quote}
  535.  
  536. {block:Link}<div class="text">
  537. <h3><a href="{URL}" class="link" {Target}>{Name}</a> </h3>
  538. {block:Description}
  539. <div class="description">{Description}</div>
  540. {/block:Description}
  541. {block:indexpage}
  542. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  543. {/block:indexpage}
  544. </div>{/block:Link}
  545.  
  546. {block:Chat}<div class="text">
  547. {block:Title}
  548. <h3><a href="{Permalink}">{Title}</a></h3>
  549. {/block:Title}
  550. <ul class="chat">
  551. {block:Lines}
  552. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  553.  
  554. {Line} </li>
  555. {/block:Lines}
  556. </ul>
  557. {block:indexpage}
  558. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  559. {/block:indexpage}
  560. </div>{/block:Chat}
  561.  
  562. {block:Video}
  563. {block:indexpage}
  564. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  565. {/block:indexpage}
  566. <center>
  567. {block:IndexPage}{Video-250}{/block:IndexPage}
  568. </center>
  569. {block:permalinkpage}
  570. {Video-500}
  571. {/block:permalinkpage}
  572.  
  573. {/block:Video}
  574.  
  575. {block:Audio}<div class="text">
  576. {AudioPlayerBlack}
  577. {block:Caption}
  578. {Caption}
  579. {/block:Caption}
  580. {block:indexpage}
  581. <p class="shinonuma"> <a href="{permalink}">{TimeAgo}</a> // <a href="{permalink}">{NoteCountwithlabel}</a></p>
  582. {/block:indexpage}
  583. </div>{/block:Audio}
  584.  
  585. {block:PermalinkPage}
  586. <div class="illuminati">
  587. {block:Date}
  588. <li>{PostType}</li>
  589. <li>
  590. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  591. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  592. at {12Hour}:{Minutes}{AmPm}</li> {block:Date}
  593. {block:RebloggedFrom}
  594. <li>Reblogged from: <a href="{ReblogRootUrl}">{ReblogParentName}</a>.
  595. </li>{/block:RebloggedFrom}
  596. {block:RebloggedFrom}
  597. <li>Posted by: <a href="{ReblogParentUrl}">{ReblogRootName}</a>.
  598. </li>{/block:RebloggedFrom}
  599. {block:NoteCount}<li>{NoteCountWithLabel}</li>{/block:NoteCount}
  600. <p>
  601. {block:PostNotes}
  602. {PostNotes}
  603. {/block:PostNotes}
  604. </div>
  605. {/block:PermalinkPage}
  606. </div>
  607. {/block:Posts}
  608. </div>
  609. <div class="clear"></div>
  610.  
  611. {block:Pagination}
  612. <ul id="pagination">
  613. {block:PreviousPage}
  614. <li><a href="{PreviousPage}"></a></li>
  615. {/block:PreviousPage}
  616. {block:JumpPagination length="5"}
  617. {block:CurrentPage}
  618. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  619. {/block:CurrentPage}
  620. {block:JumpPage}
  621. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  622. {/block:JumpPage}
  623. {/block:JumpPagination}
  624. {block:NextPage}
  625. <li><a id="nextPage" href="{NextPage}"></a></li>
  626. {/block:NextPage}
  627. </ul>
  628. {/block:Pagination}
  629.  
  630. <!-- INFINTE SCROLL SCRIPT -->
  631. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  632. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/Pekm8e85q/infinite_scroll.js"></script>
  633. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  634. <script>
  635. $(function(){
  636. var $container = $('#content');
  637. $container.imagesLoaded(function(){
  638. $container.masonry({
  639. itemSelector: '.entry',
  640. columnWidth:0
  641. });
  642. });
  643. $container.infinitescroll({
  644. navSelector : 'div#pagination',
  645. nextSelector : 'div#pagination a#nextPage',
  646. itemSelector : '.entry', // selector for all items you'll retrieve
  647. loading: {
  648. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif',
  649. finishedMsg: '<em></em>',
  650. bufferPx : 100,
  651. debug : false,
  652. }
  653. },
  654. // trigger Masonry as a callback
  655. function( newElements ) {
  656. // hide new items while they are loading
  657. var $newElems = $( newElements ).css({ opacity: 0 });
  658. // ensure that images load before adding to masonry layout
  659. $newElems.imagesLoaded(function(){
  660. // show elems now they're ready
  661. $newElems.animate({ opacity: 1 });
  662. $container.masonry( 'appended', $newElems, true );
  663. });
  664. }
  665. );
  666. });
  667. </script>
  668.  
  669. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/2MFlzww4p/likenew.js"></script>
  670. <span id="scriptsinsert"> </span>
  671. </body></html><!--END OF THEME-->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement