API tools faq
paste
Advertisement
teenageblog

Disclosure Theme

teenageblog
Aug 5th, 2014
21,270
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.54 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------
  2. ★ ° . .　　　　.　☾ °☆ 　. * ● ¸ .　　　★　° :.　 . • ○ ° ★　 .　 *　.　　　　　. 　 ° 　. ● .　　　　° ☾ °☆ 　¸. ● .　　★　　★ ° ☾ ☆ ¸. ¸ 　★　 :.　 . • ○ ° ★　 .　 *　.　.　　¸ .　　 ° 　¸. * ● ¸ .　　　　° ° 　¸. ● ¸ .　　★　° :.　 . • °　　　★　
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .　　　　.　☾ °☆ 　. * ● ¸ .　　　★　° :.　 . • ○ ° ★　 .　 *　.　　　　　. 　 ° 　. ● .　　　　° ☾ °☆ 　¸. ● .　　★　　★ ° ☾ ☆ ¸. ¸ 　★　 :.　 . • ○ ° ★　　 *　.　.　　¸ .　　 ° 　¸. * ● ¸ .　　　　° ☾ ° 　¸. ● ¸ .　　★　° :.　 . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10.  
  11.  
  12. <html lang="en">
  13. <script type="text/javascript">
  14.  
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <!--DEFAULT VARIABLES-->
  20. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  21. <meta name="color:Background" content="#fff"/>
  22. <meta name="color:Link" content="#777"/>
  23. <meta name="color:Ask Background" content="#d5d5d5"/>
  24. <meta name="color:Blogtitle" content="#000"/>
  25. <meta name="color:Header Links" content="#000"/>
  26. <meta name="color:Text" content="#777"/>
  27. <meta name="color:Title" content="#333"/>
  28. <meta name="color:Hover" content="#fff"/>
  29. <meta name="color:Scrollbar" content="#ccc"/>
  30.  
  31. <meta name="image:Background" content="1"/>
  32. <meta name="if:2 columns" content="0" />
  33. <meta name="if:3 columns" content="1" />
  34. <meta name="if:Crosshair Cursor" content="0"/>
  35. <meta name="if:Faded Posts" content="0"/>
  36. <meta name="if:Enlarge on Hover" content="0"/>
  37.  
  38. <meta name="text:Link1" content="/" />
  39. <meta name="text:Link1 Title" content="link" />
  40. <meta name="text:Link2" content="/" />
  41. <meta name="text:Link2 Title" content="link" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link3 Title" content="link" />
  44. <meta name="text:Link4" content="/" />
  45. <meta name="text:Link4 Title" content="link" />
  46.  
  47. {block:ifCrosshairCursor}
  48. <style type="text/css">body { cursor: crosshair; } </style>
  49. {/block:ifCrosshairCursor}
  50. <style type="text/css">
  51.  
  52.  
  53. ::-webkit-scrollbar-thumb{
  54. background-color: {color:scrollbar};
  55. border: 2px solid #ffffff;
  56. height:auto;
  57. -moz-border-radius: 10px;
  58. border-radius: 10px;
  59. }
  60.  
  61. ::-webkit-scrollbar {
  62. height:auto;
  63. width:9px;
  64. background-color: {color:scrollbar};
  65. border: 4px solid #fff;
  66. }
  67.  
  68.  
  69. body {
  70. padding:0px;
  71. margin:0px;
  72. color:{color:Text};
  73. font-family:calibri;
  74. font-size:10px;
  75. line-height:12px;
  76. text-transform:normal;
  77. background-color:{color:Background};
  78. background-image:url({image:Background});
  79. background-attachment:fixed;
  80. background-repeat:no-repeat;}
  81.  
  82. a:link, a:active, a:visited{
  83. color:{color:Link};
  84. text-decoration:none;
  85. -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;}
  86.  
  87. a:hover{
  88. color:{color:Hover};
  89. text-decoration:none;
  90. -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;
  91. }
  92.  
  93.  
  94. #audio {
  95. width:200px;
  96. height:auto;
  97. min-height:60px;
  98. padding-bottom:0px;
  99. }
  100.  
  101. .cover {
  102. position:absolute;
  103. z-index:1;
  104. width:60px;
  105. height:60px;
  106. }
  107.  
  108. .cover img {
  109. float:left;
  110. width:60px;
  111. height:60px;
  112. }
  113.  
  114. .playbox {
  115. opacity:0.6;
  116. width:27px;
  117. height:30px;
  118. overflow:hidden;
  119. position:absolute;
  120. z-index:1000;
  121. margin-left:17px;
  122. margin-top:17px;
  123. text-align:center;
  124. }
  125.  
  126. .info {
  127. margin-left:73px;
  128. margin-top:4px;
  129. line-height:14px;
  130. }
  131.  
  132. #eclipse{width:250px; height:auto;}
  133. {block:PermalinkPage}
  134. width:10px;
  135. {/block:PermalinkPage}
  136. }
  137.  
  138. #center{
  139. padding-top:3px;
  140. padding-bottom:3px;
  141. position:fixed !important;
  142. width:250px;
  143. height:207px;
  144. background-color:#fff;
  145. {block:PermalinkPage}
  146. width:410px;
  147. height:207px;
  148. {/block:PermalinkPage}
  149. }
  150. /*NAVIGATION*/
  151. .nav {font-size: 1.2em;
  152. text-align: center;
  153. overflow: hidden;
  154. top:-20px;
  155. margin-top:50px;
  156. margin: 2em auto;
  157. width: 300px;
  158. position: relative; }
  159. .nav a {
  160. display: block;
  161. position: relative;
  162. float: left;
  163. padding: 1em 0 2em;
  164. width: 25%;
  165. text-decoration: none;
  166. color: {color:header links};
  167. -webkit-transition: .7s;
  168. -moz-transition: .7s;
  169. -o-transition: .7s;
  170. -ms-transition: .7s;
  171. transition: .7s; }
  172. .nav a:hover {
  173. color: {color:hover}; }
  174.  
  175. .effect {
  176. position: absolute;
  177. left: -12.5%;
  178. -webkit-transition: 0.7s ease-in-out;
  179. -moz-transition: 0.7s ease-in-out;
  180. -o-transition: 0.7s ease-in-out;
  181. -ms-transition: 0.7s ease-in-out;
  182. transition: 0.7s ease-in-out; }
  183. .nav a:nth-child(1):hover ~ .effect {
  184. left: 12.5%; }
  185. .nav a:nth-child(2):hover ~ .effect {
  186. left: 37.5%; }
  187. .nav a:nth-child(3):hover ~ .effect {
  188. left: 62.5%; }
  189. .nav a:nth-child(4):hover ~ .effect {
  190. left: 87.5%; }
  191.  
  192.  
  193.  
  194. /* NAVLINKS*/
  195.  
  196. .ph-dot-nav:after {
  197. content: "";
  198. display: block;
  199. position: absolute;
  200. width: 100%;
  201. height: 1px;
  202. background:{color:header links};
  203. top: 30px; }
  204. .ph-dot-nav a:after {
  205. content: "";
  206. position: absolute;
  207. width: 5px;
  208. height: 5px;
  209. top: 28px;
  210. left: 50%;
  211. margin-left: 0px;
  212. background:{color:header links};
  213. border-radius: 100%; }
  214. .ph-dot-nav .effect {
  215. width: 7px;
  216. height: 7px;
  217. top: 26px;
  218. margin-top:1px;
  219. margin-left: -2px;
  220. background:{color:header links};
  221. border-radius: 100%; }
  222.  
  223.  
  224.  
  225. /*ENTRIES*/
  226.  
  227. #posts{
  228. float:center;
  229. {block:indexpage}
  230. {block:if3columns}
  231. width:1000px;
  232. margin-left:-170px;
  233. {/block:if3columns}
  234.  
  235. {block:if2columns}
  236. width:800px;
  237. margin-left:-30px;
  238. {/block:if2columns}
  239. {/block:indexpage}
  240. {block:permalinkpage}
  241. width:600px;
  242. {/block:permalinkpage}
  243. margin-top:40px;
  244. z-index:999999999;
  245. }
  246.  
  247.  
  248. #entry img{
  249. {block:indexpage}
  250. background:#fff;
  251. opacity:1;
  252. max-width:250px;
  253. z-index:9999999;
  254. -webkit-transition:all 0.7s ease-out;
  255. -moz-transition:all 0.7s ease-out;
  256. transition:all 0.7s ease-out;
  257. {/block:indexpage}
  258.  
  259. {block:iffadedposts}
  260. opacity: 0.7;
  261. {/block:iffadedposts}
  262. }
  263.  
  264. #entry{
  265. z-index:999;
  266. margin:24px;
  267. float:left;
  268. background:#fff;
  269. font-size:10px;
  270. line-height:13px;
  271. text-transform:normal;
  272. width:250px;
  273. padding:1px;
  274. {block:PermalinkPage}
  275. width:500px;
  276. opacity:1;
  277. margin-top:15px;
  278. margin-left:30px;
  279. z-index:999;
  280. {/block:PermalinkPage}
  281. -moz-transition: all 2.2s ease-out;
  282. -o-transition: all 2.2s ease-out;
  283. -webkit-transition: all 2.2s ease-out;
  284. transition: all 2.2s ease-out;
  285. }
  286.  
  287. #entry:hover{
  288. {block:ifEnlargeonHover}
  289. position:relative;
  290. transform: scale(1.05);
  291. -ms-transform: scale(1.05);
  292. -webkit-transform: scale(1.05);
  293. -o-transform: scale(1.05);
  294. -moz-transform: scale(1.05);
  295. transition: all 0.2s ease-out;
  296. -o-transition-transition: all 0.2s ease-out;
  297. -webkit-transition: all 0.2s ease-out;
  298. -moz-transition: all 0.2s ease-out;
  299. {/block:ifEnlargeonHover}
  300. }
  301. #entry .cuties{
  302. position:absolute;
  303. padding:7px;
  304. line-height:10px;
  305. background:transparent;
  306. font-style:italic;
  307. overflow:visible;
  308. text-align:right;
  309. opacity:0;
  310. bottom:-18px;
  311. width:auto;
  312. margin-top:10px;
  313. z-index:10;
  314. color:#000;
  315. -webkit-transition: all 0.4s ease-out;
  316. -moz-transition: all 0.4s ease-out;
  317. transition: all 0.4s ease-out;
  318.  
  319. }
  320.  
  321. #entry .cuties a{
  322. color:#000;
  323. }
  324. #entry:hover .cuties{
  325. opacity:1;
  326. }
  327.  
  328. .permalinktext{
  329. display:block;
  330. text-align:right;
  331. text-decoration:none;
  332. font-size:8px;
  333. letter-spacing:1px;
  334. padding-top:5px;
  335. text-transform:uppercase;
  336. color:{color:link};
  337. border:1px solid #f3f3f3;
  338. padding:2px;
  339. }
  340.  
  341. /*ASK*/
  342. .bubble a{color:{color:link};}
  343.  
  344. .bubble {
  345. position:relative;
  346. margin:4px 0px 5px 45px;
  347. text-align:left;
  348. padding:5px 3px 5px 5px;
  349. background:{color:Ask Background};
  350. color:{color:text};
  351. -moz-border-radius:2px;
  352. -webkit-border-radius:2px;
  353. border-radius:2px;
  354. }
  355.  
  356.  
  357. .bubble p {
  358. margin:5px;
  359. }
  360.  
  361. .bubble span {
  362. position:absolute;
  363. display:block;
  364. top:-5px;
  365. left:-8px;
  366. width:1px;
  367. height:1px;
  368. font-size:12;
  369. line-height:1px;
  370. color:black;
  371. border-right:7px solid #eee;
  372. ;
  373. }
  374.  
  375. .title{
  376. line-height:12px;
  377. color:{color:Title};
  378. font-weight:normal;
  379. }
  380.  
  381.  
  382. .eclipsethemes {
  383. width:500px;
  384. opacity: 1;
  385. z-index: 10000;
  386. margin-top:10px;
  387. margin-bottom:10px;
  388. text-align:left;
  389. font-size:10px;
  390. letter-spacing:1px;
  391. text-transform:both;
  392. }
  393. /*SIDEBAR*/
  394.  
  395. @font-face {font-family:'conjuntar3'; src: url('http://static.tumblr.com/qzpui9z/kOSmhuz8u/conjuntar3.ttf')}
  396.  
  397. @font-face{font-family:example; src:url('http://static.tumblr.com/3jj4ois/ixMms3uip/willg___.ttf');}
  398.  
  399.  
  400. #blogtitle{
  401. font-size:26px;
  402. color:{color:Blogtitle};
  403. line-height:28px;
  404. font-style:none;
  405. font-family: 'times';
  406. text-align:left;
  407. letter-spacing:2px;
  408. display:inline-block;
  409. margin-top:20px;
  410. max-width:220px;
  411. }
  412.  
  413. #sidebar{
  414. position:absolute;
  415. font-family: cambria;
  416. font-size: 9px;
  417. line-height:12px;
  418. text-align:center;
  419. color:black;
  420. letter-spacing: 0px;
  421. width: 554px;
  422. height: 125px;
  423. margin-left:380px;
  424. margin-top:20px;
  425. padding:0px;
  426. border-radius:12px;
  427. letter-spacing: 1px;
  428. }
  429.  
  430. #sidebar a{
  431. color: {color:Header Link};
  432. }
  433.  
  434. #sidebar a:hover{
  435. color: {color:Hover};
  436. }
  437.  
  438. #cred{
  439. position:fixed;
  440. font-family: arial;
  441. font-size: 8px;
  442. bottom:20px;
  443. right:10px;
  444. padding:10px;
  445. height:10px;
  446. text-align:center;
  447. text-transform:lowercase;
  448. padding-bottom:10px;
  449. width:15px;
  450. color:#aaa;
  451. transition: all 0.6s ease-out;
  452. -o-transition-transition: all 0.6s ease-out;
  453. -webkit-transition: all 0.6s ease-out;
  454. -moz-transition: all 0.6s ease-out;
  455. }
  456. .textperma {
  457. text-align: center;
  458. line-height:200%;
  459. opacity:1;
  460. filter: alpha(opacity = 0);
  461. font-size: 10px;
  462. line-height: 9px;
  463. letter-spacing:1px;
  464. margin-top:5px;
  465. text-transform: uppercase;
  466. -webkit-transition-duration: .75s;
  467. }
  468. .video embed, .video object, .video iframe {
  469. {block:IndexPage}
  470. width:200px /**/ !important;
  471. {/block:IndexPage}
  472. height:auto !important;
  473. }
  474.  
  475. #infscr-loading{
  476. bottom: -70px;
  477. position: absolute;
  478. left: 50%;
  479. margin-left:-8px;
  480. width:16px;
  481. height:11px;
  482. overflow:hidden;
  483. margin-bottom: 50px;
  484. }
  485.  
  486. #postnotes{
  487. text-align: justify;}
  488.  
  489. #postnotes blockquote{
  490. border: 0px;}
  491.  
  492. blockquote{
  493. padding:0px 0px 2px 5px;
  494. margin:0px 0px 2px 10px;
  495. border-left: 1px dotted #eee;
  496. }
  497.  
  498. blockquote p, ul{
  499. margin:0px;
  500. padding:0px;
  501. }
  502.  
  503.  
  504. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  505. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  506. </style>
  507.  
  508.  
  509. <title>{Title}</title>
  510.  
  511. <link rel="shortcut icon" href="{Favicon}" />
  512.  
  513. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  514. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  515. <meta name="viewport" content="width=820" />
  516. </head>
  517.  
  518. <body>
  519.  
  520.  
  521.  
  522. <div id="sidebar">
  523.  
  524. <div id="blogtitle">{Title}</div>
  525.  
  526.  
  527. <div class="ph-dot-nav nav">
  528. <a href="{text:Link1}"><smal>{text:Link1 Title}</smal></a>
  529. <a href="{text:Link2}"><smal>{text:Link2 Title}</smal></a>
  530. <a href="{text:Link3}"><smal>{text:Link3 Title}</smal></a>
  531. <a href="{text:Link4}"><smal>{text:Link4 Title}</smal></a>
  532. <div class="effect"></div></div>
  533. <div class="linkies">
  534. <div style="margin-top:-36px;padding:2px;text-align:center;border-radius:0px;border-right:0px solid #fff;">
  535. <center style="font-style:italic; width:auto; margin-top:0px;padding:1px; margin-left:127px; width:300px;">{Description}</center>
  536.  
  537. </div></div>
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545. <div id="center">
  546. <div id="content">
  547. </div>
  548.  
  549.  
  550.  
  551.  
  552. <div id="posts">
  553. {block:Posts}
  554. <div id="entry">
  555.  
  556.  
  557. {block:Answer}<img src="{AskerPortraitURL-30}" align="left" class="askborder">
  558. <div class="bubble"><font style="color:#5a5959; text-transform:uppercase; font-size:12px; font-family:calibri;">{Asker}:</font> <font style="color:#5a5959; font-family:calibri; font-size:12px; ">{Question}</font></div><br><center><font style="font-family:calibri; font-size:12px; letter-spacing:1px">{Answer}</font></center> <br>
  559. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>
  560. {/block:Answer}
  561.  
  562.  
  563. {block:Text}
  564. {block:Title}<span class="title">{Title}</span>{/block:Title}
  565. <span class="entrytext">{Body}</span></a>
  566. {block:IndexPage}<br>
  567. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{/block:IndexPage}
  568. {/block:Text}
  569.  
  570. {block:Link}
  571. <a href="{URL}" class="title">{Name}</a>
  572. {block:Description}{Description}{/block:Description}
  573. {block:IndexPage}<br>
  574. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>
  575. {/block:IndexPage}
  576. {block:Link}
  577.  
  578. {block:Photo}{block:IndexPage}
  579. <div class="cuties"><a href="{ReblogURL}" target="_blank">reblog</a> •
  580.  
  581.  
  582. <a href="{permalink}">{notecount}</a> </div>
  583.  
  584. {/block:IndexPage}
  585.  
  586. {block:IndexPage}
  587. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  588.  
  589. {/block:IndexPage}
  590. {block:permalinkpage}{LinkOpenTag}<center>
  591. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%">
  592. {LinkCloseTag}</center>{/block:permalinkpage}
  593. {/block:Photo}
  594.  
  595.  
  596. {block:Photoset}
  597. {block:IndexPage}
  598. <div class="cuties"><a href="{ReblogURL}" target="_blank" >reblog</a> •
  599.  
  600.  
  601. <a href="{permalink}">{notecount}</a> </div>
  602.  
  603. {Photoset-250}</center>
  604. {/block:IndexPage}
  605. {block:PermalinkPage}
  606. <center>
  607. {Photoset-500}</center>
  608. {/block:PermalinkPage}
  609. {/block:Photoset}
  610.  
  611.  
  612. {block:Quote}
  613. <div class="quote">❝ {quote} ❞</div>
  614. {block:IndexPage}<br>
  615. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{/block:IndexPage}
  616. {/block:Quote}
  617.  
  618. {block:Chat}
  619. {block:Title}<span class="title">{Title}</span>{/block:Title}
  620. <ul class="chat">
  621. {block:Lines}
  622. <li class="user_{UserNumber}">
  623. {block:Label}
  624. <span class="label">{Label}</span>
  625. {/block:Label}
  626.  
  627. {Line}<br>
  628. {/block:Lines}
  629. {block:IndexPage}<br>
  630. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{/block:IndexPage}
  631. {/block:Chat}
  632.  
  633. {block:Audio}
  634. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  635. {block:IndexPage}<br>
  636. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayOfWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>{/block:IndexPage}
  637. {/block:Audio}
  638.  
  639. {block:Video}
  640. {block:IndexPage}
  641. <div class="textperma"><span style="text-transform:uppercase; color:{color:text}; text-align:right;font-size:9px;"><p> {DayofWeek} / <a href="{permalink}">{NoteCountwithLabel}</a> </a> </p></div>
  642. {block:IndexPage}
  643. <a href="{permalink}"><i>View Video</i></a>
  644. {/block:IndexPage}
  645. </center>
  646. {block:PermalinkPage}
  647. <center>{Video-500}</center>
  648. {/block:PermalinkPage}
  649. {block:Video}
  650.  
  651.  
  652. {block:PermalinkPage}
  653. <br>
  654. <div class="eclipsethemes">
  655. {block:Caption}{Caption}{/block:Caption}
  656.  
  657. {block:Date}Posted on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} at {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  658.  
  659. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  660. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  661.  
  662. {block:HasTags}<br><Br> tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  663. {/block:PermalinkPage}
  664.  
  665.  
  666.  
  667.  
  668.  
  669. {block:PostNotes}
  670. <span></span>
  671. <br>
  672. <div style="width:auto; max-height:200px; overflow:auto;">{PostNotes}</div>
  673.  
  674. </a>
  675. {/block:PostNotes}
  676. </div>
  677. {/block:posts}
  678.  
  679. </div></div>
  680.  
  681. {block:indexpage}
  682. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  683. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  684. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  685. <script type="text/javascript">
  686. $(window).load(function(){
  687. var $wall = $('#posts');
  688. $wall.imagesLoaded(function(){
  689. $wall.masonry({
  690. itemSelector: '#entry, #entry_photo',
  691. isAnimated : false
  692. });
  693. });
  694.  
  695. $wall.infinitescroll({
  696. navSelector : '#page-nav',
  697. nextSelector : '#page-nav a',
  698. itemSelector : '#entry, #entry_photo',
  699. bufferPx : 2000,
  700. debug : false,
  701. errorCallback: function() {
  702. $('#infscr-loading').fadeOut('normal');
  703. }},
  704. function( newElements ) {
  705. var $newElems = $( newElements );
  706. $newElems.hide();
  707. $newElems.imagesLoaded(function(){
  708. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  709. });
  710. }); $('#content').show(500);
  711. });
  712. </script>
  713. {/block:indexpage}
  714.  
  715.  
  716. </body>
  717.  
  718. <div id="cred">
  719. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  720. </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!