Advertisement
TitanJelly

theme #28 v1.7 - by titanjelly

Jul 31st, 2014
9,733
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.09 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.  
  13. <head>
  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. <meta name="image:Sidebar Background" content="" />
  21.  
  22. <meta name="color:Body Background" content="#FFFFFF"/>
  23. <meta name="color:Body Scrollbar" content="#4A2F49"/>
  24. <meta name="color:Body Text" content="#3c3c3c"/>
  25. <meta name="color:Body Links" content="#fb6767"/>
  26. <meta name="color:Body Links Hover" content="#000000"/>
  27. <meta name="color:Sidebar Background" content="#FE93A7"/>
  28. <meta name="color:Title Text" content="#FFFFFF"/>
  29. <meta name="color:Title Background" content="#4A2F49"/>
  30. <meta name="color:Menu Text" content="#ffffff"/>
  31. <meta name="color:Menu Text Hover" content="#4A2F49"/>
  32. <meta name="color:Menu Background" content="#4A2F49"/>
  33. <meta name="color:Menu Background Hover" content="#DF5174"/>
  34. <meta name="color:Description Text" content="#FFFFFF"/>
  35. <meta name="color:Description Background" content="#FEACBB"/>
  36. <meta name="color:Post Borders" content="#4A2F49"/>
  37. <meta name="color:Post Background" content="#FFFFFF"/>
  38. <meta name="color:Ask Question Text" content="#FFFFFF"/>
  39. <meta name="color:Ask Question Background" content="#4A2F49"/>
  40. <meta name="color:Ask Answer Text" content="#000000"/>
  41. <meta name="color:Post Info Text" content="#FFFFFF"/>
  42. <meta name="color:Post Info Text Hover" content="#4A2F49"/>
  43. <meta name="color:Post Info Background" content="#4A2F49"/>
  44. <meta name="color:Post Info Background Hover" content="#DF5174"/>
  45. <meta name="color:BTT Text" content="#FFFFFF"/>
  46. <meta name="color:BTT Hover" content="#DF5174"/>
  47. <meta name="color:BTT Background" content="#4A2F49"/>
  48. <meta name="color:Tag Text" content="#FFFFFF"/>
  49.  
  50. <meta name="if:Infinite Scroll" content="0"/>
  51. <meta name="if:Uppercase Text" content="1"/>
  52. <meta name="if:Show BTT Button" content="1"/>
  53. <meta name="if:Show Extra Links" content="1"/>
  54. <meta name="if:Show Captions" content="1"/>
  55. <meta name="if:Show Tags" content="1"/>
  56. <meta name="if:500px Posts" content="1"/>
  57.  
  58. <meta name="text:Title" content=""/>
  59. <meta name="text:Body Font Size" content="9"/>
  60. <meta name="text:Title Font Size" content="12"/>
  61. <meta name="text:Subtitle Font Size" content="12"/>
  62. <meta name="text:Menu Font Size" content="12"/>
  63. <meta name="text:Description Font Size" content="11"/>
  64. <meta name="text:Post Info Font Size" content="11"/>
  65. <meta name="text:Tags Font Size" content="8"/>
  66. <meta name="text:Menu Link01 Title" content="home"/>
  67. <meta name="text:Menu Link01 URL" content="/"/>
  68. <meta name="text:Menu Link02 Title" content="ask"/>
  69. <meta name="text:Menu Link02 URL" content="/"/>
  70. <meta name="text:Menu Link03 Title" content="archive"/>
  71. <meta name="text:Menu Link03 URL" content="/"/>
  72. <meta name="text:Extra Link01 Title" content="link"/>
  73. <meta name="text:Extra Link01 URL" content="/"/>
  74. <meta name="text:Extra Link02 Title" content="link"/>
  75. <meta name="text:Extra Link02 URL" content="/"/>
  76. <meta name="text:Extra Link03 Title" content="link"/>
  77. <meta name="text:Extra Link03 URL" content="/"/>
  78. <meta name="text:Extra Link04 Title" content="link"/>
  79. <meta name="text:Extra Link04 URL" content="/"/>
  80. <meta name="text:Extra Link05 Title" content="link"/>
  81. <meta name="text:Extra Link05 URL" content="/"/>
  82. <meta name="text:Extra Link06 Title" content="link"/>
  83. <meta name="text:Extra Link06 URL" content="/"/>
  84.  
  85.  
  86. <link rel="shortcut icon" href="{Favicon}" />
  87. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  88.  
  89. <style type="text/css">
  90.  
  91. body, html {height: 100%;}
  92.  
  93. @font-face {
  94. font-family: HeaderTitle;
  95. src: url(http://static.tumblr.com/9hiqgmd/Xjxn9kfo4/fight_night.otf);}
  96.  
  97. body {
  98. font-size:{text:Body Font Size}px;
  99. font-family: "Arial Narrow", Arial, sans-serif;
  100. {block:ifUppercaseText}
  101. text-transform:uppercase;
  102. {/block:ifUppercaseText}
  103. letter-spacing:1px;
  104. margin:0;
  105. color:{color:Body Text};
  106. background:{color:Body Background} url('{image:Background}') fixed;}
  107.  
  108. ::-webkit-scrollbar-thumb:vertical {
  109. background:{color:Body Scrollbar};}
  110. ::-webkit-scrollbar-thumb:horizontal {
  111. background:{color:Body Scrollbar};height:10px;}
  112. ::-webkit-scrollbar {
  113. background-color:{color:Body Background};
  114. background-image:url('{image:Background}');
  115. height:10px;width:6px;}
  116.  
  117. a {-webkit-transition: 0.3s;transition: 0.3s;}
  118. .sidebar:hover, .more_links:hover {
  119. -webkit-transition: 1s;transition: 1s;}
  120. .more_links {-webkit-transition: 0.8s;transition: 0.8s;}
  121. .link0, .link1 {-webkit-transition: 0.5s;transition: 0.5s;}
  122. .sidebar_menu a {-webkit-transition: 0.5s;transition: 0.5s;}
  123.  
  124. a {color:{color:Body Links};text-decoration:none;}
  125. a:hover{color:{color:Body Links Hover};}
  126.  
  127. /*Container CSS
  128. -------------------------------------------------*/
  129. .container{
  130. {block:if500pxPosts}width:800px;{/block:if500pxPosts}
  131. {block:ifnot500pxPosts}width:700px;{/block:ifnot500pxPosts}
  132. margin:20px auto;height:100%;}
  133.  
  134. /* Sidebar CSS
  135. -------------------------------------------------*/
  136. #sidebar_container {
  137. width:225px;
  138. position:fixed;
  139. top:75px;bottom:0;
  140. padding:0px;
  141. background:{color:Sidebar Background} url('{image:Sidebar Background}');
  142. background-position:bottom;
  143. background-repeat:no-repeat;
  144. background-attachment:scroll;
  145. text-align:center;}
  146.  
  147. .sidebar {
  148. margin-top:0px;
  149. width:225px;}
  150.  
  151. .sidebar_title {
  152. color:{color:Title Text};
  153. background:{color:Title Background};
  154. width:263px;
  155. margin:0px 0px 5px -58px;
  156. padding:5px 10px;
  157. font-family:HeaderTitle;
  158. font-size:{text:Title Font Size}px;
  159. font-weight:normal;
  160. text-align:right;
  161. letter-spacing:1px;
  162. position:relative;}
  163.  
  164. .sidebar_image {margin:0px 5px 0px 5px;z-index:1000;}
  165. .sidebar_image img {max-width:215px;}
  166.  
  167. .sidebar_menu {
  168. z-index:10000;
  169. position:absolute;
  170. margin-left:-58px;}
  171.  
  172. .link0 {opacity:1;font-weight:bold;}
  173. .link1 {display:none;opacity:0;}
  174.  
  175. .sidebar_menu a:hover .link0 {display:none;opacity:0;}
  176. .sidebar_menu a:hover .link1 {display:inline-block;opacity:1;}
  177.  
  178. .sidebar_menu a {
  179. display:block;
  180. color:{color:Menu Text};
  181. background:{color:Menu Background};
  182. padding:20px 2px;
  183. width:50px;height:15px;
  184. margin:0px 2px 5px 0px;
  185. font-size:{text:Menu Font Size}px;
  186. font-weight:normal;
  187. overflow:hidden;
  188. text-transform:uppercase;
  189. letter-spacing:1px;}
  190.  
  191. .sidebar_menu a:hover {
  192. width:279px;
  193. color:{color:Menu Text Hover};
  194. background:{color:Menu Background Hover};}
  195.  
  196. .sidebar_chunk {
  197. pointer-events:none;
  198. position:absolute;
  199. background:{color:Menu Background};
  200. height:10000px;
  201. width:50px;
  202. padding:2px;}
  203.  
  204. .more_links {
  205. opacity:0;
  206. max-height:0px;
  207. font-size:9px;
  208. margin:5px 5px 3px 5px;}
  209.  
  210. #sidebar_container:hover .more_links {opacity:1;max-height:300px;}
  211.  
  212. .more_links a {
  213. width:94px;
  214. display:inline-block;
  215. margin:0px 1px 3px 1px;
  216. padding:5px;
  217. font-size:9px;
  218. color:{color:Menu Text};
  219. background:{color:Menu Background};}
  220.  
  221. .more_links a:hover {
  222. color:{color:Menu Text Hover};
  223. background:{color:Menu Background Hover};}
  224.  
  225. .description {
  226. opacity:0.8;
  227. padding:5px;
  228. margin:3px 5px;
  229. font-size:{text:Description Font Size}px;
  230. color:{color:Description Text};
  231. background:{color:Description Background};
  232. line-height:13px;
  233. letter-spacing:1px;
  234. text-transform:lowercase;
  235. text-align:justify;}
  236.  
  237. .description::first-letter {
  238. padding:4px;
  239. float:left;
  240. color:{color:Menu Text};
  241. background:{color:Menu Background};
  242. font-size:20px;
  243. text-transform:uppercase;
  244. font-style:none;
  245. font-weight:normal;
  246. line-height:90%;
  247. margin-right:3px;
  248. padding-right:7px;
  249. padding-left:7px;}
  250.  
  251. /* Navigation CSS
  252. -------------------------------------------------*/
  253. .nav {
  254. position:absolute;
  255. width:225px;bottom:0px;
  256. text-align:center;
  257. text-transform:lowercase;}
  258.  
  259. .current_page {
  260. color:{color:Menu Text};
  261. background:{color:Menu Background};
  262. margin:3px;
  263. display:inline-block;
  264. padding:5px 10px;}
  265.  
  266. .nav a {
  267. color:{color:Menu Text};
  268. background:{color:Menu Background};
  269. margin:3px;
  270. display:inline-block;
  271. padding:5px 10px;}
  272.  
  273. .nav a:hover {
  274. color:{color:Menu Text Hover};
  275. background:{color:Menu Background Hover};}
  276.  
  277. /* Posts CSS
  278. -------------------------------------------------*/
  279. .post_container {
  280. min-height:100%;
  281. {block:if500pxPosts}width:540px;{/block:if500pxPosts}
  282. {block:ifnot500pxPosts}width:440px;{/block:ifnot500pxPosts}
  283. margin-top:40px;
  284. margin-left:260px;
  285. position:relative;
  286. z-index:999999;}
  287.  
  288. .post {
  289. {block:if500pxPosts}
  290. width:500px;
  291. {/block:if500pxPosts}
  292. {block:ifnot500pxPosts}
  293. width:400px;
  294. {/block:ifnot500pxPosts}
  295. background:{color:Post Background};
  296. border:10px solid {color:Post Borders};
  297. padding:10px;
  298. margin-bottom:60px;
  299. position:relative;
  300. z-index:9999999;}
  301.  
  302.  
  303. /* Post Elements CSS
  304. -------------------------------------------------*/
  305. .post h2, .post h2 a {
  306. color:{color:Body Links};
  307. font-size:12px;
  308. font-weight:bold;
  309. text-transform:uppercase;
  310. text-align:center;
  311. border-bottom:1px solid {color:Body Links};
  312. padding:5px 0px;
  313. margin:0px;}
  314.  
  315. .post h2 a:hover {color:{color:Body Links};}
  316.  
  317. .post li {list-style: square;}
  318. .post blockquote {
  319. border-left: 4px solid {color:Body Links};
  320. margin-left:10px;
  321. padding-left: 5px;}
  322. .post img, .post li, .post blockquote {max-width: 100%;}
  323. .post_caption {padding-top:10px;}
  324.  
  325. .question {
  326. padding:20px;
  327. text-align:left;
  328. color:{color:Ask Question Text};
  329. background:{color:Ask Question Background};}
  330. .question a {color:{color:Ask Question Text};}
  331.  
  332. .question_arrow {
  333. position:absolute;
  334. margin-left:20px;
  335. width:0;height:0;
  336. border-left: 10px solid transparent;
  337. border-right: 10px solid transparent;
  338. border-top: 10px solid {color:Ask Question Background};}
  339.  
  340. .answer {
  341. padding:10px;
  342. text-align:left;
  343. margin-left:10px;
  344. margin-right:10px;
  345. color:{color:Ask Answer Text};}
  346.  
  347. .quote {width: 80%; margin: auto;}
  348. .quotetext_short {font-size: 18px;}
  349. .quotetext_medium {font-size: 14px;}
  350. .quotetext_long {font-size: 11px;}
  351.  
  352. .source {text-align:right;}
  353.  
  354. .post ul {
  355. padding:0px 5px 10px 5px;
  356. margin:0px 0px 0px 0px;}
  357.  
  358. .convo li {
  359. list-style: none;
  360. padding:10px 5px 10px 10px;
  361. margin:0px 0px 5px 0px;}
  362.  
  363. .line_odd {border:1px solid rgba(0,0,0,0.2);}
  364. .line_even {border:1px solid rgba(0,0,0,0.2);}
  365. .line_odd .label {color:{color:Body Text};}
  366. .line_even .label {color:{color:Body Text};}
  367.  
  368. .convo .label {font-weight:bold;}
  369.  
  370.  
  371. /* Audio CSS
  372. -------------------------------------------------*/
  373. .cover {
  374. position:relative;
  375. min-height:200px;
  376. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  377. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  378. border-bottom:2px solid {color:Body Links};
  379. background:{color:Body Text};
  380. z-index:100;}
  381. .cover img {
  382. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  383. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  384. margin-bottom:-2px;}
  385.  
  386. .covericon {
  387. position:absolute;
  388. background:{color:Body Text};
  389. border:4px solid {color:Post Background};
  390. margin-top:-5px;
  391. margin-left:-115px;
  392. width:100px;}
  393.  
  394. .playbutton {
  395. width:25px;
  396. overflow:hidden;
  397. position:relative;
  398. z-index:1000;}
  399.  
  400. .playbox {
  401. border-top:2px solid {color:Body Links};
  402. background:#000;
  403. z-index:1000;}
  404.  
  405. .audioinfo {
  406. color:{color:Body Text};
  407. background:{color:Post Background};
  408. position:absolute;
  409. z-index:1000;
  410. padding:5px 10px;
  411. margin-top:5px;
  412. margin-left:110px;}
  413.  
  414. .audiotrack {font-size: 14px;font-weight: bold;}
  415.  
  416.  
  417. /* Post Information CSS
  418. -------------------------------------------------*/
  419. .postinfo_container {
  420. position:absolute;
  421. z-index:-99999999;
  422. width:200px;
  423. margin-top:-20px;
  424. {block:if500pxPosts}
  425. margin-left:510px;
  426. {/block:if500pxPosts}
  427. {block:ifnot500pxPosts}
  428. margin-left:410px;
  429. {/block:ifnot500pxPosts}
  430. padding:0px 20px;}
  431.  
  432. .postinfo {
  433. width:200px;
  434. font-size:{text:Body Font Size}px;
  435. text-align:center;
  436. text-transform:lowercase;
  437. letter-spacing:2px;
  438. color:{color:Post Info Text};}
  439.  
  440. .postinfo a {
  441. display:block;
  442. overflow:hidden;
  443. color:{color:Post Info Text};
  444. background:{color:Post Info Background};
  445. padding:15px 2px;
  446. width:40px;
  447. margin-bottom:10px;
  448. font-weight:normal;
  449. text-transform:uppercase;
  450. letter-spacing:1px;}
  451. .postinfo a:hover {
  452. color:{color:Post Info Text Hover};
  453. background:{color:Post Info Background Hover};}
  454.  
  455. .post_tags {
  456. position:absolute;
  457. width:121px;
  458. margin-left:-4px;
  459. text-align:left;
  460. letter-spacing:1px;
  461. font-size:{text:Tags Font Size}px;}
  462. .post_tags a {
  463. display:block;
  464. padding:2px 5px;
  465. color:{color:Tag Text};opacity:0.5;}
  466. .post_tags a:hover {color:{color:Body Links};opacity:1;}
  467.  
  468. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  469.  
  470. .postnotes {
  471. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  472. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  473. position:relative;
  474. padding:10px;
  475. margin-bottom:20px;
  476. color:{color:Body Text};
  477. background:{color:Post Background};}
  478.  
  479. .postnotes a {color:{color:Body Text};font-weight:bold;}
  480. .postnotes a:hover {color:{color:Body Links};}
  481.  
  482. .postnotes ol {
  483. list-style-type:none;
  484. padding:0px;
  485. margin:0px;}
  486.  
  487. .postnotes img {display:none;}
  488. .avatar_frame {display:none;}
  489.  
  490. .more_notes_link {
  491. display:block;
  492. margin-top:10px;
  493. padding:5px;
  494. color:{color:Post Info Text};
  495. background:{color:Post Info Background};}
  496.  
  497. /* BTT CSS
  498. -------------------------------------------------*/
  499. .back-to-top {
  500. position:fixed;
  501. font-size:{text:Body Font Size}px;
  502. font-weight:normal;
  503. text-align:center;
  504. text-transform:uppercase;
  505. padding:10px;
  506. color:{color:BTT Text};
  507. background:{color:BTT Background};
  508. bottom:10px;left:10px;
  509. display:none;}
  510.  
  511. .back-to-top:hover {color:{color:BTT Hover};}
  512.  
  513. /* Credit CSS - DO NOT REMOVE
  514. -------------------------------------------------*/
  515. .credit {
  516. display:block;
  517. z-index:10000000;
  518. color:#fff;
  519. background:#000;
  520. padding:8px 10px;
  521. font-size:7px;
  522. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  523. font-weight:normal;
  524. text-align:center;
  525. text-transform:uppercase;
  526. position:fixed;right:5px;bottom:7px;}
  527. .credit a {color:#fff;}
  528. .creditname {
  529. transition: max-width 1s ease 0s;
  530. -webkit-transition: max-width 1s ease 0s;
  531. max-width:5px;overflow:hidden;}
  532. .credit:hover .creditname {max-width:400px;}
  533. </style>
  534.  
  535. {block:ifInfiniteScroll}
  536. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  537. {/block:ifInfiniteScroll}
  538.  
  539. <script>
  540. jQuery(document).ready(function() {
  541. var offset = 220;
  542. var duration = 500;
  543. jQuery(window).scroll(function() {
  544. if (jQuery(this).scrollTop() > offset) {
  545. jQuery('.back-to-top').fadeIn(duration);
  546. } else {
  547. jQuery('.back-to-top').fadeOut(duration);
  548. }
  549. });
  550.  
  551. jQuery('.back-to-top').click(function(event) {
  552. event.preventDefault();
  553. jQuery('html, body').animate({scrollTop: 0}, duration);
  554. return false;
  555. })
  556. });
  557. </script>
  558.  
  559. </head>
  560. <body>
  561.  
  562. <div class="container">
  563.  
  564. <div id="sidebar_container">
  565. <div class="sidebar">
  566. <div class="sidebar_title">
  567. {text:Title}</div>
  568. <div class="sidebar_menu">
  569. <a href="{text:Menu Link01 URL}">
  570. <span class="link0">00.1</span>
  571. <span class="link1">{text:Menu Link01 Title}</span></a>
  572. <a href="{text:Menu Link02 URL}">
  573. <span class="link0">00.2</span>
  574. <span class="link1">{text:Menu Link02 Title}</span></a>
  575. <a href="{text:Menu Link03 URL}">
  576. <span class="link0">00.3</span>
  577. <span class="link1">{text:Menu Link03 Title}</span></a>
  578. <a href="http://www.titanjelly.tumblr.com/themes">
  579. <span class="link0">00.4</span>
  580. <span class="link1">theme</span></a>
  581. <div class="sidebar_chunk"></div>
  582. </div>
  583. <div class="sidebar_image">
  584. <img src="{image:Sidebar Image}">
  585. </div>
  586. <div class="description">
  587. {description}
  588. </div>
  589. {block:ifShowExtraLinks}
  590. <div class="more_links">
  591. <div class="ml_line01">
  592. {block:ifExtraLink01URL}
  593. <a href="{text:Extra Link01 URL}">{text:Extra Link01 Title}</a>
  594. {/block:ifExtraLink01URL}
  595. {block:ifExtraLink02URL}
  596. <a href="{text:Extra Link02 URL}">{text:Extra Link02 Title}</a>
  597. {/block:ifExtraLink02URL}
  598. </div>
  599. <div class="ml_line02">
  600. {block:ifExtraLink03URL}
  601. <a href="{text:Extra Link03 URL}">{text:Extra Link03 Title}</a>
  602. {/block:ifExtraLink03URL}
  603. {block:ifExtraLink04URL}
  604. <a href="{text:Extra Link04 URL}">{text:Extra Link04 Title}</a>
  605. {/block:ifExtraLink04URL}
  606. </div>
  607. <div class="ml_line03">
  608. {block:ifExtraLink05URL}
  609. <a href="{text:Extra Link05 URL}">{text:Extra Link05 Title}</a>
  610. {/block:ifExtraLink05URL}
  611. {block:ifExtraLink06URL}
  612. <a href="{text:Extra Link06 URL}">{text:Extra Link06 Title}</a>
  613. {/block:ifExtraLink06URL}
  614. </div>
  615. </div>
  616. {/block:ifShowExtraLinks}
  617. </div>
  618. {block:ifnotInfiniteScroll}
  619. {block:Pagination}
  620. <div class="nav">{block:PreviousPage}
  621. <a href="{PreviousPage}">Back</a>
  622. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  623. <span class="current_page">{PageNumber}</span>
  624. {/block:CurrentPage}{block:JumpPage}
  625. <a class="jump_page" href="{URL}">{PageNumber}</a>
  626. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  627. <a href="{NextPage}">Next</a>
  628. {/block:NextPage}</div>{/block:Pagination}
  629. {/block:ifnotInfiniteScroll}
  630. </div>
  631.  
  632. <div class="post_container">
  633. <div class="autopagerize_page_element">
  634. {block:Posts}
  635. <div class="post">
  636.  
  637. {block:ContentSource}
  638. <div class="sources">
  639. {SourceURL}{block:SourceLogo}
  640. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  641. {/block:SourceLogo}
  642. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  643. </div>
  644. {/block:ContentSource}
  645.  
  646. <div class="postinfo_container">
  647. <div class="postinfo">
  648. <div class="arrow_top"></div>
  649. {block:Date}
  650. <a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>
  651. {/block:Date}
  652. {block:Notecount}
  653. <a href="{Permalink}" title="with {NoteCountWithLabel}">{NoteCount}</a>
  654. {/block:Notecount}
  655. {block:PermalinkPage}
  656. {block:RebloggedFrom}
  657. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>
  658. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SRC</a>
  659. {/block:RebloggedFrom}
  660. {/block:PermalinkPage}
  661. </div>
  662.  
  663. {block:ifShowTags}
  664. {block:HasTags}
  665. <div class="post_tags">
  666. <div class="tags">
  667. {block:Tags}
  668. <a href="{TagURL}">{Tag}</a>
  669. {/block:Tags}
  670. </div>
  671. </div>
  672. {/block:HasTags}
  673. {/block:ifShowTags}
  674. </div>
  675.  
  676. {block:Text}
  677. {block:Title}<h2>{Title}</h2>{/block:Title}
  678. <div class="post_caption">
  679. {Body}
  680. </div>
  681. {/block:Text}
  682.  
  683. {block:Answer}
  684. <div class="question">
  685. <b>{Asker} asked:</b> {Question}</div>
  686. <div class="question_arrow"></div>
  687. <div class="answer">{Answer}</div>
  688. {/block:Answer}
  689.  
  690. {block:Quote}
  691. <div class="quote">
  692. <div class="quotetext_{Length}">"{Quote}"</div>
  693. {block:Source}<div class="source">{Source}</div>{/block:Source}
  694. </div>
  695. {/block:Quote}
  696.  
  697. {block:Link}
  698. <h2><a href="{URL}">{Name}</a></h2>
  699. {block:Description}
  700. <div class="post_caption">
  701. {Description}
  702. </div>
  703. {/block:Description}
  704. {/block:Link}
  705.  
  706. {block:Chat}
  707. {block:Title}<h2>{Title}</h2>{/block:Title}
  708. <div class="post_caption">
  709. <ul class="convo">
  710. {block:Lines}
  711. <li class="line_{Alt}">{block:Label}
  712. <span class="label">{Label}</span>
  713. {/block:Label}{Line}</li>{/block:Lines}</ul>
  714. </div>
  715. {/block:Chat}
  716.  
  717. {block:Photo}
  718. <a href="{Permalink}">
  719. {block:if500pxPosts}
  720. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  721. {/block:if500pxPosts}
  722. {block:ifnot500pxPosts}
  723. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  724. {/block:ifnot500pxPosts}</a>
  725. {block:ifShowCaptions}
  726. {block:Caption}
  727. <div class="post_caption">
  728. {Caption}</div>
  729. {/block:Caption}
  730. {/block:ifShowCaptions}
  731. {block:ifnotShowCaptions}
  732. {block:PermalinkPage}
  733. {block:Caption}
  734. <div class="post_caption">
  735. {Caption}</div>
  736. {/block:Caption}
  737. {/block:PermalinkPage}
  738. {/block:ifnotShowCaptions}
  739. {/block:Photo}
  740.  
  741. {block:Photoset}
  742. {block:if500pxPosts}
  743. {Photoset-500}
  744. {/block:if500pxPosts}
  745. {block:ifnot500pxPosts}
  746. {Photoset-400}
  747. {/block:ifnot500pxPosts}
  748. {block:ifShowCaptions}
  749. {block:Caption}
  750. <div class="post_caption">
  751. {Caption}</div>
  752. {/block:Caption}
  753. {/block:ifShowCaptions}
  754. {block:ifnotShowCaptions}
  755. {block:PermalinkPage}
  756. {block:Caption}
  757. <div class="post_caption">
  758. {Caption}</div>
  759. {/block:Caption}
  760. {/block:PermalinkPage}
  761. {/block:ifnotShowCaptions}
  762. {/block:Photoset}
  763.  
  764. {block:Audio}
  765. <div class="audioinfo">
  766. <div class="covericon">
  767. {block:AlbumArt}
  768. <img src="{AlbumArtURL}">
  769. {/block:AlbumArt}
  770. </div>
  771. <div class="audiotrack">
  772. {block:TrackName}{TrackName}{/block:TrackName}
  773. </div>
  774. <div class="audioartist">
  775. {block:Artist}{Artist}{/block:Artist}
  776. </div>
  777. <div class="audioplay">
  778. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  779. </div>
  780. </div>
  781. <div class="cover">
  782. {block:AlbumArt}
  783. <img src="{AlbumArtURL}">
  784. {/block:AlbumArt}
  785. </div>
  786. <div class="playbox">
  787. <div class="playbutton">
  788. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  789. </div>
  790. </div>
  791. {block:ifShowCaptions}
  792. {block:Caption}
  793. <div class="post_caption">
  794. {Caption}</div>
  795. {/block:Caption}
  796. {/block:ifShowCaptions}
  797. {block:ifnotShowCaptions}
  798. {block:PermalinkPage}
  799. {block:Caption}
  800. <div class="post_caption">
  801. {Caption}</div>
  802. {/block:Caption}
  803. {/block:PermalinkPage}
  804. {/block:ifnotShowCaptions}
  805. {/block:Audio}
  806.  
  807. {block:Video}
  808. {block:if500pxPosts}
  809. {Video-500}
  810. {/block:if500pxPosts}
  811. {block:ifnot500pxPosts}
  812. {Video-400}
  813. {/block:ifnot500pxPosts}
  814. {block:ifShowCaptions}
  815. {block:Caption}
  816. <div class="post_caption">
  817. {Caption}</div>
  818. {/block:Caption}
  819. {/block:ifShowCaptions}
  820. {block:ifnotShowCaptions}
  821. {block:PermalinkPage}
  822. {block:Caption}
  823. <div class="post_caption">
  824. {Caption}</div>
  825. {/block:Caption}
  826. {/block:PermalinkPage}
  827. {/block:ifnotShowCaptions}
  828. {/block:Video}
  829. </div>
  830.  
  831. {block:PermalinkPage}
  832. {block:PostNotes}
  833. <div class="postnotes">
  834. {PostNotes}
  835. </div>
  836. {/block:PostNotes}
  837. {/block:PermalinkPage}
  838.  
  839. {/block:Posts}
  840. </div>
  841.  
  842. </div>
  843.  
  844. </div>
  845.  
  846. {block:ifShowBTTButton}
  847. <a href="#" class="back-to-top">Back to Top</a>
  848. {/block:ifShowBTTButton}
  849.  
  850. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  851. <div class="credit">
  852. <div class="creditname">
  853. <a href="http://titanjelly.tumblr.com/themes">TitanThemes</a>
  854. </div>
  855. </div>
  856.  
  857. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement