API tools faq
paste
Advertisement
raggedies

theme g: starlord

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