API tools faq
paste
Advertisement
wantoup

Theme 22: Crystallize

wantoup
Aug 28th, 2013
16,888
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10. Theme #22: Crystallize by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Audio Icons by graphic design junction (http://graphicdesignjunction.com/2012/04/350-free-icons-pixel-perfect-glyphs-icons-psd/)
  13. Scroll to top Script from Dynamic Drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  14. Background image from doucheywolf (http://doucheywolf.tumblr.com/)
  15.  
  16. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  17.  
  18. -->
  19.  
  20. <meta name="color:Background" content="#ffffff">
  21. <meta name="color:Body Text" content="#888888">
  22. <meta name="color:Body Bold" content="#555555">
  23. <meta name="color:Blockquote" content="#cccccc">
  24.  
  25. <meta name="color:Topbar" content="#555555">
  26. <meta name="color:Topbar Border" content="#aaaaaa">
  27. <meta name="color:Topbar Title" content="#ffffff">
  28.  
  29. <meta name="color:Navigation Links" content="#687677">
  30. <meta name="color:Navigation Links Hover" content="#555555">
  31. <meta name="color:Navigation Text" content="#ffffff">
  32.  
  33. <meta name="color:Sidebar" content="#333333">
  34. <meta name="color:Sidebar Image Border" content="#555555">
  35. <meta name="color:Description Bold" content="#cccccc">
  36. <meta name="color:Description Links" content="#999988">
  37. <meta name="color:Description Links Hover" content="#ffffff">
  38.  
  39. <meta name="color:Bar 1" content="#444444">
  40. <meta name="color:Bar 2" content="#999988">
  41. <meta name="color:Bar 3" content="#ddddcc">
  42. <meta name="color:Bar 4" content="#bbbbaa">
  43.  
  44. <meta name="color:Posts" content="#ffffff">
  45. <meta name="color:Post Shadows" content="#cccccc">
  46. <meta name="color:Chat Odd" content="#fcfcfc">
  47. <meta name="color:Chat Even" content="#eeeeee">
  48. <meta name="color:Audio Background" content="#eeeeee">
  49. <meta name="color:Ask Background" content="#eeeeee">
  50.  
  51. <meta name="color:Info" content="#829982">
  52. <meta name="color:Info Text" content="#ff6666">
  53. <meta name="color:Info Links" content="#ffffff">
  54.  
  55. <meta name="if:Post Shadows" content="0">
  56. <meta name="if:Infinite Scroll" content="1">
  57. <meta name="if:400px Posts" content="0">
  58. <meta name="if:Show Captions" content="0">
  59. <meta name="if:Show Tags" content="1">
  60. <meta name="if:Photo Fade" content="0">
  61.  
  62. <meta name="image:Sidebar" content="http://31.media.tumblr.com/133c05a252a29e2b4ce9e2f91cd55cfb/tumblr_mnn4ecomaj1r8uw7fo2_500.jpg">
  63. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/fj4mrpbpy/crystallize-art.jpg">
  64. <meta name="image:Background" content="http://static.tumblr.com/mtdphun/F5kmopnzy/argyle_invert.jpg">
  65. <meta name="image:Portrait" content="">
  66.  
  67. <meta name="text:Music Player Code" content="">
  68.  
  69. <meta name="text:Link 1" content="link one">
  70. <meta name="text:Link 1 URL" content="">
  71. <meta name="text:Link 2" content="link two">
  72. <meta name="text:Link 2 URL" content="">
  73. <meta name="text:Link 3" content="link three">
  74. <meta name="text:Link 3 URL" content="">
  75. <meta name="text:Link 4" content="link four">
  76. <meta name="text:Link 4 URL" content="">
  77.  
  78. <style type="text/css">
  79.  
  80. /* BODY */
  81.  
  82. body {
  83. font-family:calibri;
  84. font-size:11px;
  85. color:#888;
  86. text-align:justify;
  87. word-wrap:break-word;
  88. background:{color:Background};
  89. background:url('{image:Background}') fixed bottom right;
  90. }
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:Bar 2};
  95. -webkit-transition:all 1s ease;
  96. -moz-transition:all 1s ease;
  97. -o-transition:all 1s ease;
  98. transition:all 1s ease-in-out;
  99. }
  100.  
  101. a:hover {color:{color:Bar 3};}
  102. b, strong {color:{color:Body Bold};}
  103. i, em {color:{color:Bar 4};}
  104. ul {list-style-type:square;}
  105. img {max-width:100%;}
  106.  
  107. h1, h1 a, h1 a:hover {
  108. margin:0px;
  109. text-align:center;
  110. font:15px georgia bold italic;
  111. text-transform:lowercase;
  112. color:{color:Bar 1};
  113. }
  114.  
  115. blockquote {
  116. margin-left:10px;
  117. padding-left:10px;
  118. border-left:3px solid {color:Blockquote};
  119. }
  120.  
  121. #wrap {
  122. margin:auto;
  123. {block:ifNot400pxPosts}width:920px;{/block:ifNot400pxPosts}
  124. {block:if400pxPosts}width:820px;{/block:if400pxPosts}
  125. }
  126.  
  127. /* TOPBAR */
  128.  
  129. #topbar {
  130. z-index:999;
  131. position:fixed;
  132. top:0px;
  133. left:0px;
  134. width:100%;
  135. height:40px;
  136. background:{color:Topbar};
  137. border-bottom:10px solid {color:Topbar Border};
  138. }
  139.  
  140. #title {
  141. z-index:9999;
  142. position:fixed;
  143. top:0px;
  144. text-align:center;
  145. line-height:40px;
  146. font-size:18px;
  147. font-style:italic;
  148. margin-left:120px;
  149. color:{color:Topbar Title};
  150. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  151. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  152. }
  153.  
  154. /* NAVIGATION */
  155.  
  156. #nav {
  157. position:fixed;
  158. top:70px;
  159. width:100px;
  160. text-transform:lowercase;
  161. }
  162.  
  163. #links a {
  164. display:inline-block;
  165. padding:5px;
  166. width:90px;
  167. margin-bottom:2px;
  168. text-align:center;
  169. color:{color:Navigation Text};
  170. background:{color:Navigation Links};
  171. }
  172.  
  173. #links a:hover, #icon:hover {background:{color:Navigation Links Hover};}
  174.  
  175. #icon {
  176. display:inline-block;
  177. width:80px;
  178. height:80px;
  179. display:block;
  180. padding:10px;
  181. margin-bottom:2px;
  182. background:{color:Navigation Links};
  183. -webkit-transition:all 1s ease;
  184. -moz-transition:all 1s ease;
  185. -o-transition:all 1s ease;
  186. transition:all 1s ease-in-out;
  187. }
  188.  
  189. /* SIDEBAR */
  190.  
  191. #side {
  192. position:fixed;
  193. top:0px;
  194. padding:70px 30px 0 30px;
  195. width:190px;
  196. height:100%;
  197. background:{color:Sidebar};
  198. {block:ifNot400pxPosts}margin-left:660px;{/block:ifNot400pxPosts}
  199. {block:if400pxPosts}margin-left:560px;{/block:if400pxPosts}
  200. }
  201.  
  202. #border {
  203. width:10px;
  204. position:fixed;
  205. top:0px;
  206. height:100%;
  207. box-sizing:border-box;
  208. padding-top:50px;
  209. }
  210.  
  211. #bar {
  212. width:10px;
  213. height:25%;
  214. }
  215.  
  216. #image {
  217. display:block;
  218. box-sizing:border-box;
  219. border:5px solid {color:Sidebar Image Border};
  220. }
  221.  
  222. #desc {margin-top:20px;text-align:center;}
  223. #desc b, #desc strong {color:{color:Description Bold};}
  224. #desc a {color:{color:Description Links};}
  225. #desc a:hover {color:{color:Description Links Hover};}
  226.  
  227. /* POSTS */
  228.  
  229. #container {margin:70px 0 20px 120px;}
  230.  
  231. #posts {
  232. padding:10px 10px 0 10px;
  233. margin-top:20px;
  234. overflow:hidden;
  235. background-color:{color:Posts};
  236. {block:ifPostShadows}box-shadow:0 0 20px {color:Post Shadows};{/block:ifPostShadows}
  237. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  238. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  239. }
  240.  
  241. #posts pre {
  242. background:#eee;
  243. padding:10px;3
  244. color:#888;
  245. }
  246.  
  247. #posts small, #posts big {font-size:11px;}
  248.  
  249. #photo, iframe.photoset {
  250. display:block;
  251. {block:ifPhotoFade}opacity:0.8;
  252. -webkit-transition:all 1s ease;
  253. -moz-transition:all 1s ease;
  254. -o-transition:all 1s ease;
  255. transition:all 1s ease-in-out;
  256. }
  257.  
  258. #photo:hover {opacity:1;{/block:ifPhotoFade}}
  259.  
  260. #quote {
  261. font-size:18px;
  262. text-transform:lowercase;
  263. }
  264.  
  265. #url {text-align:center;}
  266.  
  267. #odd, #even {padding:5px;}
  268. #odd {background:{color:Chat Odd};}
  269. #even {background:{color:Chat Even};}
  270.  
  271. #art, #alt {
  272. width:120px;
  273. height:120px;
  274. display:block;
  275. }
  276.  
  277. #player {
  278. z-index:99;
  279. position:absolute;
  280. padding:10px;
  281. background:rgba(0,0,0,0.3);
  282. margin:36px;
  283. opacity:0.3;
  284. -webkit-transition:all 1s ease;
  285. -moz-transition:all 1s ease;
  286. -o-transition:all 1s ease;
  287. transition:all 1s ease-in-out;
  288. }
  289.  
  290. #audio:hover #player {
  291. opacity:1;
  292. }
  293.  
  294. #ainfo {
  295. height:30px;
  296. overflow:hidden;
  297. line-height:30px;
  298. text-align:left;
  299. background:{color:Audio Background};
  300. }
  301.  
  302. #ainfo span {
  303. height:30px;
  304. width:30px;
  305. float:left;
  306. margin-right:10px;
  307. }
  308.  
  309. #ainfo img {
  310. display:block;
  311. width:20px;
  312. margin:5px;
  313. }
  314.  
  315. #art {position:absolute;}
  316.  
  317. #ask {
  318. padding:10px;
  319. background:{color:Ask Background};
  320. }
  321.  
  322. #arrow {
  323. position:absolute;
  324. display:inline-block;
  325. font-size:30px;
  326. margin-left:20px;
  327. margin-top:-12px;
  328. color:{color:Ask Background};
  329. }
  330.  
  331. #asker {
  332. display:inline-block;
  333. font-size:10px;
  334. text-transform:uppercase;
  335. margin-top:3px;
  336. margin-left:45px;
  337. }
  338.  
  339. /* INFO */
  340.  
  341. #info {
  342. margin:10px 0 0 -10px;
  343. padding:5px;
  344. text-transform:uppercase;
  345. font-size:10px;
  346. background:{color:Info};
  347. color:{color:Info Text};
  348. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  349. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  350. }
  351.  
  352. #info a {color:{color:Info Links};}
  353.  
  354. #tags {
  355. margin-top:10px;
  356. font-size:10px;
  357. text-align:center;
  358. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  359. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  360. }
  361.  
  362. #tags a {
  363. color:{color:Bar 4};
  364. font-style:italic;
  365. }
  366.  
  367. #tags a:hover {color:{color:Bar 2};}
  368. #tags a, #tags span {font-size:11px;}
  369. #tags span {color:#555;}
  370.  
  371. /* POSTNOTES */
  372.  
  373. ol.notes {
  374. list-style-type:none;
  375. margin:20px 0 -2px -40px;
  376. font-size:10px;
  377. text-transform:uppercase;
  378. }
  379.  
  380. ol.notes img {
  381. float:left;
  382. width:13px;
  383. margin-right:5px;
  384. }
  385.  
  386. .notes li {
  387. padding:5px;
  388. margin-bottom:2px;
  389. text-transform:uppercase;
  390. font-size:10px;
  391. background-color:{color:Posts};
  392. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  393. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  394. }
  395.  
  396. /* MUSIC PLAYER */
  397.  
  398. #music {
  399. position:fixed;
  400. overflow:hidden;
  401. width:15px;
  402. bottom:10px;
  403. left:10px;
  404. -webkit-transition:all 1s ease;
  405. -moz-transition:all 1s ease;
  406. -o-transition:all 1s ease;
  407. transition:all 1s ease-in-out;
  408. }
  409.  
  410. #music:hover {width:175px;}
  411. #micon {float:left;}
  412.  
  413. #billy {
  414. position:absolute;
  415. margin-top:-3px;
  416. margin-left:25px;
  417. overflow:hidden;
  418. }
  419.  
  420. /* CREDITS */
  421.  
  422. #credit {
  423. z-index:999;
  424. position:fixed;
  425. bottom:5px;right:5px;
  426. width:10px;
  427. height:13px;
  428. word-wrap:break-word;
  429. overflow:hidden;
  430. -webkit-transition:all 1s ease;
  431. -moz-transition:all 1s ease;
  432. -o-transition:all 1s ease;
  433. transition:all 1s ease-in-out;
  434. }
  435.  
  436. #credit a {
  437. color:#888;
  438. text-transform:uppercase;
  439. font-size:10px;
  440. }
  441.  
  442. #credit:hover {width:83px;}
  443.  
  444. #credit span {
  445. text-shadow:1px 1px .2px #000;
  446. color:#fff;
  447. margin-right:5px;
  448. font-size:11px;
  449. }
  450.  
  451. /* MISC */
  452.  
  453. iframe#tumblr_controls {
  454. position:fixed !important;
  455. margin-top:5px !important;
  456. margin-right:5px !important;
  457. opacity:0.3;
  458. -webkit-transition:all 1s ease;
  459. -moz-transition:all 1s ease;
  460. -o-transition:all 1s ease;
  461. transition:all 1s ease-in-out;
  462. }
  463.  
  464. iframe#tumblr_controls:hover {
  465. opacity:1;
  466. }
  467.  
  468. ::-webkit-scrollbar-thumb:vertical {
  469. background-color:{color:Bar 2};
  470. border-top:2px solid {color:Bar 3};
  471. border-bottom:2px solid {color:Bar 3};
  472. }
  473.  
  474. ::-webkit-scrollbar-button:vertical,::-webkit-scrollbar-button:horizontal {
  475. width:5px;
  476. height:5px;
  477. background-color:{color:Bar 2};
  478. }
  479.  
  480. ::-webkit-scrollbar {
  481. height:5px;
  482. width:5px;
  483. background-color:{color:Bar 3};
  484. }
  485.  
  486. </style>
  487.  
  488. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  489.  
  490. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/sh6mmt7d2/scrolltopcontrol_nb.js"></script>
  491.  
  492. {block:ifInfiniteScroll}
  493. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  494. {/block:ifInfiniteScroll}
  495.  
  496. </head><body>
  497.  
  498. <!-- TOPBAR -->
  499.  
  500. <div id="topbar"></div>
  501.  
  502. <div id="wrap">
  503. <a id="title" href="/">{Title}</a>
  504.  
  505. <!-- NAVIGATION -->
  506.  
  507. <div id="nav">
  508. <a href="/">
  509. {block:ifNotPortraitImage}<img src="{PortraitURL-96}" id="icon">{/block:ifNotPortraitImage}
  510. {block:ifPortraitImage}<img src="{image:Portrait}" id="icon">{/block:ifPortraitImage}
  511. </a>
  512. <div id="links">
  513. <a href="/">home</a>
  514. <a href="/ask">message</a>
  515. <a href="/archive">archive</a>
  516. <a href="http://viwan-th.tumblr.com" target="blank">theme</a>
  517.  
  518. {block:ifLink1}
  519. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  520. {/block:ifLink1}{block:ifLink2}
  521. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  522. {/block:ifLink2}{block:ifLink3}
  523. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  524. {/block:ifLink3}{block:ifLink4}
  525. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  526. {/block:ifLink4}
  527. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  528.  
  529. {block:ifNotInfiniteScroll}{block:Pagination}{block:PreviousPage}
  530. <a href="{PreviousPage}">previous</a>
  531. {/block:PreviousPage}{block:NextPage}
  532. <a href="{NextPage}">next</a>
  533. {/block:NextPage}{/block:Pagination}{/block:ifNotInfiniteScroll}
  534.  
  535. {block:ifInfiniteScroll}
  536. <a href="#top">back to top</a>
  537. {/block:ifInfiniteScroll}
  538. </div>
  539. </div>
  540.  
  541. <!-- SIDEBAR -->
  542.  
  543. <div id="side">
  544. <div id="border" style="margin-left:-30px;">
  545. <div id="bar" style="background:{color:Bar 1};"></div>
  546. <div id="bar" style="background:{color:Bar 2};"></div>
  547. <div id="bar" style="background:{color:Bar 3};"></div>
  548. <div id="bar" style="background:{color:Bar 4};"></div>
  549. </div>
  550. <div id="border" style="margin-left:220px;">
  551. <div id="bar" style="background:{color:Bar 4};"></div>
  552. <div id="bar" style="background:{color:Bar 3};"></div>
  553. <div id="bar" style="background:{color:Bar 2};"></div>
  554. <div id="bar" style="background:{color:Bar 1};"></div>
  555. </div>
  556.  
  557. {block:ifSidebarImage}<a href="/"><img src="{image:Sidebar}" id="image"></a>{/block:ifSidebarImage}
  558.  
  559. <div id="desc">{Description}</div>
  560. </div>
  561.  
  562. <div id="container">
  563.  
  564. <!-- POSTS BLOCK -->
  565.  
  566. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  567.  
  568. {block:ContentSource}
  569. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  570. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  571. {/block:SourceLogo}
  572. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  573. {/block:ContentSource}
  574.  
  575. <div id="posts">
  576.  
  577. <!-- ENTRIES -->
  578.  
  579. <!-- TEXT -->
  580.  
  581. {block:Text}
  582.  
  583. {block:Title}<h1 style="margin-bottom:20px;">{Title}</h1>{/block:Title}
  584. <div style="margin-top:-10px;">{Body}</div>
  585.  
  586. {/block:Text}
  587.  
  588. <!-- PHOTO -->
  589.  
  590. {block:Photo}
  591.  
  592. {block:IndexPage}
  593. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  594. {/block:IndexPage}
  595.  
  596. {block:PermalinkPage}{LinkOpenTag}
  597. <center><img src="{PhotoURL-500}" id="photo"></center>
  598. {LinkCloseTag}{/block:PermalinkPage}
  599.  
  600. {block:ifShowCaptions}
  601. {block:Caption}
  602. {Caption}
  603. {/block:Caption}
  604. {/block:ifShowCaptions}
  605.  
  606. {/block:Photo}
  607.  
  608. <!-- PANORAMA -->
  609.  
  610. {block:Panorama}
  611.  
  612. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  613.  
  614. {block:ifShowCaptions}
  615. {block:Caption}
  616. {Caption}
  617. {/block:Caption}
  618. {/block:ifShowCaptions}
  619.  
  620. {/block:Panorama}
  621.  
  622. <!-- PHOTOSET -->
  623.  
  624. {block:Photoset}
  625.  
  626. <div id="photo">
  627. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  628. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  629. </div>
  630.  
  631. {block:ifShowCaptions}
  632. {block:Caption}
  633. {Caption}
  634. {/block:Caption}
  635. {/block:ifShowCaptions}
  636.  
  637. {/block:Photoset}
  638.  
  639. <!-- QUOTE -->
  640.  
  641. {block:Quote}
  642.  
  643. <center><span id="quote">❝ {Quote} ❞</span></center>
  644. <p align="right">- {Source}
  645.  
  646. {/block:Quote}
  647.  
  648. <!-- LINK -->
  649.  
  650. {block:Link}
  651.  
  652. <a href="{URL}" target="{Target}"><h1>{Name}</h1>
  653. <div id="url">{URL}</div></a>
  654.  
  655. {block:Description}
  656. {Description}
  657. {/block:Description}
  658.  
  659. {/block:Link}
  660.  
  661. <!-- CHAT -->
  662.  
  663. {block:Chat}
  664.  
  665. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  666.  
  667. {block:Lines}<div id="{Alt}">
  668. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  669. </div>{/block:Lines}
  670.  
  671. {/block:Chat}
  672.  
  673. <!-- AUDIO -->
  674.  
  675. {block:Audio}
  676.  
  677. <table id="audio" cellpadding="0" cellspacing="0" width="100%"><tr>
  678. <td width="120px">
  679. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div><a href="{Permalink}">
  680. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  681. <img src="{image:Album Art}" id="alt">
  682. </a></td>
  683. <td id="ainfo">
  684. <div id="ainfo"><span style="background:#555;"><img src="http://static.tumblr.com/mtdphun/VI6moco8a/track_small.png"></span>
  685. {block:TrackName}<b>Track: </b>{TrackName}{/block:TrackName}</div>
  686. <div id="ainfo"><span style="background:#777;"><img src="http://static.tumblr.com/mtdphun/08nmoco7u/artist_small.png"></span>
  687. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div>
  688. <div id="ainfo"><span style="background:#999;"><img src="http://static.tumblr.com/mtdphun/bpVmoco8k/album_small.png"></span>
  689. {block:Album}<b>Album: </b>{Album}{/block:Album}</div>
  690. <div id="ainfo"><span style="background:#bbb;"><img src="http://static.tumblr.com/mtdphun/w97moco8t/plays_small.png"></span>
  691. {block:PlayCount}<b>Plays: </b>{PlayCount}{/block:PlayCount}</div>
  692. </td>
  693. </tr></table>
  694.  
  695. {block:ifShowCaptions}
  696. {block:Caption}
  697. {Caption}
  698. {/block:Caption}
  699. {/block:ifShowCaptions}
  700.  
  701. {/block:Audio}
  702.  
  703. <!-- VIDEO -->
  704.  
  705. {block:Video}
  706.  
  707. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  708. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  709.  
  710. {block:ifShowCaptions}
  711. {block:Caption}
  712. {Caption}
  713. {/block:Caption}
  714. {/block:ifShowCaptions}
  715.  
  716. {/block:Video}
  717.  
  718. <!-- ANSWER -->
  719.  
  720. {block:Answer}
  721.  
  722. <div id="ask">{Question}</div>
  723. <span id="arrow">◥</span>
  724. <span id="asker">{Asker}</span></p>
  725.  
  726. {Answer}
  727.  
  728. {/block:Answer}
  729.  
  730. {block:PermalinkPage}
  731. {block:ifNotShowCaptions}
  732. {block:Caption}
  733. {Caption}
  734. {/block:Caption}
  735. {/block:ifNotShowCaptions}
  736. {/block:PermalinkPage}
  737.  
  738. <!-- END ENTRIES -->
  739.  
  740. <!-- INFO -->
  741.  
  742. <div id="info">
  743. <a href="{Permalink}">{TimeAgo}</a> +
  744. <a href="{Permalink}">{NoteCountWithLabel}</a>
  745.  
  746. <div style="float:right;">{block:RebloggedFrom}
  747. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> +
  748. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> +
  749. {/block:RebloggedFrom}
  750. <a href="{ReblogURL}">reblog</a></div>
  751. </div>
  752.  
  753. </div><!-- posts -->
  754.  
  755. {block:ifShowTags}{block:HasTags}<div id="tags"><span>tags</span> &raquo;
  756. {block:Tags}<a href="{TagURL}">{Tag}</a> &middot; {/block:Tags}
  757. </div>{/block:HasTags}{/block:ifShowTags}
  758.  
  759. {block:PostNotes}{PostNotes}{/block:PostNotes}
  760.  
  761. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  762.  
  763. <!-- END POSTS BLOCK -->
  764.  
  765. </div><!-- container --></div><!-- wrap -->
  766.  
  767. <!-- music player -->
  768.  
  769. {block:ifMusicPlayerCode}{block:IndexPage}<div id="music">
  770. <img id="micon" src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif">
  771. <div id="billy">{text:Music Player Code}</div>
  772. </div>{/block:IndexPage}{/block:ifMusicPlayerCode}
  773.  
  774. <!-- credits -->
  775.  
  776. <div id="credit"><div style="width:82px;">
  777. <a href="http://viwan-th.tumblr.com" target="blank">
  778. <span>✈</span>viwan themes</a>
  779. </div></div>
  780.  
  781. </body></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!