API tools faq
paste
Advertisement
raggedies

theme k: groot (v.1)

raggedies
Oct 12th, 2014
1,970
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.33 KB | None | 0 0
raw download clone embed print report
  1. <!----- theme k: groot (v.1)
  2. coded by BVSHOPS.tumblr.com
  3. (previously STVES.tumblr.com)
  4.  
  5. theme description:
  6. + 4 customizable links (ask not included by default)
  7. + color options
  8. + posts 250px, 400px, or 500px
  9. + small icon
  10. + option to show permalink info on hover
  11. + tag options
  12. + option to have collapsible notes
  13. + two different update tabs (toggle off/on)
  14. + audio player options
  15. + turn captions on/off (always visible on permalink page)
  16. + lazy load
  17.  
  18. message to the user:
  19.  
  20. + please do not redistribute this code under
  21. any other username
  22. + please leave the credit intact :-)
  23. + please feel free to customize to your liking
  24.  
  25. shoot me an ask if you have any questions or notice
  26. an error in the coding!
  27.  
  28. ---------------------------------->
  29.  
  30. <html>
  31. <head>
  32. <title>{Title}</title>
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  40.  
  41.  
  42. <!------ﾟdefaults ------>
  43.  
  44. <!------ colors ---------->
  45. <meta name="color:background" content="#ffffff" />
  46. <meta name="color:body" content="#7c7c7c" />
  47. <meta name="color:link" content="#afafaf" />
  48. <meta name="color:link hover" content="#888888" />
  49. <meta name="color:tags" content="#afafaf" />
  50. <meta name="color:tag hover" content="#888888" />
  51. <meta name="color:title" content="#6d6d6d" />
  52. <meta name="color:chat 1" content="#f9f9f9" />
  53. <meta name="color:chat 2" content="#ffffff" />
  54. <meta name="color:question bg" content="#000000" />
  55. <meta name="color:question text" content="#ffffff" />
  56. <meta name="color:blockquote" content="#dadada" />
  57.  
  58. <!------ links ----------->
  59. <meta name="text:link a" content="" />
  60. <meta name="text:link url a" content="/" />
  61. <meta name="text:link b" content="" />
  62. <meta name="text:link url b" content="/" />
  63. <meta name="text:link c" content="" />
  64. <meta name="text:link url c" content="/" />
  65. <meta name="text:link d" content="" />
  66. <meta name="text:link url d" content="/" />
  67.  
  68. <!---- sidebar options --->
  69. <meta name="image:sidebar" content="" />
  70. <meta name="if:post info on hover" content="1" />
  71. <meta name="if:show caption" content="0" />
  72. <meta name="if:posts 250px" content="1" />
  73. <meta name="if:posts 400px" content="0" />
  74. <meta name="if:posts 500px" content="0" />
  75. <meta name="if:black audio player" content="1" />
  76. <meta name="if:white audio player" content="0" />
  77. <meta name="if:grey audio player" content="0" />
  78. <meta name="if:tags on hover" content="1" />
  79. <meta name="if:collapsible notes" content="1" />
  80. <meta name="if:show updates 1" content="1" />
  81. <meta name="if:show updates 2" content="0" />
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87. /* defaults */
  88.  
  89. iframe#tumblr_controls { white-space: nowrap;
  90. -webkit-filter: invert(100%);
  91. -moz-filter: invert(100%);
  92. -o-filter: invert(100%);
  93. -ms-filter: invert(100%);
  94. filter: invert(100%);
  95. opacity:.5;
  96. transition: .8s ease-in-out;
  97. -webkit-transition: .8s ease-in-out;
  98. -moz-transition: .8s ease-in-out;
  99. -o-transition: .8s ease-in-out; }
  100.  
  101. iframe#tumblr_controls:hover { opacity: .8; }
  102.  
  103. body { background: {color:background};
  104. font-family: 'Inconsolata';
  105. font-size: 10px;
  106. color: {color:body};
  107. text-align: justify;
  108. line-height: 15px; }
  109.  
  110. #wrap { background-color: transparent;
  111. margin: 0px auto 0px auto;
  112. {block:IfPosts250px}
  113. width: 270px;
  114. padding-left: 50px;
  115. {/block:IfPosts250px}
  116. {block:IfPosts400px}
  117. width: 420px;
  118. padding-left: 70px;
  119. {/block:IfPosts400px}
  120. {block:IfPosts500px}
  121. width: 520px;
  122. padding-left: 90px;
  123. {/block:IfPosts500px}}
  124.  
  125. /* blog defaults */
  126.  
  127. a { color: {color:link};
  128. text-decoration:none;
  129. -webkit-transition: all .4s ease-in-out;
  130. -moz-transition: all .4s ease-in-out;
  131. -ms-transition: all .4s ease-in-out;
  132. -o-transition: all .4s ease-in-out;
  133. transition: all .4s ease-in-out; }
  134.  
  135. a:hover { color: {color:link hover};
  136. text-decoration: none; }
  137.  
  138. img { border: none;
  139. -webkit-transition-duration: .25s;
  140. -moz-transition-duration: .25s;
  141. -o-transition-duration: .25s;
  142. transition-duration: .25s; }
  143.  
  144. ::-webkit-scrollbar { background: #fff;
  145. width: 5px;
  146. height: 5px; }
  147.  
  148. ::-webkit-scrollbar-thumb:vertical { background: #f2f2f2; }
  149.  
  150. blockquote { background-color: transparent;
  151. border-left: 1px solid {color:blockquote};
  152. padding-left: 7px;
  153. {block:IfPosts250px}max-width: 250px!important;{/block:IfPosts250px}
  154. {block:IfPosts400px}max-width: 400px!important;{/block:IfPosts400px}
  155. {block:IfPosts500px}max-width: 500px!important;{/block:IfPosts500px}
  156. word-break: break-all; }
  157.  
  158. blockquote img { {block:IfPosts250px}
  159. max-width: 120px!important;{/block:IfPosts250px}
  160. {block:IfPosts400px}max-width: 320px!important;{/block:IfPosts400px}
  161. {block:IfPosts500px}max-width: 420px!important;{/block:IfPosts500px} }
  162.  
  163. pre { white-space: pre-wrap;
  164. white-space: -moz-pre-wrap;
  165. white-space: -pre-wrap;
  166. white-space: -o-pre-wrap;
  167. word-wrap: break-word; }
  168.  
  169. /* meta, posts, permalink */
  170.  
  171. .meta { background-color: white;
  172. {block:IfPosts250px}
  173. width: 250px;
  174. {/block:IfPosts250px}
  175. {block:IfPosts400px}
  176. width: 400px;
  177. {/block:IfPosts400px}
  178. {block:IfPosts500px}
  179. width: 500px;
  180. {/block:IfPosts500px}
  181. padding: 0px;
  182. margin: 50px 0px 90px 0px; }
  183.  
  184. .title, .audio { font-family: 'Inconsolata';
  185. color: {color:title};
  186. font-size: 13px;
  187. text-transform: uppercase;
  188. letter-spacing: 2px;
  189. margin-bottom: 8px; }
  190.  
  191. .audio { font-size: 17px; }
  192.  
  193. .desc { text-align: left; }
  194.  
  195. .icon { width: 60px;
  196. height: 60px;
  197. border-radius: 40px 40px 40px 40px;
  198. -webkit-border-radius: 40px 40px 40px 40px;
  199. -moz-border-radius: 40px 40px 40px 40px;
  200. -o-border-radius: 40px 40px 40px 40px;
  201. float: left;
  202. margin: 0px 12px 0px 0px;}
  203.  
  204. #post-wrap { background-color: transparent;
  205. {block:IfPosts250px}
  206. width: 250px;
  207. {/block:IfPosts250px}
  208. {block:IfPosts400px}
  209. width: 400px;
  210. {/block:IfPosts400px}
  211. {block:IfPosts500px}
  212. width: 500px;
  213. {/block:IfPosts500px} }
  214.  
  215. .entry-wrap { background-color: transparent;
  216. {block:IfPosts250px}
  217. width: 250px;
  218. {/block:IfPosts250px}
  219. {block:IfPosts400px}
  220. width: 400px;
  221. {/block:IfPosts400px}
  222. {block:IfPosts500px}
  223. width: 500px;
  224. {/block:IfPosts500px}
  225. margin: 0px 0px 60px 0px; }
  226.  
  227. .entry { background-color: transparent;
  228. {block:IfPosts250px}
  229. width: 250px;
  230. {/block:IfPosts250px}
  231. {block:IfPosts400px}
  232. width: 400px;
  233. {/block:IfPosts400px}
  234. {block:IfPosts500px}
  235. width: 500px;
  236. {/block:IfPosts500px} }
  237.  
  238. .permalink { background-color:transparent;
  239. {block:IfPosts250px}
  240. width: 250px;
  241. {/block:IfPosts250px}
  242. {block:IfPosts400px}
  243. width: 400px;
  244. {/block:IfPosts400px}
  245. {block:IfPosts500px}
  246. width: 500px;
  247. {/block:IfPosts500px}
  248. margin: 5px 0px 40px 0px;
  249. text-align: center;
  250. -webkit-transition: all .5s ease-in-out;
  251. -moz-transition: all .5s ease-in-out;
  252. -ms-transition: all .5s ease-in-out;
  253. -o-transition: all .5s ease-in-out;
  254. transition: all .5s ease-in-out;
  255. {block:IfPostInfoOnHover}
  256. opacity: 0;
  257. {/block:IfPostInfoOnHover}
  258. {block:PermalinkPage}
  259. opacity: 1;
  260. {/block:PermalinkPage}}
  261.  
  262. .entry-wrap:hover .permalink { opacity: 1; }
  263.  
  264. .tags, .tags a { color: {color:tags}; }
  265. .tags a:hover { color: {color:tag hover}; }
  266.  
  267. .caption, .source { margin: 4px 0px 4px 0px; }
  268. .source { margin-left: 30px; }
  269.  
  270. .chat .odd { background: {color:chat 1};
  271. padding: 9px; }
  272.  
  273. .chat .even { background: {color:chat 2};
  274. padding: 9px; }
  275.  
  276. .chat li, .chat ol, ul.chat
  277. { list-style: none;
  278. margin: 0px;
  279. margin-left: -5px;
  280. padding: 5px; }
  281.  
  282. .audioplayerblack { background-color: black;
  283. padding: 10px; }
  284.  
  285. .audioplayerwhite { background-color: white;
  286. padding: 10px; }
  287.  
  288. .audioplayergrey { background-color: #e4e4e4;
  289. padding: 10px; }
  290.  
  291. .question { background-color: {color:question bg};
  292. text-transform: lowercase;
  293. padding: 10px;
  294. color: {color:question text}; }
  295.  
  296. .page { margin: 0px 0px 80px 0px;
  297. text-align: center; }
  298.  
  299. /* post notes */
  300.  
  301. #post-notes { background-color: transparent;
  302. {block:IfPosts250px}
  303. width: 250px;
  304. {/block:IfPosts250px}
  305. {block:IfPosts400px}
  306. width: 400px;
  307. {/block:IfPosts400px}
  308. {block:IfPosts500px}
  309. width: 500px;
  310. {/block:IfPosts500px}}
  311.  
  312. ol { list-style-type: none;
  313. margin: 0 0 4em 0; }
  314.  
  315. ol.notes { padding: 3px;
  316. margin: 5px 0px; }
  317.  
  318. ol.notes li.note { border: none; }
  319.  
  320. ol.notes li.note img.avatar { height: 0px;
  321. width: 0px; }
  322.  
  323. /* updates */
  324.  
  325. /* update, v.1 */
  326.  
  327. .up1_wrap { width: 75px;
  328. top: 8px;
  329. left: 10px;
  330. position: fixed; }
  331.  
  332. .up1_title { background-color: #000000;
  333. color: #ffffff;
  334. font-size: 10px;
  335. text-transform: uppercase;
  336. text-align: center;
  337. letter-spacing: 2px;
  338. width: 75px;
  339. padding: 7px;
  340. -webkit-transition: all .8s ease-in-out;
  341. -moz-transition: all .8s ease-in-out;
  342. -ms-transition: all .8s ease-in-out;
  343. -o-transition: all .8s ease-in-out;
  344. transition: all .8s ease-in-out; }
  345.  
  346. .up1_info { background-color: {color:background};
  347. color: {color:body};
  348. width: 75px;
  349. padding: 2px;
  350. margin: 3px 0px 0px 0px;
  351. -webkit-transition: all .8s ease-in-out;
  352. -moz-transition: all .8s ease-in-out;
  353. -ms-transition: all .8s ease-in-out;
  354. -o-transition: all .8s ease-in-out;
  355. transition: all .8s ease-in-out;
  356. opacity: 0; }
  357.  
  358. .up1_wrap:hover .up1_info { opacity: 1; }
  359. .up1_wrap:hover .up1_title { background-color: {color:background};
  360. color: {color:body};
  361. box-shadow: inset 0px 75px 0px 0px #f3f3f3; }
  362.  
  363. /* update, v.2 */
  364.  
  365. .up2_wrap { width: 75px;
  366. top: 6px;
  367. left: 10px;
  368. position: fixed; }
  369.  
  370. .up2_title { background-color: {color:background};
  371. color: {color:body};
  372. font-size: 10px;
  373. text-transform: uppercase;
  374. letter-spacing: 2px;
  375. width: 75px;
  376. padding: 7px;
  377. -webkit-transition: all .5s ease-in-out;
  378. -moz-transition: all .5s ease-in-out;
  379. -ms-transition: all .5s ease-in-out;
  380. -o-transition: all .5s ease-in-out;
  381. transition: all .5s ease-in-out; }
  382.  
  383. .up2_info { background-color: {color:background};
  384. color: {color:body};
  385. width: 75px;
  386. padding: 2px;
  387. margin-top: -250px;
  388. webkit-transition: all 1.5s ease-in-out;
  389. -moz-transition: all 1.5s ease-in-out;
  390. -ms-transition: all 1.5s ease-in-out;
  391. -o-transition: all 1.5s ease-in-out;
  392. transition: all 1.5s ease-in-out;
  393. opacity: 0; }
  394.  
  395. .up2_wrap:hover .up2_info { opacity: 1;
  396. margin-top: 0px; }
  397.  
  398. /* credit (please do not remove or change the placement :-) ) */
  399.  
  400. .credit { bottom: 3px;
  401. right: 8px;
  402. position: fixed;
  403. width: 25px;
  404. height: 28px; }
  405.  
  406. .credit a { background: #f6f6f6;
  407. color: #aaaaaa;
  408. text-align: center;
  409. display: block;
  410. border-radius: 15px;
  411. padding: 4px;
  412. opacity: .5;
  413. -webkit-transition: all .5s ease-in-out;
  414. -moz-transition: all .5s ease-in-out;
  415. -ms-transition: all .5s ease-in-out;
  416. -o-transition: all .5s ease-in-out;
  417. transition: all .5s ease-in-out; }
  418.  
  419. .credit a:hover { opacity: 1;
  420. box-shadow: inset 25px 25px 0px 0px #000000;
  421. color: #fff; }
  422.  
  423.  
  424. </style>
  425. <script type="text/javascript">
  426. jQuery(document).ready(function() {
  427. jQuery(".sub").hide();
  428. //toggle the componenet with class msg_body
  429. jQuery(".col").click(function()
  430. {
  431. jQuery(this).next(".sub").slideToggle(800);
  432. });});
  433. </script>
  434.  
  435. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  436. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  437. <script type="text/javascript" charset="utf-8">
  438. var $j = jQuery.noConflict();
  439. $j(function() {
  440. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  441. $j("img").lazyload({
  442. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  443. effect: "fadeIn",
  444. });
  445. });
  446. </script>
  447. </head>
  448. <body>
  449. <div id="wrap">
  450.  
  451. <!-- meta/description -->
  452.  
  453. <div class="meta">
  454. <img src="{image:sidebar}" class="icon">
  455. <a href="/" class="title">{Title}</a>&emsp;&emsp;
  456. {block:IfLinkA}
  457. <a href="{text:link url a}">{text:link a}</a>&emsp;
  458. {/block:IfLinkA}
  459. {block:IfLinkB}
  460. <a href="{text:link url b}">{text:link b}</a>&emsp;
  461. {/block:IfLinkB}
  462. {block:IfLinkC}
  463. <a href="{text:link url c}">{text:link c}</a>&emsp;
  464. {/block:IfLinkC}
  465. {block:IfLinkD}
  466. <a href="{text:link url d}">{text:link d}</a>
  467. {/block:IfLinkD}
  468. <div class="desc">
  469. {Description}
  470. </div>
  471. </div>
  472.  
  473. <!-- posts -->
  474.  
  475. <div id="post-wrap">
  476.  
  477. {block:Posts}
  478. <div class="entry-wrap">
  479. <div class="entry">
  480.  
  481. <!-- text post -->
  482. {block:Text}
  483. {block:Title}<div class="title">{Title}</div>{/block:Title}
  484. {Body}
  485. {/block:Text}
  486.  
  487. <!-- photo post -->
  488. {block:Photo}
  489. {block:IfPosts250px}
  490. <img src="{PhotoURL-250}">
  491. {/block:IfPosts250px}
  492. {block:IfPosts400px}
  493. <img src="{PhotoURL-400}">
  494. {/block:IfPosts400px}
  495. {block:IfPosts500px}
  496. <img src="{PhotoURL-500}">
  497. {/block:IfPosts500px}
  498. {block:IfShowCaption}
  499. {block:Caption}
  500. <div class="caption">{Caption}</div>
  501. {/block:Caption}
  502. {/block:IfShowCaption}
  503. {block:IfNotShowCaption}
  504. {block:PermalinkPage}
  505. {block:Caption}
  506. <div class="caption">{Caption}</div>
  507. {/block:Caption}
  508. {/block:PermalinkPage}
  509. {/block:IfNotShowCaption}
  510. {/block:Photo}
  511.  
  512. <!-- photoset post -->
  513. {block:Photoset}
  514. {block:IfPosts250px}
  515. {Photoset-250}
  516. {/block:IfPosts250px}
  517. {block:IfPosts400px}
  518. {Photoset-400}
  519. {/block:IfPosts400px}
  520. {block:IfPosts500px}
  521. {Photoset-500}
  522. {/block:IfPosts500px}
  523. {block:IfShowCaption}
  524. {block:Caption}
  525. <div class="caption">{Caption}</div>
  526. {/block:Caption}
  527. {/block:IfShowCaption}
  528. {block:IfNotShowCaption}
  529. {block:PermalinkPage}
  530. {block:Caption}
  531. <div class="caption">{Caption}</div>
  532. {/block:Caption}
  533. {/block:PermalinkPage}
  534. {/block:IfNotShowCaption}
  535. {/block:Photoset}
  536.  
  537. <!-- quote post -->
  538. {block:Quote}
  539. <div class="title">" {Quote} "</div>
  540. {block:Source}
  541. <div class="source">- {Source}</div>
  542. {/block:Source}
  543. {/block:PermalinkPage}
  544. {/block:Quote}
  545.  
  546. <!-- link -->
  547. {block:Link}
  548. <a href="{URL}" {Target}>{Name}</a>
  549. {block:Description}
  550. <div class="caption">
  551. {Description}
  552. </div>
  553. {/block:Description}
  554. {/block:Link}
  555.  
  556. <!-- chat -->
  557. {block:Chat}
  558. {block:Title}
  559. <div class="title">{Title}</div>
  560. {/block:Title}
  561. <ul class="chat">
  562. {block:Lines}
  563. <li class="{Alt} user_{UserNumber}">
  564. {block:Label}
  565. <b>{Label}</b>
  566. {/block:Label}
  567. {Line}
  568. </li>
  569. {/block:Lines}
  570. </ul>
  571. {/block:Chat}
  572.  
  573. <!-- audio -->
  574. {block:Audio}
  575. {block:IfBlackAudioPlayer}
  576. <div class="audioplayerblack">
  577. {AudioPlayerBlack}
  578. </div>
  579. {/block:IfBlackAudioPlayer}
  580. {block:IfWhiteAudioPlayer}
  581. <div class="audioplayerwhite">
  582. {AudioPlayerWhite}
  583. </div>
  584. {/block:IfWhiteAudioPlayer}
  585. {block:IfGreyAudioPlayer}
  586. <div class="audioplayergrey">
  587. {AudioPlayerGrey}
  588. </div>
  589. {/block:IfGreyAudioPlayer}
  590. <div style="text-align: right">
  591. <p>
  592. {block:TrackName}
  593. <span class="audio">"{TrackName}"</span>
  594. {/block:TrackName}
  595. {block:Artist}<br>
  596. - {Artist}
  597. {/block:Artist}
  598. </p>
  599. </div>
  600. {/block:Audio}
  601.  
  602. <!-- video -->
  603. {block:Video}
  604. {block:IfPosts250px}
  605. {Video-250}
  606. {/block:IfPosts250px}
  607. {block:IfPosts400px}
  608. {Video-400}
  609. {/block:IfPosts400px}
  610. {block:IfPosts500px}
  611. {Video-500}
  612. {/block:IfPosts500px}
  613. {block:IfShowCaption}
  614. {block:Caption}
  615. <div class="caption">{Caption}</div>
  616. {/block:Caption}
  617. {/block:IfShowCaption}
  618. {block:IfNotShowCaption}
  619. {block:PermalinkPage}
  620. {block:Caption}
  621. <div class="caption">{Caption}</div>
  622. {/block:Caption}
  623. {/block:PermalinkPage}
  624. {/block:IfNotShowCaption}
  625. {/block:Video}
  626.  
  627. <!-- answer -->
  628. {block:Answer}
  629. <div class="question">
  630. {Question} — {Asker}
  631. </div>
  632. <div class="caption">
  633. {Answer}
  634. </div>
  635. {/block:Answer}
  636.  
  637. </div>
  638.  
  639. <!-- permalink -->
  640. <div class="permalink">
  641. {block:Date}
  642. <a href="{Permalink}">
  643. {24HourWithZero}:{Minutes}</a>
  644. </a>
  645. {/block:Date}
  646. {block:NoteCount}
  647. &emsp;&emsp;&emsp;&emsp;<a href="{Permalink}">{NoteCount}</a>
  648. {/block:NoteCount}
  649. {block:Date}
  650. &emsp;&emsp;&emsp;&emsp;<a href="{ReblogURL}" target="_blank" class="details">↺</a>
  651. {/block:Date}
  652. {block:HasTags}
  653. <div class="tags">
  654. {block:Tags}
  655. <a href="{TagURL}">#{Tag}</a>&emsp;
  656. {/block:Tags}
  657. </div>
  658. {/block:HasTags}
  659. {block:PermalinkPage}
  660. <p>
  661. {block:RebloggedFrom}
  662. via <a href="{ReblogParentURL}" class="p">{ReblogParentName}</a>
  663. {/block:RebloggedFrom}
  664. {block:ContentSource}
  665. <br>
  666. original <a href="{SourceURL}" class="p">{SourceTitle}</a>
  667. {/block:ContentSource}
  668. </p>
  669. {/block:PermalinkPage}
  670. </div>
  671.  
  672. <!-- post notes -->
  673. {block:PostNotes}
  674. <div id="post-notes">
  675. {block:IfCollapsibleNotes}
  676. <a class="col">show notes</a>
  677. <div class="sub">
  678. {PostNotes}
  679. </div>
  680. {/block:IfCollapsibleNotes}
  681. {block:IfNotCollapsibleNotes}
  682. <div class="col">notes</div>
  683. {PostNotes}
  684. {/block:IfNotCollapsibleNotes}
  685. </div>
  686. {/block:PostNotes}
  687. </div>
  688. {/block:Posts}
  689.  
  690. {block:Pagination}
  691. <div class="page">
  692. {block:PreviousPage}
  693. <a href="{PreviousPage}">back</a>
  694. &emsp;
  695. &emsp;
  696. &emsp;
  697. —
  698. &emsp;
  699. &emsp;
  700. &emsp;
  701. {/block:PreviousPage}
  702. {block:NextPage}
  703. <a href="{NextPage}">forth</a>
  704. {/block:NextPage}
  705. </div>
  706. {/block:Pagination}
  707.  
  708. </div>
  709. </div>
  710.  
  711. <div class="credit">
  712. <a href="http://fassbndrs.tumblr.com">F</a>
  713. </div>
  714.  
  715. {block:IfShowUpdates1}
  716. <div class="up1_wrap">
  717. <div class="up1_title">updates</div>
  718. <div class="up1_info">
  719. all your update info goes here!
  720. <p>put your books, tv shows, blah blah here</p>
  721. </div>
  722. </div>
  723. {/block:IfShowUpdates1}
  724.  
  725. {block:IfShowUpdates2}
  726. <div class="up2_wrap">
  727. <div class="up2_title">updates</div>
  728. <div class="up2_info">
  729. all your update info goes here!
  730. <p>put your books, tv shows, blah blah here</p>
  731. </div>
  732. </div>
  733. {/block:IfShowUpdates2}
  734.  
  735.  
  736. </body>
  737. </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!