API tools faq
paste
Advertisement
raggedies

theme h: xavier

raggedies
Aug 24th, 2014
1,470
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.98 KB | None | 0 0
raw download clone embed print report
  1. <!----- theme h: xavier
  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 400px or 500px
  9. + 225px sidebar
  10. + tag options
  11. + option to have collapsible notes
  12. + updates tab included (option to turn it on and off!)
  13.  
  14.  
  15. message to the user:
  16.  
  17. + please do not redistribute this code under
  18. any other username
  19. + please leave the credit intact :-)
  20. + please feel free to customize to your liking
  21.  
  22. shoot me an ask if you have any questions or notice
  23. an error in the coding!
  24.  
  25. ---------------------------------->
  26.  
  27. <html>
  28. <head>
  29. <title>{Title}</title>
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. <link rel="shortcut icon" href="{Favicon}">
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  36.  
  37. <!------ﾟdefaults -------->
  38.  
  39. <!------ colors ---------->
  40. <meta name="color:background" content="#ffffff" />
  41. <meta name="color:body" content="#7c7c7c" />
  42. <meta name="color:link" content="#6a6a6a" />
  43. <meta name="color:link hover" content="#999999" />
  44. <meta name="color:title" content="#6d6d6d" />
  45. <meta name="color:navigation 1" content="#000000" />
  46. <meta name="color:navigation a" content="#454545" />
  47. <meta name="color:navigation b" content="#6f6f6f" />
  48. <meta name="color:navigation c" content="#969696" />
  49. <meta name="color:navigation d" content="#d5d5d5" />
  50. <meta name="color:navigation hover" content="#ffffff" />
  51. <meta name="color:tooltip font" content="#989898" />
  52. <meta name="color:tooltip bg" content="#f7f7f7" />
  53. <meta name="color:pagination" content="#afafaf" />
  54. <meta name="color:permalink" content="#666666" />
  55. <meta name="color:permalink hover" content="#cccccc" />
  56. <meta name="color:blockquote" content="#dadada" />
  57. <meta name="color:chat 1" content="#f9f9f9" />
  58. <meta name="color:chat 2" content="#ffffff" />
  59. <meta name="color:audio bg" content="#f7f7f7" />
  60. <meta name="color:album art" content="#bcbcbc" />
  61.  
  62. <!------ links ----------->
  63. <meta name="text:link a" content="" />
  64. <meta name="text:link url a" content="/" />
  65. <meta name="text:link b" content="" />
  66. <meta name="text:link url b" content="/" />
  67. <meta name="text:link c" content="" />
  68. <meta name="text:link url c" content="/" />
  69. <meta name="text:link d" content="" />
  70. <meta name="text:link url d" content="/" />
  71.  
  72. <!---- sidebar options --->
  73. <meta name="if:posts 400px" content="0" />
  74. <meta name="if:posts 500px" content="1" />
  75. <meta name="if:tags on hover" content="1" />
  76. <meta name="if:collapsible notes" content="1" />
  77. <meta name="if:show updates" content="0" />
  78.  
  79.  
  80.  
  81. <style type="text/css">
  82.  
  83. /* defaults */
  84.  
  85. iframe#tumblr_controls { white-space: nowrap;
  86. -webkit-filter: invert(100%);
  87. -moz-filter: invert(100%);
  88. -o-filter: invert(100%);
  89. -ms-filter: invert(100%);
  90. filter: invert(100%);
  91. opacity:.5;
  92. transition: .8s ease-in-out;
  93. -webkit-transition: .8s ease-in-out;
  94. -moz-transition: .8s ease-in-out;
  95. -o-transition: .8s ease-in-out; }
  96.  
  97. iframe#tumblr_controls:hover { opacity: .8; }
  98.  
  99. body { background-color: {color:background};
  100. font-family: helvetica, arial, sans-serif;
  101. font-size: 10px;
  102. color: {color:body};
  103. text-align: justify;
  104. line-height: 13px; }
  105.  
  106. #wrap { background-color: transparent;
  107. width: 980px;
  108. margin: 0px auto 0px auto; }
  109.  
  110. /* sidebar */
  111.  
  112. #sidebar-wrap { background-color: transparent;
  113. width: 235px;
  114. float: left;
  115. text-align: right;
  116. margin-top: 135px;
  117. border-right: 1px solid #eeeeee;
  118. position: fixed; }
  119.  
  120. .s-title { font-family: helvetica, arial, sans-serif;
  121. font-size: 15px;
  122. width: 225px;
  123. padding-right: 10px;
  124. font-style: italic;
  125. color: {color:title}; }
  126.  
  127. .title, .col { font-family: helvetica, arial, sans-serif;
  128. font-size: 12px;
  129. padding-right: 10px;
  130. font-style: italic;
  131. color: {color:title};
  132. text-transform: lowercase;
  133. margin-bottom: 8px;
  134. line-height: 15px; }
  135.  
  136. .navigation { background-color: transparent;
  137. width: 225px;
  138. text-align: right;
  139. padding-right: 10px;
  140. margin: 8px 0px 0px 0px; }
  141.  
  142. .navigation a { width: 12px;
  143. height: 12px;
  144. display: inline-block;
  145. -webkit-border-radius: 15px;
  146. -moz-border-radius: 15px;
  147. -o-border-radius: 15px;
  148. border-radius: 15px;
  149. margin-left: 7px;
  150. -webkit-transition-duration: .55s;
  151. -moz-transition-duration: .55s;
  152. -o-transition-duration: .55s;
  153. transition-duration: .55s; }
  154.  
  155. .navigation a:hover, .navigation a.n1:hover, .navigation a.na:hover,
  156. .navigation a.nb:hover, .navigation a.nc:hover, .navigation a.nd:hover { background-color: #ffffff;
  157. color: #ffffff; }
  158.  
  159. .navigation a.n1 { background-color: {color:navigation 1};
  160. color: {color:navigation 1}; }
  161. .navigation a.na { background-color: {color:navigation a};
  162. color: {color:navigation a}; }
  163. .navigation a.nb { background-color: {color:navigation b};
  164. color: {color:navigation b}; }
  165. .navigation a.nc { background-color: {color:navigation c};
  166. color: {color:navigation c}; }
  167. .navigation a.nd { background-color: {color:navigation d};
  168. color: {color:navigation d}; }
  169.  
  170. .description { background-color: transparent;
  171. padding-right: 10px;
  172. width: 225px;
  173. margin: 8px 0px 0px 0px; }
  174.  
  175. .page { background-color: transparent;
  176. margin: 10px 0px 0px 0px;
  177. padding-right: 10px; }
  178.  
  179. .page a { color: {color:pagination};
  180. text-decoration: none; }
  181.  
  182. /* s-m-t tooltip */
  183.  
  184. #s-m-t-tooltip { max-width: 300px;
  185. background-color: {color:tooltip bg};
  186. font-size: 9px;
  187. color: {color:tooltip font};
  188. text-transform: lowercase;
  189. padding: 4px;
  190. margin: 10px 0px 0px 20px;
  191. z-index: 999; }
  192.  
  193. /* post specifics */
  194.  
  195. #post-wrap { background: transparent;
  196. {block:IfPosts400px}width: 410px;{/block:IfPosts400px}
  197. {block:IfPosts500px}width: 510px;{/block:IfPosts500px}
  198. margin: 90px 0px 0px 310px; }
  199.  
  200. .entry-wrap { background-color: transparent;
  201. {block:IfPosts400px}width: 410px;{/block:IfPosts400px}
  202. {block:IfPosts500px}width: 510px;{/block:IfPosts500px}
  203. margin-bottom: 100px; }
  204.  
  205. .entry { background-color: transparent;
  206. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  207. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  208. margin-bottom: 0px;
  209. padding: 10px;
  210. line-height: 13px; }
  211.  
  212. .caption { background-color: transparent;
  213. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  214. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  215. margin: 18px 0px 20px 0px; }
  216.  
  217. .source { margin-top: 14px;
  218. margin-left: 50px;
  219. margin-bottom: 8px; }
  220.  
  221. .link { font-weight: bold;
  222. font-size: 10px;
  223. text-transform: uppercase;
  224. letter-spacing: 1px; }
  225.  
  226. .chat .odd { background: {color:chat 1};
  227. padding: 9px; }
  228.  
  229. .chat .even { background: {color:chat 2};
  230. padding: 9px; }
  231.  
  232. .chat li, .chat ol, ul.chat
  233. { list-style: none;
  234. margin: 0px;
  235. margin-left: -5px;
  236. padding: 5px; }
  237.  
  238. #audio-wrap { background-color: transparent;
  239. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  240. {block:IfPosts500px}width: 500px;{/block:IfPosts500px} }
  241.  
  242. #album { background-color: {color:album art};
  243. width: 100px;
  244. height: 100px;
  245. float: left;
  246. display: inline-block; }
  247.  
  248. #album-art {width: 100px;
  249. height: 100px;
  250. margin-top: -80px;
  251. z-index: 1; }
  252.  
  253. #album-art img { width: 100px;
  254. height: 100px;
  255. max-height: 100px;
  256. max-width: 100px; }
  257.  
  258. #audio { background-color: {color:audio bg};
  259. text-transform: lowercase;
  260. {block:IfPosts400px}width: 270px;{/block:IfPosts400px}
  261. {block:IfPosts500px}width: 370px;{/block:IfPosts500px}
  262. height: 70px;
  263. padding: 15px;
  264. display: inline-block; }
  265.  
  266. #player { background-color: #ffffff;
  267. width: 60px;
  268. height: 60px;
  269. z-index: 99999;
  270. position: relative;
  271. margin: 20px auto 0px auto;
  272. -webkit-border-radius: 70px;
  273. -moz-border-radius: 50px;
  274. -o-border-radius: 70px;
  275. border-radius: 70px;
  276. opacity: .3;
  277. -webkit-transition-duration: .45s;
  278. -moz-transition-duration: .45s;
  279. -o-transition-duration: .45s;
  280. transition-duration: .45s; }
  281.  
  282. #button { height: 30px;
  283. width: 30px;
  284. overflow: hidden;
  285. padding-top: 17px;
  286. padding-left: 5px;
  287. margin: 0px auto 0px auto; }
  288.  
  289. #audio-wrap:hover #player { opacity: 1; }
  290.  
  291. .question { background-color: transparent;
  292. {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  293. {block:IfPosts500px}width: 500px;{/block:IfPosts500px};
  294. margin-bottom: 8px; }
  295.  
  296. /* permalink and tags */
  297.  
  298. .permalink-wrap { background-color: transparent;
  299. text-align: center;
  300. font-family: helvetica, arial, sans-serif;
  301. font-size: 9px;
  302. text-transform: uppercase;
  303. font-weight: bold;
  304. letter-spacing: 1px;
  305. margin: 18px 0px 0px 0px; }
  306.  
  307. .permalink-wrap a { color: {color:permalink}; }
  308. .permalink-wrap a:hover { color: {color:permalink hover}; }
  309.  
  310. .tags { background-color: transparent;
  311. margin: 3px 0px 0px 0px;
  312. font-family: helvetica, arial, sans-serif;
  313. font-size: 10px;
  314. font-style: italic;
  315. font-weight: normal;
  316. text-transform: lowercase;
  317. letter-spacing: 0px;
  318. {block:IfTagsOnHover}
  319. opacity: 0;
  320. {/block:IfTagsOnHover}
  321. {block:IfNotTagsOnHover}
  322. opacity: 1;
  323. {/block:IfNotTagsOnHover}
  324. {block:PermalinkPage}
  325. opacity: 1;
  326. {/block:PermalinkPage}
  327. -webkit-transition-duration: .55s;
  328. -moz-transition-duration: .55s;
  329. -o-transition-duration: .55s;
  330. transition-duration: .55s; }
  331.  
  332. .entry-wrap:hover .tags { opacity: 1; }
  333.  
  334.  
  335. a { font-family: helvetica, arial, sans-serif;
  336. color: {color:link};
  337. text-decoration:none;
  338. -webkit-transition-duration: .25s;
  339. -moz-transition-duration: .25s;
  340. -o-transition-duration: .25s;
  341. transition-duration: .25s; }
  342.  
  343. a:hover { color: {color:link hover}; }
  344.  
  345. img { border: none;
  346. -webkit-transition-duration: .25s;
  347. -moz-transition-duration: .25s;
  348. -o-transition-duration: .25s;
  349. transition-duration: .25s; }
  350.  
  351. ::-webkit-scrollbar { background: #fff;
  352. width: 5px;
  353. height: 5px; }
  354.  
  355. ::-webkit-scrollbar-thumb:vertical { background: #f2f2f2; }
  356.  
  357. blockquote { background-color: transparent;
  358. border-left: 1px solid {color:blockquote};
  359. padding-left: 12px;
  360. {block:IfPosts400px}max-width: 400px!important;{/block:IfPosts400px}
  361. {block:IfPosts500px}max-width: 500px!important;{/block:IfPosts500px}
  362. word-break: break-all; }
  363.  
  364. blockquote img {{block:IfPosts400px}max-width: 300px!important;{/block:IfPosts400px}
  365. {block:IfPosts500px}max-width: 400px!important;{/block:IfPosts500px} }
  366.  
  367. n { font-weight: bold;
  368. text-transform: lowercase; }
  369.  
  370. pre { white-space: pre-wrap;
  371. white-space: -moz-pre-wrap;
  372. white-space: -pre-wrap;
  373. white-space: -o-pre-wrap;
  374. word-wrap: break-word; }
  375.  
  376. /* post notes */
  377.  
  378. #post-notes { {block:IfPosts400px}width: 400px;{/block:IfPosts400px}
  379. {block:IfPosts500px}width: 500px;{/block:IfPosts500px}
  380. margin-bottom: 50px;
  381. margin-top: -55px; }
  382.  
  383. ol { list-style-type: none;
  384. margin: 0 0 1.5em 2.5em; }
  385.  
  386. ol.notes { padding: 3px;
  387. margin: 5px 0px; }
  388.  
  389. ol.notes li.note {
  390. padding: 4px; }
  391.  
  392. ol.notes li.note img.avatar { display: none; }
  393.  
  394. /*credit, please do not remove :-) */
  395.  
  396. .credit { bottom: 3px;
  397. right: 8px;
  398. position: fixed;
  399. width: 25px;
  400. height: 28px; }
  401.  
  402. .credit a { background: #f6f6f6;
  403. color: #aaaaaa;
  404. text-align: center;
  405. display: block;
  406. border-radius: 15px;
  407. padding: 4px;
  408. opacity: .5;
  409. -webkit-transition: all .5s ease-in-out;
  410. -moz-transition: all .5s ease-in-out;
  411. -ms-transition: all .5s ease-in-out;
  412. -o-transition: all .5s ease-in-out;
  413. transition: all .5s ease-in-out; }
  414.  
  415. .credit a:hover { opacity: 1;
  416. box-shadow: inset 25px 25px 0px 0px #000000;
  417. color: #fff; }
  418.  
  419. /*updates tab */
  420. #updates-wrap { top: 5px;
  421. left: 10px;
  422. position: fixed;
  423. z-index: 999;
  424. line-height: 13px;}
  425.  
  426. #updates { background: #fff;
  427. font-family: helvetica, arial, sans-serif;
  428. font-size: 10px;
  429. width: 120px;
  430. padding: 3px;
  431. height: 13px;
  432. display: block;
  433. -webkit-transition-duration: .7s;
  434. height: 15px;
  435. overflow: hidden;
  436. text-align: left; }
  437.  
  438. #updates-wrap:hover #updates { height: 400px; }
  439.  
  440. o { background-color: transparent;
  441. font-family: helvetica, arial, sans-serif;
  442. font-size: 10px;
  443. text-transform: uppercase;
  444. letter-spacing: 1px; }
  445.  
  446.  
  447. /* pop-up */
  448.  
  449. .popup_block{
  450. display:none;
  451. background:#fff;
  452. padding:20px;
  453. float:left;
  454. position:fixed;
  455. top:50%;left:50%;
  456. z-index: 99999; }
  457.  
  458. *html #fade { position: absolute; }
  459. *html .popup_block { position: absolute; }
  460.  
  461. #fade { display:none;
  462. position:fixed;
  463. left:0px;
  464. top:0px;
  465. width:100%;
  466. height:100%;
  467. z-index:9999;
  468. background:#000;
  469. opacity: .4; }
  470.  
  471. /* end */
  472.  
  473. </style>
  474.  
  475. <script type="text/javascript">
  476. jQuery(document).ready(function() {
  477. jQuery(".sub").hide();
  478. //toggle the componenet with class msg_body
  479. jQuery(".col").click(function()
  480. {
  481. jQuery(this).next(".sub").slideToggle(800);
  482. });});
  483. </script>
  484.  
  485. <!-- start of script tooltip -->
  486. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  487.  
  488. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  489.  
  490. <script>
  491. (function($){
  492. $(document).ready(function(){
  493. $("a[title]").style_my_tooltips({
  494. tip_follows_cursor:true,
  495. tip_delay_time:20,
  496. tip_fade_speed:200,
  497. attribute:"title"
  498. });
  499. });
  500. })(jQuery);
  501. </script>
  502. <!-- end of script tooltip -->
  503.  
  504. </head>
  505. <body>
  506.  
  507. <div id="wrap">
  508.  
  509. <!-- sidebar-->
  510. <div id="sidebar-wrap">
  511. <div class="s-title">{Title}</div>
  512.  
  513. <!-- navigation -->
  514. <div class="navigation">
  515. <a href="/" title="index" class="n1">.</a>
  516. {block:IfLinkA}
  517. <a href="{text:link url a}" class="na" title="{text:link a}">.</a>
  518. {/block:IfLinkA}
  519. {block:IfLinkB}
  520. <a href="{text:link url b}" class="nb" title="{text:link b}">.</a>
  521. {/block:IfLinkB}
  522. {block:IfLinkC}
  523. <a href="{text:link url c}" class="nc" title="{text:link c}">.</a>
  524. {/block:IfLinkC}
  525. {block:IfLinkD}
  526. <a href="{text:link url d}" class="nd" title="{text:link d}">.</a>
  527. {/block:IfLinkD}
  528. </div>
  529.  
  530. <!-- description -->
  531. <div class="description">
  532. {Description}
  533. </div>
  534.  
  535. <!-- pagination -->
  536. {block:Pagination}
  537. <div class="page">
  538. {block:PreviousPage}
  539. <a href="{PreviousPage}">back</a>
  540. &emsp;
  541. &emsp;
  542. &emsp;
  543. —
  544. &emsp;
  545. &emsp;
  546. &emsp;
  547. {/block:PreviousPage}
  548. {block:NextPage}
  549. <a href="{NextPage}">forth</a>
  550. {/block:NextPage}
  551. </div>
  552. {/block:Pagination}
  553.  
  554. </div>
  555.  
  556. <!-- posts -->
  557. {block:Posts}
  558. <div id="post-wrap">
  559.  
  560. <!-- text post -->
  561. {block:Text}
  562. <div class="entry-wrap">
  563. <div class="entry">
  564. {block:Title}<div class="title">{Title}</div>{/block:Title}
  565. {Body}
  566.  
  567. <div class="permalink-wrap">
  568. {block:Date}
  569. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  570. {/block:Date}
  571. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  572. {block:RebloggedFrom}
  573. <a href="{ReblogParentURL}" class="p">via</a>
  574. {/block:RebloggedFrom}
  575. {block:ContentSource}
  576. &emsp;&emsp;&emsp;
  577. <a href="{SourceURL}" class="p">source</a>
  578. {/block:ContentSource}
  579. {block:HasTags}
  580. <div class="tags">
  581. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  582. </div>
  583. {/block:HasTags}
  584. </div>
  585. </div>
  586. </div>
  587. {/block:Text}
  588.  
  589. <!-- photo post -->
  590. {block:Photo}
  591. <div class="entry-wrap">
  592. <div class="entry">
  593. {block:IfPosts400px}
  594. <a href="{Permalink}">
  595. <img src="{PhotoURL-400}"></a>
  596. {/block:IfPosts400px}
  597. {block:IfPosts500px}
  598. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  599. {/block:IfPosts500px}
  600. {block:Caption}
  601. <div class="caption">{Caption}</div>
  602. {/block:Caption}
  603.  
  604. <div class="permalink-wrap">
  605. {block:Date}
  606. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  607. {/block:Date}
  608. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  609. {block:RebloggedFrom}
  610. <a href="{ReblogParentURL}" class="p">via</a>
  611. {/block:RebloggedFrom}
  612. {block:ContentSource}
  613. &emsp;&emsp;&emsp;
  614. <a href="{SourceURL}" class="p">source</a>
  615. {/block:ContentSource}
  616. {block:HasTags}
  617. <div class="tags">
  618. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  619. </div>
  620. {/block:HasTags}
  621. </div>
  622. </div>
  623. </div>
  624. {/block:Photo}
  625.  
  626. <!-- photoset post -->
  627. {block:Photoset}
  628. <div class="entry-wrap">
  629. <div class="entry">
  630. {block:IfPosts400px}{Photoset-400}{/block:IfPosts400px}
  631. {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
  632. {block:Caption}
  633. <div class="caption">{Caption}</div>
  634. {/block:Caption}
  635.  
  636. <div class="permalink-wrap">
  637. {block:Date}
  638. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  639. {/block:Date}
  640. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  641. {block:RebloggedFrom}
  642. <a href="{ReblogParentURL}" class="p">via</a>
  643. {/block:RebloggedFrom}
  644. {block:ContentSource}
  645. &emsp;&emsp;&emsp;
  646. <a href="{SourceURL}" class="p">source</a>
  647. {/block:ContentSource}
  648. {block:HasTags}
  649. <div class="tags">
  650. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  651. </div>
  652. {/block:HasTags}
  653. </div>
  654. </div>
  655. </div>
  656. {/block:Photoset}
  657.  
  658. <!-- quote post -->
  659. {block:Quote}
  660. <div class="entry-wrap">
  661. <div class="entry">
  662. <div class="title">“ {Quote} ”</div>
  663. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  664.  
  665. <div class="permalink-wrap">
  666. {block:Date}
  667. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  668. {/block:Date}
  669. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  670. {block:RebloggedFrom}
  671. <a href="{ReblogParentURL}" class="p">via</a>
  672. {/block:RebloggedFrom}
  673. {block:ContentSource}
  674. &emsp;&emsp;&emsp;
  675. <a href="{SourceURL}" class="p">source</a>
  676. {/block:ContentSource}
  677. {block:HasTags}
  678. <div class="tags">
  679. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  680. </div>
  681. {/block:HasTags}
  682. </div>
  683. </div>
  684. </div>
  685. {/block:Quote}
  686.  
  687. <!-- link post -->
  688. {block:Link}
  689. <div class="entry-wrap">
  690. <div class="entry">
  691. <a href="{URL}" class="link" {Target}>{Name}</a>
  692. {block:Description}
  693. <div class="caption">
  694. {Description}
  695. </div>
  696. {/block:Description}
  697.  
  698. <div class="permalink-wrap">
  699. {block:Date}
  700. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  701. {/block:Date}
  702. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  703. {block:RebloggedFrom}
  704. <a href="{ReblogParentURL}" class="p">via</a>
  705. {/block:RebloggedFrom}
  706. {block:ContentSource}
  707. &emsp;&emsp;&emsp;
  708. <a href="{SourceURL}" class="p">source</a>
  709. {/block:ContentSource}
  710. {block:HasTags}
  711. <div class="tags">
  712. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  713. </div>
  714. {/block:HasTags}
  715. </div>
  716. </div>
  717. </div>
  718. {/block:Link}
  719.  
  720. <!-- chat post -->
  721. {block:Chat}
  722. <div class="entry-wrap">
  723. <div class="entry">
  724. {block:Title}
  725. <div class="title">{Title}</div>
  726. {/block:Title}
  727. <ul class="chat">
  728. {block:Lines}
  729. <li class="{Alt} user_{UserNumber}">
  730. {block:Label}
  731. <b>{Label}</b>
  732. {/block:Label}
  733. {Line}
  734. </li>
  735. {/block:Lines}
  736. </ul>
  737.  
  738. <div class="permalink-wrap">
  739. {block:Date}
  740. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  741. {/block:Date}
  742. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  743. {block:RebloggedFrom}
  744. <a href="{ReblogParentURL}" class="p">via</a>
  745. {/block:RebloggedFrom}
  746. {block:ContentSource}
  747. &emsp;&emsp;&emsp;
  748. <a href="{SourceURL}" class="p">source</a>
  749. {/block:ContentSource}
  750. {block:HasTags}
  751. <div class="tags">
  752. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  753. </div>
  754. {/block:HasTags}
  755. </div>
  756. </div>
  757. </div>
  758. {/block:Chat}
  759.  
  760. <!-- audio post -->
  761. {block:Audio}
  762. <div class="entry-wrap">
  763. <div class="entry">
  764. <div id="audio-wrap">
  765. <div id="album">
  766. <div id="player">
  767. {block:AudioPlayer}
  768. <div id="button">
  769. {AudioPlayerWhite}
  770. </div>
  771. {/block:AudioPlayer}
  772. </div>
  773. {block:AlbumArt}
  774. <img src="{AlbumArtURL}" id="album-art">
  775. {/block:AlbumArt}
  776. </div>
  777. <div id="audio">
  778. {block:TrackName}
  779. <b>track:</b> {TrackName} <br>
  780. {/block:TrackName}
  781. {block:Artist}
  782. <b>artist:</b> {Artist} <br>
  783. {/block:Artist}
  784. {block:Album}
  785. <b>album:</b> {Album} <br>
  786. {/block:Album}
  787. {block:PlayCount}
  788. <b>play count:</b> {PlayCount}
  789. {/block:PlayCount}
  790. </div>
  791. </div>
  792. {block:Caption}
  793. <div class="caption">
  794. {Caption}
  795. </div>
  796. {/block:Caption}
  797.  
  798. <div class="permalink-wrap">
  799. {block:Date}
  800. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  801. {/block:Date}
  802. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  803. {block:RebloggedFrom}
  804. <a href="{ReblogParentURL}" class="p">via</a>
  805. {/block:RebloggedFrom}
  806. {block:ContentSource}
  807. &emsp;&emsp;&emsp;
  808. <a href="{SourceURL}" class="p">source</a>
  809. {/block:ContentSource}
  810. {block:HasTags}
  811. <div class="tags">
  812. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  813. </div>
  814. {/block:HasTags}
  815. </div>
  816. </div>
  817. </div>
  818. {/block:Audio}
  819.  
  820. <!-- video post -->
  821. {block:Video}
  822. <div class="entry-wrap">
  823. <div class="entry">
  824. {block:IfPosts400px}{Video-400}{/block:IfPosts400px}
  825. {block:IfPosts500px}{Video-500}{/block:IfPosts500px}
  826. {block:Caption}
  827. <div class="caption">
  828. {Caption}
  829. </div>
  830. {/block:Caption}
  831.  
  832. <div class="permalink-wrap">
  833. {block:Date}
  834. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  835. {/block:Date}
  836. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  837. {block:RebloggedFrom}
  838. <a href="{ReblogParentURL}" class="p">via</a>
  839. {/block:RebloggedFrom}
  840. {block:ContentSource}
  841. &emsp;&emsp;&emsp;
  842. <a href="{SourceURL}" class="p">source</a>
  843. {/block:ContentSource}
  844. {block:HasTags}
  845. <div class="tags">
  846. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  847. </div>
  848. {/block:HasTags}
  849. </div>
  850. </div>
  851. </div>
  852. {/block:Video}
  853.  
  854. <!-- answer post -->
  855. {block:Answer}
  856. <div class="entry-wrap">
  857. <div class="entry">
  858. <div class="question">
  859. <n>{Asker}:</n> {Question}
  860. </div>
  861. {block:Answerer}
  862. <div class="caption">
  863. {Answer}
  864. </div>
  865. {/block:Answerer}
  866. <div id="caption">
  867. {Replies}
  868. </div>
  869.  
  870. <div class="permalink-wrap">
  871. {block:Date}
  872. <a href="{Permalink}" class="date">{24Hour}:{Minutes}</a>&emsp;&emsp;&emsp;
  873. {/block:Date}
  874. {block:NoteCount}+ {NoteCount}&emsp;&emsp;&emsp;{/block:NoteCount}
  875. {block:RebloggedFrom}
  876. <a href="{ReblogParentURL}" class="p">via</a>
  877. {/block:RebloggedFrom}
  878. {block:ContentSource}
  879. &emsp;&emsp;&emsp;
  880. <a href="{SourceURL}" class="p">source</a>
  881. {/block:ContentSource}
  882. {block:HasTags}
  883. <div class="tags">
  884. {block:Tags} <a href="{TagURL}">#{Tag}</a> &emsp;&emsp;{/block:Tags}
  885. </div>
  886. {/block:HasTags}
  887. </div>
  888. </div>
  889. </div>
  890. {/block:Answer}
  891.  
  892. {block:PostNotes}
  893. <div id="post-notes">
  894. {block:IfCollapsibleNotes}
  895. <a class="col">show notes</a>
  896. <div class="sub">
  897. {PostNotes}
  898. </div>
  899. {/block:IfCollapsibleNotes}
  900. {block:IfNotCollapsibleNotes}
  901. <div class="title">notes</div>
  902. {PostNotes}
  903. {/block:IfNotCollapsibleNotes}
  904. </div>
  905. {/block:PostNotes}
  906.  
  907. </div>
  908. {/block:Posts}
  909.  
  910.  
  911. </div>
  912.  
  913. <div class="credit">
  914. <a href="http://fassbndrs.tumblr.com">F</a>
  915. </div>
  916.  
  917. <!-- updates tab -->
  918. {block:IfShowUpdates}
  919. <div id="updates-wrap">
  920. <div id="updates">
  921. <o><b>updates</b></o><br>
  922. <p>make sure to adjust the hover height to fit all your update info! </p>
  923. <p><b>watching:</b><br>
  924. + show here, season<br>
  925. + show here, season<br><br>
  926. <b>reading:</b><br>
  927. + book<br>
  928. + book<br><br>
  929. <b>networks: </b><br>
  930. + <a href="/">network</a><br>
  931. + <a href="/">network</a>
  932. </p>
  933. </div>
  934. </div>
  935. {/block:IfShowUpdates}
  936.  
  937. </body>
  938. </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!