Advertisement
thepinkrebellion

shockingthemes, brought to you by clubwonderland!

Dec 13th, 2012
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.80 KB | None | 0 0
  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. <title>{Title}</title>
  10.  
  11. <!-- theme by tigerteardrops, remove credit and the theme wont work(:
  12. -->
  13. <meta name="color:Posts" content="#ffffff"/>
  14. <meta name="color:Text" content="#363636"/>
  15. <meta name="color:Link" content="#5c5c5c"/>
  16. <meta name="color:Slideout Background" content="#30e395"/>
  17. <meta name="color:Slideout Outline" content="#E4317F"/>
  18. <meta name="color:SlideTab Inner" content="#30e395"/>
  19. <meta name="color:SlideTab" content="#E4317F"/>
  20. <meta name="color:Hover" content="#A7A7A7"/>
  21. <meta name="color:HighlightLink" content="#52F3FF"/>
  22. <meta name="color:Background" content="#FFFFFF"/>
  23. <meta name="color:Scrollbar" content="#000"/>
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:SlideTabInner" content="http://24.media.tumblr.com/tumblr_lxanaxMm1T1r0q0pno1_500.jpg"/>
  26. <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_mdy72pMLDu1rl9xebo1_500.jpg"/>
  27. <meta name="image:SlideTab" content="http://24.media.tumblr.com/tumblr_lt2w26eXJ61qfus6lo1_r1_500.jpg"/>
  28. <meta name="if:Transparent Posts" content=""/>
  29. <meta name="if:Networks Tab" content=""/>
  30. <meta name="if:Five Columns" content=""/>
  31. <meta name="if:Highlight Hover" content="1"/>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. body{
  37. background-color: {color:Background};
  38. background-image:url({image:Background});
  39. background-attachment: fixed;
  40. background-repeat: repeat;
  41. font-size: 12px;
  42. font-family:dosis;
  43. line-height:12px;
  44. color:{color:Text};}
  45.  
  46. a:link, a:active, a:visited{
  47. color: {color:Link};
  48. text-decoration: none;
  49. -webkit-transition: all 0.6s ease-out;
  50. -moz-transition: all 0.6s ease-out;
  51. -o-transition: all 0.6s ease-out;
  52. transition: all 0.6s ease-out;}
  53.  
  54. a:hover{
  55. {block:ifHighlightHover}
  56. background-color: {color:HighlightLink};
  57. {/block:fHighlightHover}
  58. color:{color:Hover};
  59. text-decoration: none;
  60. }
  61.  
  62.  
  63.  
  64.  
  65. .pl{list-style:none;padding-top:10px;}
  66.  
  67. #post{width:330px; height:auto;}
  68. {block:PermalinkPage}
  69. float: left; right: 500; margin-right:153px; width: 700px;
  70. {/block:PermalinkPage}}
  71.  
  72. #container{
  73. padding-top:3px;
  74. padding-bottom:3px;
  75. position:fixed !important;
  76. width:330px;
  77. height:207px;
  78. {block:PermalinkPage}
  79. width:500px;
  80. height:207px;
  81. {/block:PermalinkPage}}
  82.  
  83.  
  84. #content{
  85. margin:auto;
  86. left:50px;
  87. top:0px;
  88. padding-top:15px;
  89. padding-left:117px;
  90. position:absolute;
  91. {block:indexpage}
  92. width:880px;
  93. {/block:indexpage}
  94. {block:permalinkpage}
  95. width:1080px;
  96. left:-50px;
  97. {/block:permalinkpage}
  98. overflow:auto;
  99. overflow-y:auto;}
  100.  
  101. #posts{
  102. z-index: 999;
  103. float:left;
  104. {block:indexpage}
  105. {block:ifFiveColumns}
  106. width: 1300px;
  107. {/block:ifFiveColumns}
  108. {block:ifnotFiveColumns}
  109. width:750px;
  110. {/block:ifnotFiveColumns}
  111. {/block:indexpage}
  112. {block:permalinkpage}
  113. width:700px;
  114. {/block:permalinkpage}
  115. {block:ifFiveColumns}
  116. margin-left: 5px;
  117. {/block:ifFiveColumns}
  118. {block:ifnotFiveColumns}
  119. margin-left:68px;
  120. {/block:ifnotFiveColumns}
  121. }
  122.  
  123. #fade { /*--Transparent background layer--*/
  124. display: none; /*--hidden by default--*/
  125. background: #000;
  126. position: fixed; left: 0; top: 0;
  127. width: 100%; height: 100%;
  128. opacity: .80;
  129. z-index: 9999;}
  130.  
  131.  
  132. #entry{
  133. z-index:9999;
  134. float:right;
  135. width:230px;
  136. height:auto;
  137. padding: 3px;
  138. padding-bottom:0px;
  139. border: 2px dotted grey;
  140. {block:PermalinkPage}
  141. width: 500px;
  142. {/block:PermalinkPage}
  143. {block:ifnotTransparentPosts}
  144. background-color: #fff;
  145. {/block:ifnotTransparentPosts}
  146. {block:ifTransparentPosts}
  147. background-color: transparent;
  148. {/block:ifTransparentPosts}
  149. right:500px;
  150. margin-right:10px;
  151. overflow:hidden;
  152. margin-bottom:10px;}
  153.  
  154. #permapage{
  155. font-family: Trebuchet MS;
  156. font-size: 9px;
  157. text-align: left;
  158. padding-bottom:10px;
  159. margin-bottom: 8px;
  160. z-index:9999;}
  161.  
  162. #notes{
  163. {block:permalinkpage}
  164. display:block;
  165. width:700px;
  166. left:-50px;
  167. float: left;
  168. padding:10px;
  169. overflow:visible;
  170. z-index:9999999;
  171. margin-top: 10px;
  172. {block:IfPostShadows}-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.3);
  173. -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  174. box-shadow: 0px 0px 12px rgba(0,0,0,0.3);{/block:IfPostShadows}
  175. {block:IfNotPostShadows}-webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.4);
  176. -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
  177. box-shadow: 0px 0px 0px rgba(0,0,0,0.4);{/block:IfNotPostShadows}
  178. outline:1px solid rgba(0, 0, 0, .1);
  179. border:2px solid rgba(0, 0, 0, .05);
  180. text-align: left;{/block:permalinkpage}}
  181.  
  182. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important;}
  183.  
  184. .title{
  185. font-family: 'Petit Formal Script', cursive;
  186. font-size: 16px;
  187. line-height: 16px;
  188. color: {color:Text};
  189. font-weight: normal;
  190. letter-spacing: 0px;
  191. -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;}
  192.  
  193. .blogtitle {
  194. font-family: 'Petit Formal Script', cursive;
  195. font-style:none;
  196. font-size:35px;
  197. line-height:40px;
  198. line-height:40px;
  199. text-align:center;
  200. -webkit-transition: 0.5s ease-in;
  201. -webkit-text-stroke: 1px transparent;}
  202. #blogtitle a:link,
  203. #blogtitle a:visited,
  204. #blogtitle a:hover{
  205. color:{color:Blog Title};}
  206.  
  207. .title:hover{
  208. color:{color:Hover};
  209. -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;}
  210.  
  211.  
  212. {block:IndexPage}
  213. #entry:hover #reblog{
  214. z-index:9999999999999;
  215. margin-left:200px;
  216. margin-top:8px;
  217. -webkit-transform: rotateY(360deg);
  218. -moz-transform: rotateY(360deg);
  219. opacity:1;-webkit-transition: all 1s ease-out;
  220. -moz-transition: all 1s ease-out;transition: all 1s ease-out;
  221. {/block:IndexPage}}
  222.  
  223. #reblog{
  224. width:22px;
  225. float:left;
  226. margin-left:200px;
  227. margin-top:0px;
  228. -webkit-transform: rotateY(-30deg);
  229. -moz-transform: rotateY(-30deg);
  230. position:absolute;opacity:0;-webkit-transition: all 0.3s ease-out;
  231. -moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  232.  
  233.  
  234.  
  235. blockquote{
  236. padding:0px 0px 2px 3px;
  237. margin:0px 0px 2px 1px; }
  238.  
  239. ul, ol, li{
  240. list-style:none;
  241. margin:0px;
  242. padding:0px;}
  243.  
  244.  
  245. #infscr-loading{
  246. bottom: 3px;
  247. position: absolute;
  248. left: 50%;
  249. margin-left:-8px;
  250. width:16px;
  251. height:11px;
  252. overflow:hidden;
  253. margin-bottom: 50px;}
  254.  
  255.  
  256. ::-webkit-scrollbar-thumb:vertical {
  257. background-color:{color:scrollbar};
  258. height:10px;width:10px;
  259. -webkit-border-radius:4px;border:2px #fff solid;}
  260.  
  261. ::-webkit-scrollbar-thumb:horizontal {
  262. background-color:{color:scrollbar};
  263. height:10px !important;border:2px #fff solid;
  264. -webkit-border-radius:4px;}
  265. ::-webkit-scrollbar {
  266. height:10px;
  267. width:10px;
  268. background-color:{color:background};
  269. -webkit-border-radius:4px;}
  270. #creds {
  271. text-align: left;
  272. font-size: 11px;
  273. position:fixed;
  274. right:2px;
  275. bottom:-65px;
  276. -webkit-transition: all .5s ease-in-out;
  277. -moz-transition: all .5s ease-in-out;
  278. -o-transition: all .5s ease-in-out;
  279. z-index:999;
  280. }
  281.  
  282. #creds:hover {bottom:0px;}
  283.  
  284. #cred {
  285. border-right-style:solid;
  286. border-bottom-style:solid;
  287. border-left-style:solid;
  288. border-width:0px;
  289. border-color:#000;
  290. padding: 5px 0 5px 0;
  291. background: #ffffff;
  292. width:150px;
  293. height:50px;
  294. border-top-right-radius: 0px;
  295. -moz-border-radius-topright: 0px;
  296. -webkit-border-top-right-radius: 0px;
  297. z-index: 9999;
  298. }
  299.  
  300. #box{
  301. height:auto;
  302. opacity:1.0;
  303. text-align:center;
  304. z-index:99999999999999999999;
  305. background:transparent;
  306. }
  307.  
  308. #cat{
  309. border-radius: 5px;
  310. border:0px solid #000;
  311. position:fixed !important;
  312. left:120px; padding-top:2px;
  313. top:300px;
  314. padding-bottom:12px;
  315. text-align:center;
  316. height:10px;
  317. width:60px;
  318. overflow:hidden;
  319. -webkit-transition: opacity 0.7s linear;
  320. -webkit-transition: all 0.7s ease-in-out;
  321. -moz-transition: all 0.7s ease-in-out;
  322. -o-transition: all 0.7s ease-in-out;
  323. background:transparent;
  324. z-index:9999;
  325. }
  326.  
  327. #cat:hover{
  328. border-radius: 5px;
  329. border:1px solid #000;
  330. padding:5px;
  331. height:220px;
  332. width:300px;
  333. z-index:999999999;
  334. background:white;
  335. }
  336.  
  337. #boxl{
  338. height:auto;
  339. opacity:1.0;
  340. text-align:center;
  341. z-index:99999999999999999999;
  342. background:transparent;
  343. }
  344. #box{
  345. height:auto;
  346. opacity:1.0;
  347. text-align:center;
  348. z-index:99999999999999999999;
  349. background:transparent;
  350. }
  351.  
  352.  
  353. #box{
  354. height:auto;
  355. opacity:1.0;
  356. text-align:center;
  357. z-index:99999999999999999999;
  358. background:transparent;
  359. }
  360.  
  361. #player {
  362. background-color: #2E9AFE;
  363. }
  364.  
  365. #updates, #links {
  366.  
  367. text-transform: lowercase;
  368. z-index: 99999;
  369. position: fixed;
  370. width: 100px;
  371. height: 15px;
  372. font-size: 18px;
  373. line-height: 20px;
  374. border-radius: 25px 0px 25px 0px;
  375. background: {color:SlideoutBackground};
  376. border: 1px dotted {color:SlideoutOutline};
  377. color: {color:Text};
  378. bottom: 2px;
  379. transition: all 0.7s;
  380. -webkit-transition: all 0.7s;
  381. -moz-transition: all 0.7s;
  382. padding: 5px;}
  383.  
  384.  
  385.  
  386. #updates:hover, #links:hover {
  387.  
  388. border-radius: 0px 25px 0px 25px; bottom: 30px;
  389. background: {color:SlideoutBackground};
  390. border-style: 3px dotted {color:SlideoutOutline};
  391. }
  392.  
  393. #updates {right:40px;}
  394. #updates:hover {height: 200px; width: 200px;}
  395. #links:hover {height: 150px; width: 250px;}
  396. #links a { opacity: 0.7; transition: all 0.5s;
  397. -webkit-transition: all 0.5s; -moz-transition: all 0.5s;}
  398. #links a:hover {opacity: 1; font-size: 15px; color: #b73bff;
  399. background-image: none;}
  400. #links {right: 150px;}
  401.  
  402. #askb {
  403. margin-left:5px;
  404. margin-top: 0px;
  405. height: 62px;
  406. width: 115px;
  407. text-align: center;
  408. line-height: 20px;
  409. -moz-border-radius: 65px;
  410. border-radius: 65px;
  411. background-color: {color:SlideoutBackground};
  412. border: dotted {color:SlideoutOutline};
  413. -webkit-transition: all .5s ease-out;
  414. -moz-transition: all .5s ease-out;
  415. -o-transition: all .5s ease-out; transition: all .5s ease-out;
  416. overflow: hidden;
  417. cursor: default;
  418. font-weight: normal;
  419. z-index: 12345;
  420. position:fixed;
  421. }
  422.  
  423. #askb:hover {
  424. height: 400px;
  425. width: 400px;
  426. -webkit-transform: rotate(360deg);
  427. -moz-transform: rotate(360deg);
  428. z-index: 99999999;
  429. background-color: {color:SlideoutBackground};
  430. border-style: dotted {color:SlideoutOutline};
  431. }
  432.  
  433. .meow {
  434. color: #fff;
  435. display: block;
  436. writing-mode: lr-tb;
  437. -webkit-transform: rotate(-90deg);
  438. -moz-transform: rotate(-90deg);
  439. -ms-transform: rotate(-90deg);
  440. -o-transform: rotate(-90deg);
  441. transform: rotate(-90deg);
  442. position: absolute;
  443. left: -25px;
  444. top: 50px;
  445. font-family: 'short stack';
  446. font-size: 15px;
  447. font-weight: normal;
  448. text-transform: uppercase;
  449. }
  450.  
  451.  
  452.  
  453. #tab {
  454. z-index:1000;
  455. height: 40px;
  456. position: fixed;
  457. top: 100px;
  458. left: 0px;
  459. width: 35px;
  460. padding: 40px 0;
  461. text-align: center;
  462. font-size:12px;
  463. background: url({image:SlideTab});
  464. background-color: {color:SlideTab};
  465. -webkit-transition-duration: 0.3s;
  466. -moz-transition-duration: 0.3s;
  467. -o-transition-duration: 0.3s;
  468. transition-duration: 0.3s;
  469. }
  470.  
  471. #innertab {
  472. z-index: 9999999999999999999999999999999;
  473. background: url({image:SlideTabInner});
  474. background-color: {color:SlideTabInner};
  475. position: fixed;
  476. top: 100px;
  477. left: -253px;
  478. width: 230px;
  479. padding: 10px;
  480. height: 100px;
  481. overflow: auto;
  482. text-color: #000000;
  483. -webkit-transform: rotateY(-30deg);
  484. -moz-transform: rotateY(-30deg);
  485. -webkit-transition-duration: 1s;
  486. -moz-transition-duration: 1s;
  487. -o-transition-duration: 1s;
  488. transition-duration: 1s;
  489. -moz-transition-duration: 1s;
  490. -o-transition-duration: 1s;
  491. transition-duration: 1s;
  492. text-align: left;
  493. }
  494.  
  495.  
  496. #tab:hover {
  497. border: 2px dashed #000000;
  498. z-index:1000;
  499. }
  500.  
  501. #tab:hover #innertab {
  502. -webkit-transform: rotateY(360deg);
  503. -moz-transform: rotateY(360deg);
  504. z-index:1000;
  505. left: 50px;
  506. }
  507.  
  508. div#picbar {
  509. width: 90px;
  510. height: 100%;
  511. margin-left: 87%;
  512. position: fixed;
  513. background-image: url({image:Sidebar});
  514. margin-top: 0px;
  515. }
  516.  
  517. </style>
  518.  
  519. <link rel="shortcut icon" href="{Favicon}">
  520. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  521.  
  522. </head>
  523. <body>
  524.  
  525. <div id="picbar">
  526. .
  527. </div>
  528.  
  529. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  530. </script>
  531. <meta name="viewport" content="width=720" />
  532.  
  533. <div align="center">
  534.  
  535. </div>
  536.  
  537. {block:ifNetworksTab}
  538. <div id="tab">
  539. <span class="meow"><big>NETWORKS</big></font></span>
  540. <div id="innertab"><center>
  541. <big><big><big>networkshere </big></big></big><br> </center></div></div>{/block:ifNetworksTab}
  542.  
  543. <div id="askb"><b>MESSAGE</b><br>
  544. <br><br><iframe frameborder="0" border="0" scrolling="no" width="300” height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe>
  545.  
  546.  
  547. </div>
  548.  
  549. <div id="updates"><center><b>Updates</b></center><br />
  550. <p>{Description}</p> HERES where you can put in your updates, or if you want just delete this, because it automatically shows your description :) </div>
  551. <div id="links"><center><b>Links</b></center><br />
  552. <p><a href="/">home</a></p>
  553. {block:HasPages}
  554. {block:Pages}
  555. <p><a href="{URL}">{Label}</a></p>
  556. {/block:Pages}
  557. {/block:HasPages}
  558. <p><a href="http://tigerteardrops.tumblr.com/">theme</a></p>
  559. <!-- PLEASE PLEASE PLEASE dont delete this credit, it wont mess up your blog! oh, and dont delete this little text, it wont show!xx -->
  560. </div>
  561.  
  562. <div id="container">
  563. <div id="content">
  564.  
  565.  
  566.  
  567. <div id="pages">
  568.  
  569. <div align="center">
  570. {block:ifNotInfiniteScroll}{block:PreviousPage}<a class="jump_page" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  571. {block:JumpPagination length="5"}
  572. {block:CurrentPage}<span class="current_page"><i>{PageNumber}</i></span>{/block:CurrentPage}
  573. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  574. {/block:JumpPagination}
  575. {block:NextPage}<a class="jump_page" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:ifNotInfiniteScroll}
  576. </div></div>
  577. </div>
  578.  
  579. <div align="center">
  580. <div id="posts">
  581.  
  582. {block:Posts}
  583. <div id="entry">
  584.  
  585. {block:Photo}
  586. {block:IndexPage}
  587. <div id="reblog"><a href="{ReblogURL}" target="_blank" title="Reblog"><img src="http://narnia.tcs3.co.uk/themes/narnia/reblog.png" width="22px"/>
  588.  
  589. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>, {/block:NoteCount}
  590.  
  591. </a></div>
  592. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=230px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{/block:Photo}
  593.  
  594. {block:Text}<div style="padding-top:15px; padding-bottom:10px; padding-left:10px; padding-right:10px;">
  595. {block:Title}
  596. <a href="{permalink}"><span class="title">{Title}</span></a>
  597. {/block:Title}
  598. <span class="entrytext" style="line-height:12px;">{Body}</span>
  599. <a href="{Permalink}"></a></div>
  600. {block:IndexPage}<div class="otherpostsnotes">
  601. <div align="right"><a href="{Permalink}">+</a></div>
  602. {/block:Date}</div>{/block:IndexPage}
  603. {/block:Text}
  604.  
  605. {block:Link}
  606. <a href="{URL}" class="title">{Name}</a>
  607. {block:Description}{Description}{/block:Description}
  608. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  609. {block:BlogDescription}<span class="entrytext" style="line-height:12px;">{Description}</span>{/block:BlogDescription}</a>
  610. {block:Caption}<a href="{URL}">{Caption}</a>{/block:Caption}<div style="padding-top:0px; padding-bottom:3px;"></a></div>
  611. {block:IndexPage}<div class="otherpostsnotes">
  612. <div align="right"><a href="{Permalink}">+</a></div>
  613. {/block:Date}</div>{/block:IndexPage}
  614. {/block:Link}
  615.  
  616. {block:Quote}
  617. <div style="padding-top:10px; padding-bottom:10px;">
  618. <span class="title" style="line-height:16px; ">"{Quote}"</span><br><br>
  619. <div style="text-align: right; padding-right:10px;">{block:Source}
  620. -{Source}
  621. {/block:Source}</a></div>{block:IndexPage}<div class="otherpostsnotes"> <br>
  622. {/block:Date}</div>{/block:IndexPage}
  623. </div>
  624. <div align="right"><a href="{Permalink}">+</a></div>
  625. {/block:Quote}
  626.  
  627. {block:Chat}
  628. <div style="padding-top:15px; padding-bottom:10px;">
  629. <a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}</a>
  630. <ul class="chat">
  631. {block:Lines}
  632. <li class="user_{UserNumber}">
  633. {block:Label}
  634. <span class="label" style="line-height:12px;">{Label}</span>
  635. {/block:Label}
  636. {Line}
  637. </li>
  638. {/block:Lines}
  639. </ul>
  640. {block:Caption}{Caption}{/block:Caption}
  641. {block:IndexPage}<div class="otherpostsnotes">
  642. </div>{/block:IndexPage}
  643. </div>
  644. <div align="right"><a href="{Permalink}">+</a></div>
  645. {/block:Chat}
  646.  
  647. {block:Audio}
  648. <div class="player">{AudioPlayerGrey}</div>
  649. {block:Caption}{Caption}{/block:Caption}
  650. {block:IndexPage}<div class="otherpostsnotes">
  651. <a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a>
  652. &nbsp;
  653. {/block:Date}</div>{/block:IndexPage}
  654. <div align="right"><a href="{Permalink}">+</a></div>
  655. {/block:Audio}
  656.  
  657.  
  658. {block:Video}
  659. <div style="padding-top:28px; padding-bottom:8px;">
  660. {Video-250}</div>
  661. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  662. {block:IndexPage}<div class="otherpostsnotes">
  663. {/block:Date}</div>{/block:IndexPage}
  664. <div align="right"><a href="{Permalink}">+</a></div>
  665. {/block:Video}
  666.  
  667. {block:PermalinkPage}
  668. <div align="left">
  669. <div class="pl">
  670. {block:Date}
  671. <li>
  672. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  673. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  674. at {12Hour}:{Minutes}{AmPm} {block:Date}
  675. </li>
  676. <li>
  677. {block:RebloggedFrom}
  678. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  679. {/block:RebloggedFrom}
  680. </li>
  681. <li>
  682. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  683. </li>
  684. <li>
  685. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  686. </li>
  687. <p>
  688. {block:PostNotes}
  689. {PostNotes}
  690. {/block:PostNotes}
  691. {/block:PermalinkPage}
  692. </div>
  693. {/block:Posts}
  694. </div></div></div></center></div></div>
  695. {block:indexpage}
  696. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  697. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  698. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  699. <script type="text/javascript">
  700. $(window).load(function(){
  701. var $wall = $('#posts');
  702. $wall.imagesLoaded(function(){
  703. $wall.masonry({
  704. itemSelector: '#entry, #entry_photo',
  705. isAnimated : false
  706. });
  707. });
  708.  
  709. $wall.infinitescroll({
  710. navSelector : '#page-nav',
  711. nextSelector : '#page-nav a',
  712. itemSelector : '#entry, #entry_photo',
  713. bufferPx : 2000,
  714. debug : false,
  715. errorCallback: function() {
  716. $('#infscr-loading').fadeOut('normal');
  717. }},
  718. function( newElements ) {
  719. var $newElems = $( newElements );
  720. $newElems.hide();
  721. $newElems.imagesLoaded(function(){
  722. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  723. });
  724. }); $('#content').show(500);
  725. });
  726. </script>
  727. {/block:indexpage}
  728. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement