API tools faq
paste
Advertisement
raggedies

theme e: natasha

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