Advertisement
TitanJelly

theme #31 - by titanjelly

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