Advertisement
TitanJelly

theme #37 - by titanjelly

Jan 13th, 2015
3,439
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.96 KB | None | 0 0
  1. <!--
  2. ╱╭╮╱╭╮
  3. ╭╯╰┳╯╰╮
  4. ╰╮╭╋╮╭╋━━┳━╮
  5. ╱┃┃┣┫┃┃╭╮┃╭╮╮
  6. ╱┃╰┫┃╰┫╭╮┃┃┃┃
  7. ╱╰━┻┻━┻╯╰┻╯╰╯
  8. ↳ http://titanjelly.tumblr.com
  9. ↳ DO NOT Claim/Repost as your own or Remove the theme credit!
  10. ↳ DO NOT Use as a theme base or Make heavy modifications!
  11. -->
  12. <html>
  13. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15.  
  16. <title>{title}</title>
  17.  
  18. <meta name="image:Background" content="" />
  19. <meta name="image:Sidebar Image" content="" />
  20.  
  21. <meta name="select:BG Repeat" content="repeat" title="Repeat">
  22. <meta name="select:BG Repeat" content="repeat-x" title="X Repeat">
  23. <meta name="select:BG Repeat" content="repeat-y" title="Y Repeat">
  24. <meta name="select:BG Repeat" content="no-repeat" title="No Repeat">
  25. <meta name="select:BG Attachment" content="fixed" title="Fixed">
  26. <meta name="select:BG Attachment" content="scroll" title="Scroll">
  27.  
  28. <meta name="select:Sidebar Repeat" content="repeat" title="Repeat">
  29. <meta name="select:Sidebar Repeat" content="repeat-x" title="X Repeat">
  30. <meta name="select:Sidebar Repeat" content="repeat-y" title="Y Repeat">
  31. <meta name="select:Sidebar Repeat" content="no-repeat" title="No Repeat">
  32. <meta name="select:Sidebar Position" content="top center" title="Top Center">
  33. <meta name="select:Sidebar Position" content="top left" title="Top Left">
  34. <meta name="select:Sidebar Position" content="top right" title="Top Right">
  35. <meta name="select:Sidebar Position" content="bottom center" title="Bottom Center">
  36. <meta name="select:Sidebar Position" content="bottom left" title="Bottom Left">
  37. <meta name="select:Sidebar Position" content="bottom right" title="Bottom Right">
  38. <meta name="select:Sidebar Position" content="center center" title="Center Center">
  39. <meta name="select:Sidebar Position" content="center left" title="Center Left">
  40. <meta name="select:Sidebar Position" content="center right" title="Center Right">
  41.  
  42. <meta name="color:Body Background" content="#dcdcdc"/>
  43. <meta name="color:Body Text" content="#797979"/>
  44. <meta name="color:Body Scrollbar" content="#252525"/>
  45. <meta name="color:Body Borders" content="#f7f7f7"/>
  46. <meta name="color:Body Links" content="#c9c9c9"/>
  47. <meta name="color:Body Links Hover" content="#000000"/>
  48. <meta name="color:Sidebar Text" content="#797979"/>
  49. <meta name="color:Sidebar Background" content="#dcdcdc"/>
  50. <meta name="color:Image Background" content="#ffffff"/>
  51. <meta name="color:Title Text" content="#797979"/>
  52. <meta name="color:Description Text" content="#797979"/>
  53. <meta name="color:Menu Text" content="#797979"/>
  54. <meta name="color:Menu Text Hover" content="#ffffff"/>
  55. <meta name="color:Post Background" content="#ffffff"/>
  56. <meta name="color:Post info Background" content="#252525"/>
  57.  
  58. <meta name="text:Sidebar Title" content="black widow" />
  59. <meta name="text:Link 1 title" content="home" />
  60. <meta name="text:Link 1 URL" content="/" />
  61. <meta name="text:Link 2 title" content="message" />
  62. <meta name="text:Link 2 URL" content="/ask" />
  63. <meta name="text:Link 3 title" content="about" />
  64. <meta name="text:Link 3 URL" content="/about" />
  65. <meta name="text:Link 4 title" content="history" />
  66. <meta name="text:Link 4 URL" content="/archive" />
  67.  
  68. <meta name="if:Effect Infinite Scroll" content="0"/>
  69. <meta name="if:500px Posts" content="1"/>
  70. <meta name="if:Show Sidebar Image" content="1"/>
  71. <meta name="if:Show Captions" content="1"/>
  72. <meta name="if:Show Tags" content="1"/>
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  75.  
  76. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){
  79. $(document).ready(function(){
  80. $("a[title]").style_my_tooltips({
  81. tip_follows_cursor:true,
  82. tip_delay_time:80,
  83. tip_fade_speed:300,
  84. attribute:"title"
  85. });
  86. });
  87. })(jQuery);
  88. </script>
  89.  
  90. <link rel="shortcut icon" href="{Favicon}" />
  91.  
  92. <style type="text/css">
  93.  
  94. iframe#tumblr_controls {opacity:0.4;}
  95.  
  96. /* Main Body CSS
  97. -------------------------------------------------*/
  98. body {
  99. font:9px trebuchet ms;
  100. margin:0px;
  101. padding:0px;
  102. letter-spacing:1px;
  103. color:{color:Body Text};
  104. background-color:{color:Body Background};
  105. {block:ifbackgroundimage}
  106. background-image: url('{image:Background}');
  107. background-attachment: {select:BG Attachment};
  108. background-repeat: {select:BG Repeat};
  109. {/block:ifbackgroundimage}}
  110.  
  111. a {color:{color:Body Links};text-decoration:none;}
  112. a:hover{color:{color:Body Links Hover};text-decoration:none;}
  113.  
  114. a, img {
  115. -webkit-transition: 0.8s;transition: 0.8s;}
  116.  
  117. #tumblr_controls, .post_content, .postinfo_container, .sidebar_ext {
  118. -webkit-transition: 0.8s;transition: 0.8s;}
  119.  
  120. pre,code,kbd,samp,tt {font-family:monospace;}
  121.  
  122. ::-webkit-scrollbar-thumb:vertical {
  123. background:{color:Body Scrollbar};}
  124. ::-webkit-scrollbar-thumb:horizontal {
  125. background:{color:Body Scrollbar};
  126. height:10px;}
  127. ::-webkit-scrollbar {
  128. background-color:{color:Body Background};
  129. {block:ifbackgroundimage}
  130. background-image: url('{image:Background}');
  131. background-attachment: {select:BG Attachment};
  132. background-repeat: {select:BG Repeat};
  133. {/block:ifbackgroundimage}
  134. height:10px;width:3px;}
  135.  
  136. ::selection{background:{color:Body Links};color:white;}
  137. ::-moz-selection{background:{color:Body Links};color:white;}
  138. p::selection{background:{color:Body Links};color:white;}
  139. p::-moz-selection{background:{color:Body Links};color:white;}
  140.  
  141. #s-m-t-tooltip{
  142. max-width:330px;
  143. font-size:8px;
  144. background-color:#fff;
  145. border:1px solid {color:Body Borders};
  146. box-shadow:0px 0px 25px rgba(0,0,0,0.1);
  147. color:{color:Body Text};
  148. letter-spacing:2px;
  149. text-transform:uppercase;
  150. padding:4px;
  151. margin:15px 0px 10px 15px;
  152. z-index:9999999;}
  153.  
  154. /* Container CSS
  155. -------------------------------------------------*/
  156. .main_container{width:700px;margin:0px 0px 0px 0px;}
  157. .sidebar_container{}
  158.  
  159. /* Sidebar CSS
  160. -------------------------------------------------*/
  161. .sidebar_left {
  162. width:200px;
  163. height:100%;
  164. position:fixed;
  165. top:0;left:210px;
  166. z-index:99999;
  167. padding:0px 20px;}
  168.  
  169. .sidebar_divider {
  170. width:30px;
  171. position:fixed;
  172. top:-50px;bottom:-50px;left:210px;
  173. z-index:9999;
  174. -ms-transform: rotate(2deg); /* IE 9 */
  175. -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
  176. transform: rotate(2deg);
  177. background:{color:Body Background};}
  178.  
  179. .sidebar_content {
  180. width:150px;
  181. margin:180px auto 0px auto;
  182. color:{color:Sidebar Text};}
  183.  
  184. .sidebar_img{
  185. width:240px;
  186. position:fixed;
  187. top:-10px;bottom:-10px;
  188. left:-10px;z-index:99;
  189. -ms-transform: rotate(1deg); /* IE 9 */
  190. -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
  191. transform: rotate(1deg);
  192. background-color:{color:Image Background};
  193. background-image: url('{image:Sidebar Image}');
  194. background-position: {select:Sidebar Position};
  195. background-repeat: {select:Sidebar Repeat};}
  196.  
  197. .sidebar_title {
  198. display:block;
  199. width:125px;
  200. color:{color:Title Text};
  201. background:{color:Sidebar Background};
  202. letter-spacing:4px;
  203. text-transform:uppercase;
  204. margin:2px 0px;
  205. padding:10px;
  206. font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
  207. font-size:15px;
  208. line-height:9px;
  209. text-align:center;}
  210.  
  211. .sidebar_menu {
  212. text-align:center;
  213. padding:10px;
  214. width:125px;}
  215.  
  216. .sidebar_menu a {
  217. padding:5px 10px;
  218. margin:3px 0px;
  219. width:8px;
  220. background:{color:Sidebar Background};
  221. color:{color:Menu Text};
  222. letter-spacing:1px;
  223. text-transform:uppercase;
  224. text-align:center;
  225. font-size:7px;
  226. font-weight:bold;
  227. display:inline-block;}
  228.  
  229. .sidebar_menu a:hover {color:{color:Menu Text Hover};}
  230.  
  231. .sidebar_desc{
  232. display:block;
  233. width:125px;
  234. color:{color:Description Text};
  235. background:{color:Sidebar Background};
  236. font-family: Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,serif;
  237. letter-spacing:1px;
  238. text-transform:uppercase;
  239. padding:10px;
  240. font-size:7px;
  241. line-height:9px;
  242. text-align:justify;}
  243.  
  244. /* Navigation CSS
  245. -------------------------------------------------*/
  246. .blognav {
  247. position:absolute;
  248. bottom:0px;
  249. width:200px;
  250. padding:20px 0px 20px 0px;
  251. font-size:7px;
  252. font-weight:normal;
  253. text-align:center;
  254. text-transform:uppercase;}
  255.  
  256. .current_page {
  257. color:{color:Body Text};
  258. background:{color:Sidebar Background};
  259. margin:8px 0px;
  260. display:inline-block;
  261. padding:5px 10px;}
  262.  
  263. .nav a {
  264. color:{color:Body Text};
  265. background:{color:Sidebar Background};
  266. margin:8px 0px;
  267. display:inline-block;
  268. padding:5px 10px;}
  269.  
  270. .nav a:hover {
  271. color:{color:Body Text};
  272. background:{color:Menu Background};}
  273.  
  274. /* Posts CSS
  275. -------------------------------------------------*/
  276. .post_container {
  277. {block:if500pxPosts}width:520px;{/block:if500pxPosts}
  278. {block:ifnot500pxPosts}width:420px;{/block:ifnot500pxPosts}
  279. padding:10px 40px;
  280. margin:0px 0px 0px 430px;}
  281.  
  282. .post {
  283. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  284. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  285. color:{color:Body Text};
  286. background:{color:Post Background};
  287. box-shadow:0px 0px 25px rgba(0,0,0,0.1);
  288. padding:10px;
  289. margin:30px 0px;
  290. overflow:hidden;}
  291.  
  292. /* Post Elements CSS
  293. -------------------------------------------------*/
  294. .post h2 {
  295. padding:4px 6px;
  296. margin:5px 0px;
  297. color:{color:Body Text};
  298. background:#FDFDFD;
  299. border:1px solid {color:Body Borders};
  300. text-transform:uppercase;
  301. letter-spacing:2px;
  302. font-size:7px;
  303. text-align:left;}
  304. .post h2 a {color:{color:Body Text};}
  305. .post h2 a:hover {color:{color:Body Links};}
  306.  
  307. .post li {list-style: square;}
  308. .post blockquote {
  309. border-left:2px solid {color:Body Borders};
  310. margin:4px 0px 2px 5px;
  311. padding:0px 0px 0px 5px;}
  312. .post p {padding:0px;margin:2px 0px;}
  313. .post img, .post li, .post blockquote {max-width: 100%;}
  314.  
  315. .post pre {
  316. font-size:{text:Post Font Size}px;
  317. white-space: pre-wrap;
  318. white-space: -moz-pre-wrap !important;
  319. white-space: -pre-wrap;
  320. white-space: -o-pre-wrap;
  321. word-wrap: break-word;
  322. overflow-x: auto;
  323. {block:if500pxPosts}width:490px;{/block:if500pxPosts}
  324. {block:ifnot500pxPosts}width:390px;{/block:ifnot500pxPosts}}
  325.  
  326. .post_caption {
  327. margin-top:5px;
  328. padding:2px;
  329. text-align:justify;
  330. font-size:{text:Post Font Size}px;
  331. color:{color:Body Text};}
  332.  
  333. .post_text {
  334. padding:2px;
  335. text-align:justify;
  336. font-size:{text:Post Font Size}px;
  337. color:{color:Body Text};}
  338.  
  339. .question {
  340. padding:4px 6px;
  341. margin:5px 3px;
  342. color:{color:Body Text};
  343. background:#FDFDFD;
  344. border:1px solid {color:Body Borders};
  345. text-transform:uppercase;
  346. letter-spacing:2px;
  347. font-size:7px; }
  348.  
  349. .answer {
  350. padding:4px 6px;
  351. margin:5px 3px;
  352. color:{color:Body Text};
  353. background:#FDFDFD;
  354. border:1px solid {color:Body Borders};
  355. text-transform:uppercase;
  356. letter-spacing:2px;
  357. font-size:7px;}
  358.  
  359. .quote {
  360. width: 80%;
  361. margin: auto;}
  362.  
  363. .quotetext_short {font-size: 18px;}
  364. .quotetext_medium {font-size: 14px;}
  365. .quotetext_long {font-size: 11px;}
  366.  
  367. .source {text-align: right;}
  368.  
  369. .convo {margin-left:0px;}
  370.  
  371. .line {
  372. color:#fff;
  373. background:#000;
  374. font-size:8px;
  375. font-weight:bold;
  376. text-align:left;
  377. text-transform:uppercase;
  378. letter-spacing:1px;
  379. padding:2px 10px;
  380. margin:0px 0px 3px 0px;}
  381. .line_odd .label {}
  382. .line_even .label {}
  383.  
  384. .convo .label {}
  385.  
  386. /* Audio CSS
  387. -------------------------------------------------*/
  388. .audiobox {
  389. margin-bottom:10px;}
  390.  
  391. .playbutton {
  392. {block:if500pxPosts}width:400px;{/block:if500pxPosts}
  393. {block:ifnot500pxPosts}width:300px;{/block:ifnot500pxPosts}
  394. overflow:hidden;
  395. position:absolute;
  396. margin:4px;
  397. z-index:100000;}
  398.  
  399. .playbox {
  400. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  401. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  402. height:35px;
  403. overflow:hidden;
  404. background:#000;
  405. z-index:10000;}
  406.  
  407. .audioinfo {
  408. color:{color:Body Text};
  409. width:300px;
  410. z-index:100000;}
  411.  
  412. .audiotrack, .audioartist, .audioplay {
  413. background:{color:Post Background};
  414. border:1px solid {color:Body Borders};
  415. margin:3px 0px;
  416. padding:3px 5px;}
  417.  
  418. .audiotrack {font-weight:bold;}
  419.  
  420. /* Post Information CSS
  421. -------------------------------------------------*/
  422. .postinfo_container {
  423. font-size:7px;
  424. background:{color:Post info Background};
  425. padding:15px 15px;
  426. margin-top:10px;}
  427.  
  428. .postinfo {
  429. text-align:left;
  430. text-transform:uppercase;
  431. letter-spacing:1px;
  432. margin:0px 0px 0px 0px;
  433. padding:2px 0px 1px 0px;}
  434.  
  435. .postinfo a {display:inline-block;border-bottom:1px solid transparent;}
  436. .postinfo a:hover {
  437. color:{color:Body Links};border-bottom:1px solid {color:Body Links};}
  438. .post_tags {margin:2px 0px;}
  439. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  440.  
  441. .postnotes {
  442. {block:if500pxPosts}width:480px;{/block:if500pxPosts}
  443. {block:ifnot500pxPosts}width:380px;{/block:ifnot500pxPosts}
  444. position:relative;
  445. padding:10px;
  446. margin:10px 0px 20px 0px;
  447. color:{color:Body Text};
  448. background:{color:Post info Background};}
  449.  
  450. .postnotes a {color:{color:Body Links};font-weight:bold;}
  451. .postnotes a:hover {color:{color:Body Text};}
  452.  
  453. .postnotes ol, .notes, .notes ol {
  454. list-style-type:none;
  455. padding:0px;
  456. margin:0px;}
  457.  
  458. .postnotes li, .notes, .notes li {
  459. list-style-type:none;
  460. padding:2px;
  461. margin:5px 0px;}
  462.  
  463. .postnotes img {display:none;}
  464. .avatar_frame {display:none;}
  465.  
  466. /* Credit CSS - DO NOT REMOVE
  467. -------------------------------------------------*/
  468. .credit {
  469. display:block;
  470. color:#fff;
  471. background:#000;
  472. padding:6px 9px;
  473. font-size:7px;
  474. font-weight:normal;
  475. text-align:center;
  476. text-transform:uppercase;
  477. position:fixed;right:5px;bottom:10px;}
  478. .credit a {color:#fff;
  479. text-decoration:none;}
  480. .creditname {
  481. transition: max-width 1s ease 0s;
  482. -webkit-transition: max-width 1s ease 0s;
  483. max-width:4px;overflow:hidden;}
  484. .credit:hover .creditname {max-width:400px;}
  485. </style>
  486.  
  487. {block:ifEffectInfiniteScroll}
  488. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  489. {/block:ifEffectInfiniteScroll}
  490.  
  491. </head>
  492. <body>
  493.  
  494. <div class="main_container">
  495.  
  496. <div class="sidebar_container">
  497. {block:ifShowSidebarImage}
  498. <div class="sidebar_img"></div>
  499. {/block:ifShowSidebarImage}
  500. <div class="sidebar_left">
  501. <div class="sidebar_content">
  502. <div class="sidebar_title">{text:Sidebar Title}</div>
  503. <div class="sidebar_desc">{Description}</div>
  504. <div class="sidebar_menu">
  505. {block:ifLink1URL}
  506. <a href="{text:Link 1 URL}" title="{text:Link 1 title}">I</a>{/block:ifLink1URL}
  507. {block:ifLink2URL}
  508. <a href="{text:Link 2 URL}" title="{text:Link 2 title}">II</a>{/block:ifLink2URL}
  509. {block:ifLink3URL}
  510. <a href="{text:Link 3 URL}" title="{text:Link 3 title}">III</a>{/block:ifLink3URL}
  511. {block:ifLink4URL}
  512. <a href="{text:Link 4 URL}" title="{text:Link 4 title}">IV</a>{/block:ifLink4URL}
  513. </div>
  514. </div>
  515. {block:ifnotEffectInfiniteScroll}
  516. <div class="blognav">
  517. {block:Pagination}
  518. <div class="nav">
  519. {block:PreviousPage}
  520. <a href="{PreviousPage}">Back</a>
  521. {/block:PreviousPage}
  522. {block:NextPage}
  523. <a href="{NextPage}">Next</a>
  524. {/block:NextPage}
  525. </div>
  526. {/block:Pagination}
  527. </div>
  528. {/block:ifnotEffectInfiniteScroll}
  529. </div>
  530. <div class="sidebar_divider"></div>
  531. </div>
  532.  
  533.  
  534. <div class="post_container">
  535. <div class="autopagerize_page_element">
  536. {block:Posts}
  537. <div class="post">
  538.  
  539. {block:ContentSource}
  540. <div class="sources">
  541. {SourceURL}{block:SourceLogo}
  542. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  543. {/block:SourceLogo}
  544. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  545. </div>
  546. {/block:ContentSource}
  547.  
  548. {block:Text}
  549. <div class="post_text">
  550. {block:Title}
  551. <h2>{Title}</h2>
  552. {/block:Title}
  553. {Body}
  554. </div>
  555. {/block:Text}
  556.  
  557. {block:Link}
  558. <div class="post_text">
  559. <h2><a href="{URL}">{Name}</a></h2>
  560. {block:Description}
  561. {Description}
  562. {/block:Description}
  563. </div>
  564. {/block:Link}
  565.  
  566. {block:Answer}
  567. <div class="question">
  568. <b>{Asker} asked:</b> {Question}</div>
  569. <div class="answer">{Answer}</div>
  570. {/block:Answer}
  571.  
  572. {block:Quote}
  573. <div class="quote">
  574. <div class="quotetext_{Length}">"{Quote}"</div>
  575. {block:Source}<div class="source">{Source}</div>{/block:Source}
  576. </div>
  577. {/block:Quote}
  578.  
  579. {block:Chat}
  580. {block:Title}<h2>{Title}</h2>{/block:Title}
  581. <div class="post_text">
  582. <div class="convo">
  583. {block:Lines}
  584. <div class="line">
  585. {block:Label}
  586. <span class="label">{Label}</span>
  587. {/block:Label}
  588. {Line}</div>{/block:Lines}
  589. </div>
  590. </div>
  591. {/block:Chat}
  592.  
  593. <div class="post_content">
  594. {block:Photo}
  595. <div class="phototransition">
  596. {block:IndexPage}<a href="{Permalink}" title="Permalink">{/block:IndexPage}
  597. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  598. {block:if500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{/block:if500pxPosts}
  599. {block:ifnot500pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">{/block:ifnot500pxPosts}
  600. {block:IndexPage}</a>{/block:IndexPage}
  601. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  602. </div>
  603. {block:ifShowCaptions}
  604. {block:Caption}
  605. <div class="post_caption">
  606. {Caption}</div>
  607. {/block:Caption}
  608. {/block:ifShowCaptions}
  609. {block:ifnotShowCaptions}
  610. {block:PermalinkPage}
  611. {block:Caption}
  612. <div class="post_caption">
  613. {Caption}</div>
  614. {/block:Caption}
  615. {/block:PermalinkPage}
  616. {/block:ifnotShowCaptions}
  617. {/block:Photo}
  618.  
  619. {block:Photoset}
  620. <div class="phototransition">
  621. {block:if500pxPosts}
  622. {Photoset-500}
  623. {/block:if500pxPosts}
  624. {block:ifnot500pxPosts}
  625. {Photoset-400}
  626. {/block:ifnot500pxPosts}
  627. </div>
  628. {block:ifShowCaptions}
  629. {block:Caption}
  630. <div class="post_caption">
  631. {Caption}</div>
  632. {/block:Caption}
  633. {/block:ifShowCaptions}
  634. {block:ifnotShowCaptions}
  635. {block:PermalinkPage}
  636. {block:Caption}
  637. <div class="post_caption">
  638. {Caption}</div>
  639. {/block:Caption}
  640. {/block:PermalinkPage}
  641. {/block:ifnotShowCaptions}
  642. {/block:Photoset}
  643.  
  644. {block:Audio}
  645. <div class="audiobox">
  646. <div class="playbox">
  647. <div class="playbutton">
  648. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  649. </div></div>
  650. <div class="audioinfo">
  651. {block:TrackName}
  652. <div class="audiotrack">{TrackName}</div>
  653. {/block:TrackName}
  654. {block:Artist}
  655. <div class="audioartist">{Artist}</div>
  656. {/block:Artist}
  657. </div></div>
  658. {block:ifShowCaptions}
  659. {block:Caption}
  660. <div class="post_caption">
  661. {Caption}</div>
  662. {/block:Caption}
  663. {/block:ifShowCaptions}
  664. {block:ifnotShowCaptions}
  665. {block:PermalinkPage}
  666. {block:Caption}
  667. <div class="post_caption">
  668. {Caption}</div>
  669. {/block:Caption}
  670. {/block:PermalinkPage}
  671. {/block:ifnotShowCaptions}
  672. {/block:Audio}
  673.  
  674. {block:Video}
  675. {block:if500pxPosts}
  676. {Video-500}
  677. {/block:if500pxPosts}
  678. {block:ifnot500pxPosts}
  679. {Video-400}
  680. {/block:ifnot500pxPosts}
  681. {block:ifShowCaptions}
  682. {block:Caption}
  683. <div class="post_caption">
  684. {Caption}</div>
  685. {/block:Caption}
  686. {/block:ifShowCaptions}
  687. {block:ifnotShowCaptions}
  688. {block:PermalinkPage}
  689. {block:Caption}
  690. <div class="post_caption">
  691. {Caption}</div>
  692. {/block:Caption}
  693. {/block:PermalinkPage}
  694. {/block:ifnotShowCaptions}
  695. {/block:Video}
  696. </div>
  697.  
  698. <div class="postinfo_container">
  699. <div class="postinfo">
  700. {block:Date}
  701. Posted on <a href="{Permalink}" title="Permalink">{Month} {DayOfMonthWithZero}</a> With
  702. <a href="{Permalink}" title="Permalink">{NoteCount} Notes</a>
  703. {block:RebloggedFrom} -
  704. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> /
  705. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>
  706. {/block:RebloggedFrom} -
  707. <a href="{ReblogURL}" title="Reblog">reblog</a>
  708. {/block:Date}
  709. {block:ifShowTags}
  710. {block:HasTags}
  711. <div class="post_tags">
  712. <div class="tags">
  713. Tagged as
  714. {block:Tags}
  715. <a href="{TagURL}" title="{Tag}">#{Tag}</a>
  716. {/block:Tags}
  717. </div>
  718. </div>
  719. {/block:HasTags}
  720. {/block:ifShowTags}
  721. {block:ifnotShowTags}
  722. {block:PermalinkPage}
  723. {block:HasTags}
  724. <div class="post_tags">
  725. <div class="tags">
  726. Tagged as
  727. {block:Tags}
  728. <a href="{TagURL}" title="{Tag}">#{Tag}</a>
  729. {/block:Tags}
  730. </div>
  731. </div>
  732. {/block:HasTags}
  733. {/block:PermalinkPage}
  734. {/block:ifnotShowTags}
  735. </div>
  736. </div>
  737.  
  738. {block:PermalinkPage}
  739. {block:PostNotes}
  740. <div class="postnotes">
  741. {PostNotes}
  742. </div>
  743. {/block:PostNotes}
  744. {/block:PermalinkPage}
  745.  
  746. </div>
  747. {/block:Posts}
  748. </div>
  749.  
  750. </div>
  751.  
  752.  
  753. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  754. <div class="credit">
  755. <div class="creditname">
  756. <a href="http://titanjelly.tumblr.com/themes">TitanThemes</a>
  757. </div>
  758. </div>
  759.  
  760. </body>
  761.  
  762. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement