API tools faq
paste
Advertisement
thepinkrebellion

shockingthemes, brought to you by clubwonderland!

thepinkrebellion
Dec 19th, 2012
67
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <HEAD>
  3. <link href='http://fonts.googleapis.com/css?family=Dosis:300' rel='stylesheet' type='text/css'>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Arizonia' rel='stylesheet' type='text/css'>
  6.  
  7. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  10.  
  11. <style>
  12. @font-face {
  13. font-family: 'Whaddup';
  14. src: url('http://static.tumblr.com/quvev8c/xmomf0yz3/phontphreaks_handwriting.ttf') format('truetype');
  15. font-weight: normal;
  16. font-style: normal;
  17.  
  18. }
  19.  
  20. @font-face {
  21. font-family: 'Tom Daley';
  22. src: url('http://static.tumblr.com/blpgwiz/6xzmciswn/headoh__.ttf') format('truetype');
  23. font-weight: normal;
  24. font-style: normal;
  25.  
  26. }
  27.  
  28.  
  29.  
  30. @font-face {
  31. font-family: 'Shocking Themes Patches';
  32. src: url('http://static.tumblr.com/quvev8c/6R5mf0yi5/escaned.ttf') format('truetype');
  33. font-weight: normal;
  34. font-style: normal;
  35.  
  36. }
  37. @font-face {
  38. font-family: 'Volleyball';
  39. src: url('http://static.tumblr.com/quvev8c/qROmf10at/3dumb.ttf') format('truetype');
  40. font-weight: normal;
  41. font-style: normal;
  42.  
  43. }
  44. </style>
  45.  
  46. <style>
  47. .my-like {
  48. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
  49. height:17px;
  50. width:19px;
  51. cursor:pointer;
  52. display:inline-block;
  53. vertical-align:top;
  54. }
  55. .my-liked, .my-like:hover {
  56. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
  57. height:17px;
  58. width:19px;
  59. cursor:pointer;
  60. display:inline-block;
  61. vertical-align:top;
  62. }
  63.  
  64. .retro {
  65. -webkit-box-shadow: inset 0px 0px 100px rgba(0,0,20,1);
  66. background: -webkit-linear-gradient(top, rgba(255,145,0,0.2) 0%,rgba(255,230,48,0.2) 60%), -webkit-linear-gradient(20deg, rgba(255,0,0,0.5) 0%,rgba(255,0,0,0) 35%);
  67. display: table;
  68. }
  69.  
  70. .retro img {
  71. -webkit-filter: sepia(20%) brightness(10%) contrast(130%);
  72. position: relative; z-index: -1;
  73. }
  74. </style>
  75. <script>
  76. window.onload = function () {
  77. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  78. document.addEventListener( 'click', function ( event ) {
  79. var myLike = event.target;
  80. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  81. var frame = document.getElementById( 'my-like-frame' ),
  82. liked = ( myLike.className == 'my-liked' ),
  83. command = liked ? 'unlike' : 'like',
  84. reblog = myLike.getAttribute( 'data-reblog' ),
  85. id = myLike.getAttribute( 'data-id' ),
  86. oauth = reblog.slice( -8 );
  87. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  88. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  89. };
  90. }, false );
  91. };
  92. </script>
  93. <title>{Title}</title>
  94.  
  95. <!--
  96. theme by tigerteardrops, remove credit and the theme wont work(:
  97. theme by neonthemes
  98. -->
  99. <meta name="color:Posts" content="#ffffff"/>
  100. <meta name="color:Text" content="#363636"/>
  101. <meta name="color:Link" content="#5c5c5c"/>
  102. <meta name="color:Hover" content="#A7A7A7"/>
  103. <meta name="color:Background" content="#FFFFFF"/>
  104. <meta name="color:Scrollbar" content="#000"/>
  105. <meta name="image:Background" content=""/>
  106. <meta name="image:Sidebar Background" content="http://24.media.tumblr.com/tumblr_mdy72pMLDu1rl9xebo1_500.jpg"/>
  107. <meta name="image:Sidebar" content="http://25.media.tumblr.com/0707e1d7c624bdda029ec708e4025908/tumblr_mepk9me8e51rnmpguo1_500.gif"/>
  108. <meta name="if:Transparent Posts" content=""/>
  109. <meta name="if:Instagram Effect" content="1"/>
  110.  
  111. <style type="text/css">
  112.  
  113. body{
  114. background-color: {color:Background};
  115. background-image:url({image:Background});
  116. background-attachment: fixed;
  117. background-repeat: repeat;
  118. font-size: 12px;
  119. font-family:dosis;
  120. line-height:12px;
  121. color:{color:Text};}
  122.  
  123. a:link, a:active, a:visited{
  124. color: {color:Link};
  125. text-decoration: none;
  126. -webkit-transition: all 0.6s ease-out;
  127. -moz-transition: all 0.6s ease-out;
  128. -o-transition: all 0.6s ease-out;
  129. transition: all 0.6s ease-out;}
  130.  
  131. a:hover{
  132. color:{color:Hover};
  133. text-decoration: none;
  134. }
  135.  
  136.  
  137.  
  138.  
  139. .pl{list-style:none;padding-top:10px;}
  140.  
  141. #post{width:330px; height:auto;}
  142. {block:PermalinkPage}
  143. float: left; right: 500; margin-right:153px; width: 700px;
  144. {/block:PermalinkPage}}
  145.  
  146. #container{
  147. padding-top:3px;
  148. padding-bottom:3px;
  149. position:fixed !important;
  150. width:330px;
  151. height:207px;
  152. {block:PermalinkPage}
  153. width:500px;
  154. height:207px;
  155. {/block:PermalinkPage}}
  156.  
  157.  
  158. #content{
  159. margin:auto;
  160. left:50px;
  161. top:0px;
  162. padding-top:15px;
  163. padding-left:117px;
  164. position:absolute;
  165. {block:indexpage}
  166. width:1600px;
  167. {/block:indexpage}
  168. {block:permalinkpage}
  169. width:1680px;
  170. left:-50px;
  171. {/block:permalinkpage}
  172. overflow:auto;
  173. overflow-y:auto;}
  174.  
  175. #posts{
  176. z-index: 999;
  177. float:left;
  178. {block:indexpage}
  179. width:550px;
  180. {/block:indexpage}
  181. {block:permalinkpage}
  182. width:700px;
  183. {/block:permalinkpage}
  184. margin-left:280px;
  185. }
  186.  
  187. #fade { /*--Transparent background layer--*/
  188. display: none; /*--hidden by default--*/
  189. background: #000;
  190. position: fixed; left: 0; top: 0;
  191. width: 100%; height: 100%;
  192. opacity: .80;
  193. z-index: 9999;}
  194.  
  195.  
  196. #entry{
  197. z-index:9999;
  198. float:right;
  199. width:250px;
  200. height:auto;
  201. font-size: 14px;
  202. line-height: 17px;
  203. padding: 3px;
  204. padding-bottom:0px;
  205. border: 2px dotted grey;
  206. {block:PermalinkPage}
  207. width: 500px;
  208. {/block:PermalinkPage}
  209. {block:ifnotTransparentPosts}
  210. background-color: #fff;
  211. {/block:ifnotTransparentPosts}
  212. {block:ifTransparentPosts}
  213. background-color: transparent;
  214. {/block:ifTransparentPosts}
  215. right:500px;
  216. margin-right:10px;
  217. overflow:hidden;
  218. margin-bottom:10px;}
  219.  
  220. #permapage{
  221. font-family: Trebuchet MS;
  222. font-size: 9px;
  223. text-align: left;
  224. padding-bottom:10px;
  225. margin-bottom: 8px;
  226. z-index:9999;}
  227.  
  228. #notes{
  229. {block:permalinkpage}
  230. display:block;
  231. width:700px;
  232. left:-50px;
  233. float: left;
  234. padding:10px;
  235. overflow:visible;
  236. z-index:9999999;
  237. margin-top: 10px;
  238. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  239. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  240. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  241. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  242. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  243. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  244. outline:1px solid rgba(0, 0, 0, .1);
  245. border:2px solid rgba(0, 0, 0, .05);
  246. text-align: left;{/block:permalinkpage}}
  247.  
  248. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important;}
  249.  
  250. .title{
  251. font-family: Tom Daley;
  252. font-size: 24px;
  253. line-height: 36px;
  254. line-height: 36px;
  255. color: {color:Text};
  256. font-weight: normal;
  257. letter-spacing: 0px;
  258. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  259.  
  260. .blogtitle {
  261. font-family: 'Petit Formal Script', cursive;
  262. font-style:none;
  263. font-size:35px;
  264. line-height:40px;
  265. line-height:40px;
  266. text-align:center;
  267. -webkit-transition: 0.5s ease-in;
  268. -webkit-text-stroke: 1px transparent;}
  269. #blogtitle a:link,
  270. #blogtitle a:visited,
  271. #blogtitle a:hover{
  272. color:{color:Blog Title};}
  273.  
  274. .title:hover{
  275. color:{color:Hover};
  276. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  277.  
  278.  
  279. {block:IndexPage}
  280. #entry:hover #aviles{
  281. z-index:9999999999999;
  282. width: 250px;
  283. margin-top: 30%;
  284. height: 30px;
  285. line-height: 30px;
  286. font-size: 20px;
  287. font-family: Volleyball;
  288. -webkit-transform: rotateY(360deg);
  289. -moz-transform: rotateY(360deg);
  290. opacity:1;-webkit-transition: all 1s ease-out;
  291. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  292. {/block:IndexPage}}
  293.  
  294.  
  295. #aviles{
  296. width:350px;
  297. background-color: #fff;
  298. opacity: 0.8;
  299. float:left;
  300. margin-left:-10px;
  301. margin-top:50%;
  302. position:absolute;
  303. opacity:0;-webkit-transition: all 0.3s ease-out;
  304. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  305.  
  306.  
  307.  
  308. blockquote{
  309. padding:0px 0px 2px 3px;
  310. margin:0px 0px 2px 1px; }
  311.  
  312. ul, ol, li{
  313. list-style:none;
  314. margin:0px;
  315. padding:0px;}
  316.  
  317.  
  318. #infscr-loading{
  319. bottom: 3px;
  320. position: absolute;
  321. left: 50%;
  322. margin-left:-8px;
  323. width:16px;
  324. height:11px;
  325. overflow:hidden;
  326. margin-bottom: 50px;}
  327.  
  328.  
  329. ::-webkit-scrollbar-thumb:vertical {
  330. background-color:{color:scrollbar};
  331. height:10px;width:10px;
  332. -webkit-border-radius:4px;border:2px #fff solid;}
  333.  
  334. ::-webkit-scrollbar-thumb:horizontal {
  335. background-color:{color:scrollbar};
  336. height:10px !important;border:2px #fff solid;
  337. -webkit-border-radius:4px;}
  338. ::-webkit-scrollbar {
  339. height:10px;
  340. width:10px;
  341. background-color:{color:background};
  342. -webkit-border-radius:4px;}
  343. #creds {
  344. text-align: left;
  345. font-size: 11px;
  346. position:fixed;
  347. right:2px;
  348. bottom:-65px;
  349. -webkit-transition: all .5s ease-in-out;
  350. -moz-transition: all .5s ease-in-out;
  351. -o-transition: all .5s ease-in-out;
  352. z-index:999;
  353. }
  354.  
  355. #creds:hover {bottom:0px;}
  356.  
  357. #cred {
  358. border-right-style:solid;
  359. border-bottom-style:solid;
  360. border-left-style:solid;
  361. border-width:0px;
  362. border-color:#000;
  363. padding: 5px 0 5px 0;
  364. background: #ffffff;
  365. width:150px;
  366. height:50px;
  367. border-top-right-radius: 0px;
  368. -moz-border-radius-topright: 0px;
  369. -webkit-border-top-right-radius: 0px;
  370. z-index: 9999;
  371. }
  372.  
  373. #box{
  374. height:auto;
  375. opacity:1.0;
  376. text-align:center;
  377. z-index:99999999999999999999;
  378. background:transparent;
  379. }
  380.  
  381. #cat{
  382. border-radius: 5px;
  383. border:0px solid #000;
  384. position:fixed !important;
  385. left:120px; padding-top:2px;
  386. top:300px;
  387. padding-bottom:12px;
  388. text-align:center;
  389. height:10px;
  390. width:60px;
  391. overflow:hidden;
  392. -webkit-transition: opacity 0.7s linear;
  393. -webkit-transition: all 0.7s ease-in-out;
  394. -moz-transition: all 0.7s ease-in-out;
  395. -o-transition: all 0.7s ease-in-out;
  396. background:transparent;
  397. z-index:9999;
  398. }
  399.  
  400. #cat:hover{
  401. border-radius: 5px;
  402. border:1px solid #000;
  403. padding:5px;
  404. height:220px;
  405. width:300px;
  406. z-index:999999999;
  407. background:white;
  408. }
  409.  
  410. #boxl{
  411. height:auto;
  412. opacity:1.0;
  413. text-align:center;
  414. z-index:99999999999999999999;
  415. background:transparent;
  416. }
  417. #box{
  418. height:auto;
  419. opacity:1.0;
  420. text-align:center;
  421. z-index:99999999999999999999;
  422. background:transparent;
  423. }
  424.  
  425.  
  426. #box{
  427. height:auto;
  428. opacity:1.0;
  429. text-align:center;
  430. z-index:99999999999999999999;
  431. background:transparent;
  432. }
  433.  
  434. #player {
  435. background-color: #2E9AFE;
  436. }
  437.  
  438.  
  439. .crocs{
  440. float: center;
  441. font-family: Lekton;
  442. margin-bottom: 4px;
  443. margin-left: 6px;
  444. text-transform:uppercase;
  445. font-size: 15px;
  446. line-height: 15px;
  447. letter-spacing:2px;
  448. margin: 2px;
  449. background-color: #F8F8F8;
  450. width: 90px;
  451. padding: 4px;
  452. text-align:center;
  453. }
  454. .crocs:hover{
  455. background-color: #b8b8b8;
  456. color: #fff;
  457. -webkit-transition: 1s;
  458. -moz-transition: 1s;
  459. -o-transition: 1s;
  460. }
  461.  
  462.  
  463. div#picbar {
  464. z-index: 9999;
  465. width: 250px;
  466. height: 100%;
  467. margin-left: 20px;
  468. top: -5px;
  469. position: fixed;
  470. font-family: 'Shocking Themes Patches';
  471. font-size: 50px;
  472. background-image: url({image:Sidebar Background});
  473. margin-top: 0px;
  474. }
  475.  
  476. ::-moz-selection {
  477. background-color: {color: Link};
  478. color: #fff;
  479. }
  480. ::-webkit-selection {
  481. background-color: {color: Link};
  482. color: #fff;
  483. }
  484.  
  485. </style>
  486.  
  487. <link rel="shortcut icon" href="{Favicon}">
  488. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  489.  
  490. </head>
  491. <body>
  492.  
  493.  
  494. <div id="picbar"><br><br><br><br><br><br><br><bR>
  495. <center>{Title}</center>
  496. <br><br><br><br>
  497. {block:ifInstagramEffect}<div class="retro">{/block:ifInstagramEffect}<img src="{image:Sidebar}" width=250px;">{block:ifInstagramEffect}</div>{/block:ifInstagramEffect}<br> <span style="font-family: Whaddup; font-size: 25px; line-height: 30px;">{Description}<br> </span><center>
  498. <a href="/" class="crocs">HOME </a>
  499. {block:HasPages}{block:Pages}
  500. <a href="{URL}" class="crocs">{Label} </a>
  501. {/block:Pages}{/block:HasPages}
  502. <a href="http://neon-themes.tumblr.com/" class="crocs">THEME </a>
  503. </center>
  504. </span>
  505. </div>
  506.  
  507. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  508. </script>
  509. <meta name="viewport" content="width=720" />
  510.  
  511. <div align="center">
  512.  
  513. </div>
  514.  
  515.  
  516.  
  517. <div id="container">
  518. <div id="content">
  519.  
  520.  
  521.  
  522. <div id="pages">
  523.  
  524. <div align="center">
  525. {block:ifNotInfiniteScroll}{block:PreviousPage}<a class="jump_page" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  526. {block:JumpPagination length="5"}
  527. {block:CurrentPage}<span class="current_page"><i>{PageNumber}</i></span>{/block:CurrentPage}
  528. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  529. {/block:JumpPagination}
  530. {block:NextPage}<a class="jump_page" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:ifNotInfiniteScroll}
  531. </div></div>
  532. </div>
  533.  
  534. <div align="center">
  535. <div id="posts">
  536.  
  537. {block:Posts}
  538. <div id="entry">
  539.  
  540. {block:Photo}
  541. {block:IndexPage}
  542. <div id="aviles"><center><a href="{ReblogURL}" target="_blank" title="Reblog">Reblog</a> | <span class="font-family: Tom Daley;"><small><small>{NoteCount}</small></small> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></span></center>
  543.  
  544. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>, {/block:NoteCount}
  545.  
  546. </a></div>
  547. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}
  548.  
  549. {block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  550. {block:Title}
  551. <a href="{permalink}"><span class="title">{Title}</span></a>
  552. {/block:Title}
  553. <span class="entrytext" style="line-height:12px;">{Body}</span>
  554. <a href="{Permalink}"></a></div>
  555. {block:IndexPage}<div class="otherpostsnotes">
  556. <div align="right"><a href="{Permalink}">+</a></div>
  557. {/block:Date}</div>{/block:IndexPage}
  558. {/block:Text}
  559.  
  560. {block:Link}
  561. <a href="{URL}" class="title">{Name}</a>
  562. {block:Description}{Description}{/block:Description}
  563. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  564. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  565. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  566. {block:IndexPage}<div class="otherpostsnotes">
  567. <div align="right"><a href="{Permalink}">+</a></div>
  568. {/block:Date}</div>{/block:IndexPage}
  569. {/block:Link}
  570.  
  571. {block:Quote}
  572. <div style="padding-top:10px; padding-bottom:10px;">
  573. <span class="title" style="line-height:16px; ">"{Quote}"</span><br><br>
  574. <div style="text-align: right; padding-right:10px;">{block:Source}
  575. -{Source}
  576. {/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br>
  577. {/block:Date}</div>{/block:IndexPage}
  578. </div>
  579. <div align="right"><a href="{Permalink}">+</a></div>
  580. {/block:Quote}
  581.  
  582. {block:Chat}
  583. <div style="padding-top:15px; padding-bottom:10px;">
  584. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  585. <ul class="chat">
  586. {block:Lines}
  587. <li class="user_{UserNumber}">
  588. {block:Label}
  589. <span class="label" style="line-height:12px;">{Label}</span>
  590. {/block:Label}
  591. {Line}
  592. </li>
  593. {/block:Lines}
  594. </ul>
  595. {block:Caption}{Caption}{/block:Caption}
  596. {block:IndexPage}<div class="otherpostsnotes">
  597. </div>{/block:IndexPage}
  598. </div>
  599. <div align="right"><a href="{Permalink}">+</a></div>
  600. {/block:Chat}
  601.  
  602. {block:Audio}
  603. <div class="player">{AudioPlayerGrey}</div>
  604. {block:Caption}{Caption}{/block:Caption}
  605. {block:IndexPage}<div class="otherpostsnotes">
  606. <a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a>
  607. &nbsp;
  608. {/block:Date}</div>{/block:IndexPage}
  609. <div align="right"><a href="{Permalink}">+</a></div>
  610. {/block:Audio}
  611.  
  612.  
  613. {block:Video}
  614. <div style="padding-top:28px; padding-bottom:8px;">
  615. {Video-250}</div>
  616. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  617. {block:IndexPage}<div class="otherpostsnotes">
  618. {/block:Date}</div>{/block:IndexPage}
  619. <div align="right"><a href="{Permalink}">+</a></div>
  620. {/block:Video}
  621.  
  622. {block:PermalinkPage}
  623. <div align="left">
  624. <div class="pl">
  625. {block:Date}
  626. <li>
  627. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  628. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  629. at {12Hour}:{Minutes}{AmPm} {block:Date}
  630. </li>
  631. <li>
  632. {block:RebloggedFrom}
  633. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  634. {/block:RebloggedFrom}
  635. </li>
  636. <li>
  637. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  638. </li>
  639. <li>
  640. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  641. </li>
  642. <p>
  643. {block:PostNotes}
  644. {PostNotes}
  645. {/block:PostNotes}
  646. {/block:PermalinkPage}
  647. </div>
  648. {/block:Posts}
  649. </div></div></div></center></div></div>
  650. {block:indexpage}
  651. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  652. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  653. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  654. <script type="text/javascript">
  655. $(window).load(function(){
  656. var $wall = $('#posts');
  657. $wall.imagesLoaded(function(){
  658. $wall.masonry({
  659. itemSelector: '#entry, #entry_photo',
  660. isAnimated : false
  661. });
  662. });
  663.  
  664. $wall.infinitescroll({
  665. navSelector : '#page-nav',
  666. nextSelector : '#page-nav a',
  667. itemSelector : '#entry, #entry_photo',
  668. bufferPx : 2000,
  669. debug : false,
  670. errorCallback: function() {
  671. $('#infscr-loading').fadeOut('normal');
  672. }},
  673. function( newElements ) {
  674. var $newElems = $( newElements );
  675. $newElems.hide();
  676. $newElems.imagesLoaded(function(){
  677. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  678. });
  679. }); $('#content').show(500);
  680. });
  681. </script>
  682. {/block:indexpage}
  683. </body></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!