API tools faq
paste
babirdgs

Theme Fourty Six

babirdgs
Jul 18th, 2013
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-- DEFECTSS'S THEMES, MOTHERFUCKERS COPY -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10. <div style="position:fixed;z-index:1338; !important;top:26px;right:3px;"><script src="http://www.totallylayouts.com/tumblr/users-online-counter/online.js?id=uoNbiy0ta1kvKFI9uZsp"></script></div>
  11.  
  12. {block:IfNotAlwaysShowDescription}
  13. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  14. <script src="toggle.js" type="text/javascript"></script>
  15. <script type="text/javascript">
  16. $(document).ready(function(){
  17. $(".info").hide();
  18. $(".title").click(function(){
  19. $('.info').slideToggle(300);
  20. return true;
  21. });
  22. });
  23. </script>{/block:IfNotAlwaysShowDescription}
  24. <!-- DEFAULT VARIABLES -->
  25. <meta name="color:background" content="#ffffff" />
  26. <meta name="color:text" content="#3d3d3d" />
  27. <meta name="color:entry" content="#FFFFFF" />
  28. <meta name="color:border" content="#dadada" />
  29. <meta name="color:simbl" content="#dadada" />
  30. <meta name="color:linkx" content="#FFFFFF" />
  31. <meta name="color:linkss" content="#000000" />
  32. <meta name="color:link" content="#000000" />
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:background" content=""/>
  35. <meta name="text:simbl" content="♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡♡" />
  36. <meta name="text:Link1" content="" />
  37. <meta name="text:Link1 Title" content="" />
  38. <meta name="text:Link2" content="" />
  39. <meta name="text:Link2 Title" content="" />
  40. <meta name="text:Link3" content="" />
  41. <meta name="text:Link3 Title" content="" />
  42. <meta name="text:Link4" content="" />
  43. <meta name="text:Link4 Title" content="" />
  44. <meta name="text:Link5" content="" />
  45. <meta name="text:Link5 Title" content="" />
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}
  51. <meta name="description" content="{MetaDescription}" />
  52. {/block:Description}
  53.  
  54. {block:IfEnableEndlessScrolling}
  55. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  56. {/block:IfEnableEndlessScrolling}
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  63.  
  64. {PostSummary} - {/block:PostSummary}{Title}</title>
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69.  
  70. iframe#tumblr_controls{
  71. top: 1px !important;
  72. margin: 0 0 0 0;
  73. right: 6px !important;
  74. position: fixed !important;
  75. }
  76.  
  77. body {
  78. margin:0px;
  79. background-color: {color:Background};
  80. background-image:url({image:Background});
  81. background-attachment: fixed;
  82. background-repeat: no-repeat;
  83. {block:IfRepeatBackgroundImage}
  84. background-repeat: repeat;
  85. {/block:IfRepeatBackgroundImage}
  86.  
  87. font-size:11px;
  88. font-family: Trebuchet MS;
  89. line-height:12px;
  90. color:{color:Text};
  91. {block:IfItalicFont}font-style:italic;{/block:IfItalicFont}
  92. }
  93.  
  94. a:link, a:active, a:visited{
  95. color: {color:Link};
  96. text-decoration: none;
  97. -moz-transition: all 0.3s;
  98. -webkit-transition: all 0.3s;
  99. -o-transition: all 0.3s;
  100. transition: all 0.3;
  101. }
  102.  
  103. a:hover {
  104. color:{color:Hover};
  105. -moz-transition: all 0.3s;
  106. -webkit-transition: all 0.3s;
  107. -o-transition: all 0.3s;
  108. transition: all 0.3;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb:vertical {
  112. background-color:{color:text};
  113. height:100px;
  114. }
  115. ::-webkit-scrollbar-thumb:horizontal {
  116. background-color:{color:text};
  117. height:10px;
  118. }
  119. ::-webkit-scrollbar {
  120. height:10px;
  121. width:22px;
  122. background-color:{color:background};
  123.  
  124. }
  125.  
  126. padding:0 0 0 5px;}
  127.  
  128. #sidebar {position: fixed; margin: 120px 0px 0px 250px;}
  129.  
  130. #side {position: fixed; width:220px; margin-left:170px;}
  131.  
  132. .sdescri {text-align: justify; overflow: hidden; font-size: 9px; font-family: verdana; position: fixed; margin-left:70px; width: 140px; height: 164px; background-color: {color:border}; color: #777; margin-top:100px; background-attachment: fixed; z-index: 10}
  133.  
  134. .sdescri img{width: 126px; height:150px; margin-left:2px; margin-top: 2px; -webkit-transition-duration: 1.0s; -moz-transition-duration: 1.0s; border: 5px solid #fff; -webkit-border-radius: 0px 0px 0px 0px;}
  135.  
  136. .link1 {width:126px; position:absolute; font-family:georgia; font-style: italic; font-size:9px;text-align:center;margin-top:-75px; background-color:{color:linkx};color: {color:linkss}; opacity:0; margin-left:100px;-webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  137.  
  138. .link2 {width:126px; position:absolute; font-family:georgia; font-style: italic; font-size:9px;text-align:center;margin-top:-62px; background-color:{color:linkx}; color: {color:linkss}; opacity:0;margin-left:120px;-webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  139.  
  140. .link3 {width:126px; position:absolute; font-family:georgia; font-style: italic; font-size:9px;text-align:center;margin-top:-49px; background-color:{color:linkx}; color: {color:linkss};opacity:0;margin-left:140px;-webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  141.  
  142. .link4 {width:126px; position:absolute; font-family:georgia; font-style: italic; font-size:9px;text-align:center;margin-top:-36px; background-color:{color:linkx}; color: {color:linkss};opacity:0;margin-left:160px;-webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  143.  
  144. .link5 {width:126px; position:absolute; font-family:georgia; font-style: italic; font-size:9px;text-align:center;margin-top:-23px; background-color:{color:linkx}; color: {color:linkss}; opacity:0;margin-left:180px;-webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  145.  
  146. /* title */
  147.  
  148. .text {text-align: center; font-family: georgia; font-size: 10px; color: {color:text};}
  149.  
  150. #always {width: 185px; margin-left: -19px; height: auto; margin-top: -190px; float:left; text-align: center; background-color: #f5f5f5; font-size: 16px; position:fixed; padding: 5px; }
  151.  
  152. .sdescri:hover .link1 {opacity:0.85;margin-left:7px;}
  153. .sdescri:hover .link2 {opacity:0.85;margin-left:7px;}
  154. .sdescri:hover .link3 {opacity:0.85;margin-left:7px;}
  155. .sdescri:hover .link4 {opacity:0.85;margin-left:7px;}
  156. .sdescri:hover .link5 {opacity:0.85;margin-left:7px;}
  157.  
  158. .titlexx {text-align: center; font-family:georgia; font-size: 11px; color: #aaa; margin-top: 252px; margin-left: 70px; position:fixed; color:{color:simbl} }
  159.  
  160. .titlexx:hover {margin-top:267px; -webkit-transition: all 1.1s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
  161.  
  162. .cred {text-align: center; font-family:georgia; font-size: 9px; color: #ececec; margin-top: -2px; margin-left: 130px; position:fixed;}
  163.  
  164. #infscr-loading { position: absolute!important; width: 16px!important; height: 11px!important; bottom: 0px!important; left: 50%!important; margin-top: 10px!important; margin-bottom: 5px!important;}
  165.  
  166. #content {width: 691px; margin-top:10px; margin-left:395px; -webkit-transition: all 1.2s ease-in-out; opacity:1; z-index:20; font-family: georgia;font-size:11px; padding:11; }
  167.  
  168. #header {width: auto; text-align: center; -webkit-transition: all 1.2s ease-in-out;}
  169.  
  170. #contain {margin: 0px auto; -webkit-transition: all 1.2s ease-in-out; z-index:9; }
  171.  
  172. .quotes{position:absolute; opacity: 0.2; top: 30px; margin-left: -110px; font-size: 90px;}
  173. ol.notes img {width: 16px; display: inline; position: relative; top: 5px;}
  174.  
  175. .entry { {block:indexpage} width: 250px; -webkit-transition: all 1.2s ease-in-out; {/block:indexpage} {block:permalinkpage} -webkit-transition: all 1.2s ease-in-out; width: 500px; float:center; position: fixed; top: 400px{/block:permalinkpage} display: block; position: relative; background:{color:posts}; margin-left:1px; margin-top:1px; padding:2px; z-index:9; }
  176.  
  177. .entry img {display: block; max-width: 100%; float:center; -webkit-transition: all 0.3s ease-in-out; -webkit-border-radius: 0px;}
  178. .entry img:hover {opacity:1;}
  179.  
  180. .entry:hover {opacity:1;-webkit-transition: all 1.2s ease-in-out;}
  181. blockquote, q {quotes: "" "" "'" "'";padding-left:2px; border-left: 5px solid {color:text}; background: transaprent;}
  182.  
  183. p {margin: 5px 0px;}
  184.  
  185.  
  186. p.tags a {
  187. opacity: 0.50;
  188. filter: alpha(opacity = 50);
  189. }
  190.  
  191. p.tags a:hover {
  192. opacity: 1.0;
  193. filter: alpha(opacity = 100);
  194. }
  195. p.tags {
  196. padding: 0px;
  197. height: 14px;
  198. margin: 0px;
  199. font-size: 9px;
  200. margin: 0px;
  201. text-transform: uppercase;
  202. {block:ifshowtags}
  203. border-top: 1px solid {color:border color};
  204. {/block:ifshowtags}
  205. }
  206.  
  207. .nav {
  208. color: {color:text};
  209. font-size: 9px;
  210. margin: 2px;
  211. line-height: 8px;
  212. text-align: center;
  213. display: inline-block;
  214. }
  215. .t a{
  216. text-align: right;
  217. opacity: .5;
  218. filter: alpha(opacity = 50);
  219. }
  220.  
  221.  
  222. .count_note {{block:IndexPage}
  223. position:absolute;
  224. background-color: rgba(0, 0, 0, .60);
  225. opacity:0;
  226. bottom:10px;
  227. left:-55px;
  228. font-size: 6px;
  229. padding-left: 4px;
  230. height:12px;
  231. padding: 4px;
  232. -webkit-border-radius: 2px;
  233. -moz-border-radius: 2px;
  234. border-radius: 2px;
  235. -webkit-transition: all 0.4s ease-out;
  236. -moz-transition: all 0.4s ease-out;
  237. transition: all 0.4s ease-out;
  238. line-height:11px;
  239. -webkit-filter: invert(0%);
  240. {/block:IndexPage}}
  241.  
  242.  
  243.  
  244. .entry .count_note {color:#fff; font-family: arial; font-size: 10px;}
  245.  
  246.  
  247. .entry .count_note {left:0px}
  248.  
  249. .entry:hover .count_note {
  250. opacity:1;
  251. left:10px;
  252. -webkit-filter: invert(0%);}
  253.  
  254. .like {
  255. {block:IndexPage}
  256. position:absolute;
  257. width: 21px;
  258. height: 25px;
  259. right:40px;
  260. opacity:0;
  261. bottom:5px;
  262. -webkit-transition: all 0.4s ease-out;
  263. -moz-transition: all 0.4s ease-out;
  264. transition: all 0.4s ease-out;
  265. -webkit-filter: invert(0%);
  266. {/block:IndexPage}}
  267.  
  268. .like span{
  269. {block:IndexPage}
  270. height: 20px;
  271. width: 21px;
  272. display:block;
  273. background: url(http://24.media.tumblr.com/tumblr_mbupd4WLOE1qhtapco1_100.png)
  274.  
  275. no-repeat;
  276. background-position: 0px 0px;
  277. -webkit-transition: all 0.4s ease-out;
  278. -moz-transition: all 0.4s ease-out;
  279. transition: all 0.4s ease-out;
  280. {/block:IndexPage}
  281. }
  282.  
  283. .entry .like {right:0px; }
  284.  
  285. .entry:hover .like {bottom:5px;;
  286. opacity:1;
  287. right:10px;
  288. -webkit-transition: all 0.4s ease-out;
  289. -moz-transition: all 0.4s ease-out;
  290. transition: all 0.4s ease-out;
  291. -webkit-filter: invert(0%);}
  292.  
  293. .reblog{
  294. {block:IndexPage}
  295. position:absolute;
  296. width:25px;
  297. height:25px;
  298. bottom:5px;
  299. right:25px;
  300. opacity:0;
  301. background: url(http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png) no-repeat;
  302. -webkit-transition: all 0.4s ease-out;
  303. -moz-transition: all 0.4s ease-out;
  304. transition: all 0.4s ease-out;
  305. -webkit-filter: invert(0%);
  306. {/block:IndexPage};}
  307.  
  308. .entry:hover .reblog {
  309. opacity:1;
  310. right:35px; -webkit-filter: invert(0%);}
  311.  
  312.  
  313. .question {color:{color:text};font-size:10px;font-weight: normal;
  314. font-family:consolas;line-height:95%;background: {color:posts};
  315. position: relative;min-height:70px;padding:10px 15px;
  316. margin-bottom:2px;margin-right:-10px; border-bottom: 1px solid #ececec}
  317.  
  318. .answer {font-family:consolas; font-size:10px; border-bottom: 1px solid #ececec}
  319.  
  320. .question a {color:{color:text};font-size: 10px;}
  321.  
  322.  
  323. .questionarrow {font-size:30px;color:{color:background};
  324. vertical-align:middle;margin-left:-5px!important;}
  325.  
  326.  
  327. .t a{text-align: right; opacity: .5; filter: alpha(opacity = 50);}
  328. .entry .t a:hover, .entry .ti a:hover{ text-align: right; opacity: 1.0; filter: alpha(opacity = 100);}
  329.  
  330. p.t {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 16px;text-transform: uppercase;text-align: right;font-size: 9px;border-top: 0px solid {color:text};}
  331.  
  332. p.t a {margin: 0 0px;}
  333.  
  334. p.ti {display: block;margin: 0px 0px 0px 0px;height: 14px;line-height: 14px;
  335. text-transform: uppercase;
  336. text-align: center;
  337. font-size: 8px;
  338. border-top: 1px solid {color:text};
  339. }
  340.  
  341. p.ti a {
  342. margin: 0 0px;
  343. }
  344. .pp {
  345. text-transform: uppercase;
  346. text-align: left;
  347. }
  348.  
  349. select {
  350. font-size: 9px;
  351. width: 125px;
  352. text-transform: uppercase;
  353. letter-spacing: 1px;
  354. padding: 1px;
  355. background: {color:posts};
  356. color: {color:link};
  357. border: 1px solid {color:text};
  358. }
  359. .wtf {
  360. font-size:9px;
  361. font-family:Trebuchet MS;
  362. background:{color:question};
  363. padding-left:2px;
  364. border-left:5px solid {color:text};}
  365.  
  366. .entry .linkspost {position: relative;
  367. opacity: 1;
  368. text-align: center;
  369. width: 250px;
  370. margin-top:4px; border-bottom: 1px solid #eeeeee}
  371.  
  372. .entry .linkspost a {letter-spacing:2px; font-size:10px; font-family: consolas; letter-spacing: 0px; }
  373.  
  374. .entry:hover .linkspost{position: relative; margin-top:4px; opacity: 1; }
  375.  
  376.  
  377.  
  378. .p1{
  379. display: inline-block;
  380. height: auto;
  381. font-size: 8px;
  382. text-transform: uppercase;
  383. margin-top:5px;
  384. width:100px;
  385. display:block
  386. }
  387.  
  388. .p1 a:hover {
  389. background: rgba(255, 255, 255, 100);
  390. }
  391.  
  392. .p1 a {
  393. color: {color:text};
  394. font-size:9px;
  395. background: rgba(255, 255, 255, .75);
  396. width:70px;
  397. line-height:12px;
  398. display:block;
  399. padding-left:4px;
  400. }
  401.  
  402.  
  403. .text {
  404. padding: 2px;
  405. font-family:calibri;
  406. line-height: 110%;
  407. font-size:11px
  408. }
  409. .shit {
  410. padding-left:2px;
  411. border-left:5px solid {color:Text};
  412. }
  413. .quote {
  414. padding: 10px;
  415. font-size:11px;
  416. line-height:9px;
  417. margin-top:15px;
  418. }
  419.  
  420. .chat {font-size: 11px; font-family: georgia; width: 220px; margin-left: -40px;}
  421.  
  422. #toTop {
  423. display:none;
  424. text-decoration:none;
  425. position:fixed;
  426. bottom:10px;
  427. right:10px;
  428. overflow:hidden;
  429. width:21px;
  430. height:21px;
  431. border:none;
  432. text-indent:100%;
  433. background:url(http://media.tumblr.com/tumblr_m6oxuvVWe81qe1m3a.png) no-repeat left top;
  434. opacity: .7;
  435. filter: alpha(opacity = 50);
  436. }
  437.  
  438. #toTopHover {
  439. width:11px;
  440. height:11px;
  441. display:block;
  442. overflow:hidden;
  443. float:left;
  444. opacity: 0;
  445. -moz-opacity: 0;
  446. filter:alpha(opacity=0);
  447. }
  448.  
  449. #toTop:hover {
  450. opacity: 1;
  451. filter: alpha(opacity = 100);
  452. }
  453.  
  454. #toTop:active, #toTop:focus {
  455. outline:none;
  456. }
  457.  
  458.  
  459. ::-webkit-scrollbar-thumb:vertical {
  460. background-color:{color:text};
  461. height:auto;
  462. -webkit-box-shadow: inset 0 0 6px {color:background};
  463. -webkit-border-radius:4px;
  464. }
  465.  
  466. ::-webkit-scrollbar-thumb:horizontal {
  467. background-color:{color:Text};
  468. height:5px !important;
  469. -webkit-box-shadow: inset 0 0 6px {color:background};
  470. -webkit-border-radius:4px;
  471. }
  472.  
  473. ::-webkit-scrollbar {
  474. height:2px;
  475. width:4px;
  476. background-color:{color:Background};
  477. }
  478.  
  479. ::-webkit-scrollbar-corner {
  480. background-color:{color:Background};
  481. }
  482.  
  483. ::selection {color:{color:background}; background-color:{color:background};}
  484. ::-moz-selection { color:{color:background}; background-color:{color:background};}
  485. ::-webkit-selection { color:{color:background}; background-color:{color:background};}
  486. {/block:IndexPage};}
  487. {CustomCSS}
  488. </style>
  489. <link rel="shortcut icon" href="{Favicon}">
  490. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  491. <meta name="viewport" content="width=820" />
  492.  
  493. {block:IndexPage}
  494.  
  495. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  496.  
  497. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  498.  
  499. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  500.  
  501. <script type="text/javascript">
  502. $(window).load(function(){
  503. var $wall = $('#content');
  504. $wall.imagesLoaded(function(){
  505. $wall.masonry({
  506. itemSelector: '.entry',
  507. isAnimated : true
  508. });
  509. });
  510. $wall.infinitescroll({
  511. navSelector : "div#navigation",
  512. nextSelector : "div#navigation a#nextPage",
  513. itemSelector : '.entry',
  514. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  515. loadingText : " ",
  516. donetext : " ",
  517. extraScrollPx : 9000,
  518. bufferPx : 10000,
  519. debug : false,
  520. errorCallback: function() {
  521. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  522. }},
  523. function( newElements ) {
  524. var $newElems = $( newElements );
  525. $newElems.hide();
  526. $newElems.imagesLoaded(function(){
  527. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  528. });
  529. }); $('#content').show(500);
  530. });
  531. </script>
  532. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  533.  
  534.  
  535. {/block:IndexPage}
  536.  
  537.  
  538. </head>
  539.  
  540.  
  541. <body onkeydown="return false">
  542.  
  543. <div id="sidebar">
  544. <div id="side">
  545.  
  546. <div class="sdescri"><img src="{image:sidebar}"/>
  547.  
  548. <a href="{text:Link1}"><div class="link1">{text:Link1 Title}</div></a>
  549. <a href="{text:Link2}"><div class="link2">{text:Link2 Title}</div></a>
  550. <a href="{text:Link3}"><div class="link3">{text:Link3 Title}</div></a>
  551. <a href="{text:Link4}"><div class="link4">{text:Link4 Title}</div></a>
  552. <a href="{text:Link5}"><div class="link5">{text:Link5 Title}</div></a></div>
  553. <div class="titlexx">{title}<br><small>{text:simbl}</small>
  554.  
  555. <div class="cred"><a href="http://crystalis-m.tumblr.com/" title="by crystalis-m and defectss">@</a></div>
  556.  
  557. </div></div>
  558.  
  559. <div id="content">
  560. {block:Posts}
  561. <div class="entry">
  562.  
  563.  
  564. {block:Text}{block:Title}<center><div class="title"><a href="{Permalink}">{Title}</a></div></center>{/block:Title}{Body}
  565. <center>
  566. <div class="linkspost">
  567. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  568. </div></center>
  569. {/block:Text}
  570.  
  571. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  572. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>
  573. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  574.  
  575. rel="{ReblogURL}"></div></a>
  576. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  577. {/block:Photo}
  578.  
  579. {block:Photoset}{Photoset-250}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}
  580. <a id="note_count_{PostID}" href="{Permalink}" class="count_note">{NoteCount}</a>
  581. <div class="like" href="javascript:void(0);"><span id="{PostID}"
  582.  
  583. rel="{ReblogURL}"></div></a>
  584. <a class="reblog" href="{ReblogURL}"target="_blank"></a>
  585. {/block:Photoset}
  586.  
  587. {block:Quote}
  588. <div class="text"><span class="quotes">&#10077;</span><br>
  589. <span class="quote">"{Quote}"</span><small>{block:Source}<center>—<i>{Source}</i></center>{/block:Source}</div></small>
  590. <center>
  591. <div class="linkspost">
  592. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a>
  593. </div></center>
  594. {/block:Quote}
  595.  
  596. {block:Link}
  597. <div class="text"><div class="title"><center><a href="{URL}" class="link" {Target}>{Name}</a></center></div> {block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  598. <center>
  599. <div class="linkspost">
  600. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  601. </div></center>
  602. {/block:Link}
  603.  
  604. {block:Chat}<div class="text">
  605. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}"> {block:Label} <span class="label"><b>{Label}</b></span> {/block:Label}{Line} </div>{/block:Lines}</ul></div>
  606. <center>
  607. <div class="linkspost">
  608. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  609. </div></center>
  610. {/block:Chat}
  611.  
  612. {block:Video}<center>{Video-250}<center>{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}{/block:IndexPage}{block:permalinkpage}
  613. {Video-500}{/block:permalinkpage}
  614. <center>
  615. <div class="linkspost">
  616. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  617. </div></center>
  618.  
  619. {/block:Video}
  620.  
  621. {block:Audio}
  622. {AudioPlayerBlack}{block:indexpage}{block:Caption}{Caption}{/block:Caption}{/block:indexpage}
  623. <center>
  624. <div class="linkspost">
  625. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a> · {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:RebloggedFrom} · <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>{/block:RebloggedFrom}
  626. </div></center>
  627. {/block:Audio}
  628.  
  629. {block:Answer}
  630. <div class="postdobru">
  631. <table width="250px" cellspacing="0" cellpadding="0">
  632. <tr>
  633. <td width="240px" class="question"><B>{Asker}</b> ask: "{Question}"</td>
  634. </tr>
  635. </table>
  636. <div class="answer">{Answer}</div></div>
  637. {/block:Answer}
  638.  
  639. {block:permalinkpage}
  640. <div class="text">
  641. {block:Caption}{Caption}{/block:Caption}
  642. {block:PostNotes}
  643. <p class="t"><a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{Permalink}">{DayOfMonth} {month}, {Year}</a></p>{/block:PostNotes}
  644. {block:HasTags}<p class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</p>{/block:HasTags}
  645. {block:PostNotes}{PostNotes}{/block:PostNotes}
  646. </div>
  647. {/block:permalinkpage}
  648.  
  649.  
  650. {block:ContentSource}
  651. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  652. {/block:ContentSource}
  653.  
  654.  
  655. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  656.  
  657.  
  658.  
  659. </div>
  660.  
  661.  
  662. {/block:Posts}
  663. <div class="clear"></div>
  664. </div>
  665. </div>
  666. {block:Pagination}
  667. <div id="pagination">
  668. {block:PreviousPage}
  669. <a href="{PreviousPage}"></a>
  670. {/block:PreviousPage}
  671. {block:JumpPagination length="0"}
  672. {block:CurrentPage}
  673. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  674. {/block:CurrentPage}
  675. {block:JumpPage}
  676. <a class="jump_page numbersNav" href="{URL}">{PageNumber}</a>
  677. {/block:JumpPage}
  678. {/block:JumpPagination}
  679. {block:NextPage}
  680. <a id="nextPage" href="{NextPage}"></a>
  681. {/block:NextPage}
  682. </ul>
  683. {/block:Pagination}
  684.  
  685.  
  686. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  687.  
  688.  
  689. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  690. <script type="text/javascript">
  691. $(window).load(function () {
  692. $('#content').masonry(),
  693. $('.masonryWrap').infinitescroll({
  694. navSelector : '#pagination',
  695. nextSelector : '#pagination a#nextPage',
  696. itemSelector : ".entry, .clear",
  697. bufferPx : 10000,
  698. extraScrollPx: 10000,
  699. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  700. loadingText : "<em></em>",
  701. },
  702. function() { $('#content').masonry({ appendedContent: $(this) }); }
  703. );
  704. });
  705.  
  706.  
  707. $(function() {
  708. $('.like').live('click', function() {
  709. var $this = $(this).find("span");
  710. var id_post = $this.attr('id');
  711. var count = parseInt($("#note_count_"+id_post).text());
  712. var reblog_key = $this.attr('rel').slice(-8);
  713. var like_url = 'http://www.tumblr.com/like/'+reblog_key+'?id='+id_post;
  714. if($this.css("background-position") == "0px 0px"){
  715. $("#note_count_"+id_post).text(count+1);
  716. }
  717. $('#likeIframe').attr('src', like_url);
  718. $this.css("background-position","0px -20px");
  719. });
  720. });
  721. </script>
  722. <iframe id="likeIframe" style="width:1px;height:1px;position:absolute;left:-
  723.  
  724. 9999px;"></iframe>
  725. </script>
  726.  
  727. {/block:IndexPage}
  728. <div id="clouds2"></div>
  729. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  730. <a href="#" id="toTop"></a>
  731.  
  732.  
  733. </body>
  734.  
  735. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!