API tools faq
paste
Advertisement
heavenlydoctor

theme 5: thanatos

heavenlydoctor
Oct 18th, 2014
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----theme #5: thanatos by clarascapaldis. if there's any questions, visit elisionthemes.tumblr.com. please dont steal parts of my code or remove the credit or use as a base code. its not cool :( anyways, hope you enjoy!------>
  5.  
  6.  
  7. <title>{Title}</title>
  8. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. <!-- meta stuffs go here -->
  13.  
  14. <meta name="color:link" content="#aaa">
  15. <meta name="color:link hover" content="#000"/>
  16. <meta name="color:title" content="#fff"/>
  17. <meta name="color:blockquote" content="#000"/>
  18. <meta name="color:posts background" content="#fff"/>
  19. <meta name="color:image border" content="#fff"/>
  20. <meta name="color:scrollbar" content="#fff"/>
  21. <meta name="color:border" content="#fff"/>
  22. <meta name="color:slide menu background" content="#000"/>
  23. <meta name="color:slide menu text" content="#fff"/>
  24. <meta name="color:post shadow color" content="#7b7b7b"/>
  25. <meta name="color:text" content="#2e2e2e"/>
  26. <meta name="color:selection" content="#aaa"/>
  27.  
  28. <meta name="if:Description Image" content="1">
  29. <meta name="if:posts shadow" content="1">
  30. <meta name="if:hide captions" content="0">
  31. <meta name="if:page fade in" content="1">
  32.  
  33. <meta name="select:title align" content="left" title="Left">
  34. <meta name="select:title align" content="center" title="Center">
  35. <meta name="select:title align" content="right" title="Right">
  36.  
  37. <meta name="image:description image" content="https://41.media.tumblr.com/07956896de444ccd9589b088fe45fb48/tumblr_naxndsOx1Z1s7vx6fo5_250.png">
  38. <meta name="image:background" content="http://41.media.tumblr.com/e95668ab4a36c4c172b10b7d17fcc3b5/tumblr_n72u3h4kXR1qfirfao1_1280.jpg"/>
  39.  
  40. <meta name="text:ask box description" content="the description for your ask box goes here! you can make it as long as you possibly want to...">
  41. <meta name="text:url" content="!!put your url here!!">
  42. <meta name="text:link 1" content="link 1">
  43. <meta name="text:link 1 url" content="">
  44. <meta name="text:link 2" content="link 2">
  45. <meta name="text:link 2 url" content="">
  46. <meta name="text:link 3" content="link 3">
  47. <meta name="text:link 3 url" content="">
  48. <meta name="text:link 4" content="link 4">
  49. <meta name="text:link 4 url" content="">
  50. <meta name="text:link 5" content="link 5">
  51. <meta name="text:link 5 url" content="">
  52. <meta name="text:link 6" content="link 6">
  53. <meta name="text:link 6 url" content="">
  54. <meta name="text:link 7" content="link 7">
  55. <meta name="text:link 7 url" content="">
  56. <meta name="text:link 8" content="link 8">
  57. <meta name="text:link 8 url" content="">
  58.  
  59. <!-- metas end-->
  60.  
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  62.  
  63. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  64.  
  65. <script>
  66.  
  67. (function($){
  68.  
  69. $(document).ready(function(){
  70.  
  71. $("a[title]").style_my_tooltips({
  72.  
  73. tip_follows_cursor:true,
  74.  
  75. tip_delay_time:100,
  76.  
  77. tip_fade_speed:300,
  78.  
  79. attribute:"title"
  80.  
  81. });
  82.  
  83. });
  84.  
  85. })(jQuery);
  86.  
  87. </script>
  88.  
  89. <script>
  90. $(document).ready(function(){
  91. $(".click").click(function(){
  92. $('.links').toggleClass('slide');
  93. });
  94. });
  95. </script>
  96.  
  97. <script>
  98. $(document).ready(function(){
  99. $(".click").click(function(){
  100. $('#header').toggleClass('headclick');
  101. });
  102. });
  103. </script>
  104.  
  105. <script>
  106. $(document).ready(function(){
  107. $(".one").click(function(){
  108. $('.tabs').slideToggle();
  109. $('.one').toggleClass('top');
  110. $('.close').toggleClass('disappear');
  111. });
  112. });
  113. </script>
  114.  
  115. <script>
  116. $(document).ready(function(){
  117. $(".two").click(function(){
  118. $('.tabs1').slideToggle();
  119. $('.two').toggleClass('top1');
  120. $('.close, .one').toggleClass('disappear');
  121. });
  122. });
  123. </script>
  124.  
  125. <script>
  126. $(document).ready(function(){
  127. $(".three").click(function(){
  128. $('.tabs2').slideToggle();
  129. $('.three').toggleClass('top2');
  130. $('.close, .one, .two').toggleClass('disappear');
  131. });
  132. });
  133. </script>
  134.  
  135. <link href='http://fonts.googleapis.com/css?family=Raleway:200,400' rel='stylesheet' type='text/css'>
  136.  
  137. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  138.  
  139. <style>
  140.  
  141. ::-webkit-scrollbar {width: 6px; height: 4px; background-color:transparent;}
  142. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  143.  
  144. .tabs::-webkit-scrollbar-thumb, .tabs1::-webkit-scrollbar-thumb, .tabs2::-webkit-scrollbar-thumb { background-color:{color:slide menu text};}
  145.  
  146. .left {
  147. text-align:left;
  148. }
  149.  
  150. .center {
  151. text-align:center;
  152. }
  153.  
  154. .right {
  155. text-align:right;
  156. }
  157.  
  158. {block:ifpagefadein}
  159. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  160. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  161. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  162.  
  163. .fade-in {
  164. opacity:0;
  165. -webkit-animation:fadeIn ease-in 1;
  166. -moz-animation:fadeIn ease-in 1;
  167. animation:fadeIn ease-in 1;
  168.  
  169. -webkit-animation-fill-mode:forwards;
  170. -moz-animation-fill-mode:forwards;
  171. animation-fill-mode:forwards;
  172.  
  173. -webkit-animation-duration:1s;
  174. -moz-animation-duration:1s;
  175. animation-duration:1s;
  176. }
  177.  
  178. .fade-in.fadecontain {
  179. -webkit-animation-delay: 0.7s;
  180. -moz-animation-delay: 0.7s;
  181. animation-delay: 0.7s;
  182. }
  183. {/block:ifpagefadein}
  184.  
  185. #s-m-t-tooltip {
  186. max-width:150px;
  187. padding:5px 8px;
  188. margin:20px 14px 7px 10px;
  189. background-color:#fff;
  190. font-family:Calibri;
  191. font-size:10px;
  192. line-height:11px;
  193. letter-spacing:1px;
  194. text-transform:uppercase;
  195. color:{color:link};
  196. z-index:99999999;
  197. }
  198.  
  199. .tabs, .tabs1, .tabs2 {
  200. display:none;
  201. color:{color:slide menu text};
  202. z-index:9999999;
  203. height:373px;
  204. width:520px;
  205. padding:15px;
  206. font-size:14px;
  207. text-align:center;
  208. overflow:auto;
  209. }
  210.  
  211. .tabs a, .tabs1 a {
  212. color:{color:link} !important;
  213. padding:0px !important;
  214. width:0px !important;
  215. background-color:transparent !important;
  216. display:inline !important;
  217. }
  218.  
  219. .tabs a:hover, .tabs1 a:hover {
  220. color:{color:link hover} !important;
  221. }
  222.  
  223. .top, .top1, .top2 {
  224. z-index:1 !important;
  225. position:relative;
  226. background: rgba(255, 255, 255, 0.1) !important;
  227. }
  228.  
  229. .top {
  230. margin-top:-136px;
  231. }
  232.  
  233. .top1 {
  234. margin-top:-272px;
  235. }
  236.  
  237. .top2 {
  238. margin-top:-408px;
  239. }
  240.  
  241. .disappear {
  242. position:relative;
  243. z-index:-1;
  244. color:transparent !important;
  245. transition:0s !important;
  246. background: transparent !important;
  247. }
  248.  
  249. #link a {
  250. letter-spacing:1px;
  251. font-size:10px;
  252. border-bottom:1px solid {color:link};
  253. text-transform:uppercase;
  254. padding:20px 10px !important;
  255. width:40% !important;
  256. margin:10px;
  257. display:inline-block;
  258. }
  259.  
  260. #link {
  261. text-align:left;
  262. }
  263.  
  264. .container {
  265. width:550px;
  266. height:600px;
  267. position:fixed;
  268. margin-top:-300px;
  269. top:50%;
  270. margin-left:-275px;
  271. left:50%;
  272. overflow:hidden;
  273. background:transparent;
  274. border:1px solid {color:border};
  275. }
  276.  
  277. .in {
  278. height:540px;
  279. width:550px;
  280. overflow-y:auto;
  281. position:absolute;
  282. bottom:0px;
  283. right:0px;
  284. overflow-x:hidden;
  285. }
  286.  
  287. .links {
  288. position:absolute;
  289. bottom:0;
  290. height:540px;
  291. width:550px;
  292. z-index:9;
  293. left:-550px;
  294. background:rgba({RGBcolor:slide menu background},0.98);
  295. background-size:cover;
  296. -webkit-transition:0.5s;
  297. -moz-transition:0.5s;
  298. -ms-transition:0.5s;
  299. -o-transition:0.5s;
  300. }
  301.  
  302. .links a {
  303. display:block;
  304. padding:51px 0px;
  305. text-align:center;
  306. max-height:135px;
  307. color:{color:slide menu text};
  308. -webkit-transition:0.5s;
  309. -moz-transition:0.5s;
  310. -ms-transition:0.5s;
  311. -o-transition:0.5s;
  312. }
  313.  
  314. .links a:hover {
  315. color:{color:slide menu text};
  316. background: rgba(255, 255, 255, 0.1);
  317. -webkit-transition:0.5s;
  318. -moz-transition:0.5s;
  319. -ms-transition:0.5s;
  320. -o-transition:0.5s;
  321. }
  322.  
  323. .slide {
  324. left:0px;
  325. z-index:99;
  326. -webkit-transition:0.5s;
  327. -moz-transition:0.5s;
  328. -ms-transition:0.5s;
  329. -o-transition:0.5s;
  330. }
  331.  
  332. .side {
  333. font-size:28px;
  334. text-transform:uppercase;
  335. font-family: 'Raleway', sans-serif;
  336. font-weight:200;
  337. letter-spacing:5px;
  338. -webkit-transition:0.5s;
  339. -moz-transition:0.5s;
  340. -ms-transition:0.5s;
  341. -o-transition:0.5s;
  342. }
  343.  
  344. .about {
  345. width:90px;
  346. height:90px;
  347. border:10px solid {color:image border};
  348. margin:40px 0px 30px;
  349. }
  350.  
  351. ::-moz-selection { /* Code for Firefox */
  352. color: #fff;
  353. background:{color:selection};
  354. }
  355.  
  356. ::selection {
  357. color: #fff;
  358. background:{color:selection};
  359. }
  360.  
  361. pre {
  362. white-space: pre-wrap;
  363. white-space: -moz-pre-wrap;
  364. white-space: -pre-wrap;
  365. white-space: -o-pre-wrap;
  366. word-wrap: break-word;
  367. }
  368.  
  369. body {
  370. background:url({image:background}) no-repeat fixed;
  371. background-size:cover;
  372. font-family:arial;
  373. font-size:12px;
  374. color:{color:text};
  375. }
  376.  
  377. big {
  378. font-size:14px;
  379. }
  380.  
  381. small {
  382. font-size:11px;
  383. }
  384.  
  385. a {
  386. text-decoration:none;
  387. color:{color:link};
  388. -webkit-transition:0.5s;
  389. -moz-transition:0.5s;
  390. -ms-transition:0.5s;
  391. -o-transition:0.5s;
  392. }
  393.  
  394. a:hover {
  395. color:{color:link hover};
  396. }
  397.  
  398. blockquote {
  399. border-left:1px solid {color:blockquote};
  400. padding-left:10px;
  401. margin-left:15px;
  402. }
  403.  
  404. h2 {
  405. text-align:center;
  406. font-family: 'Raleway', sans-serif;
  407. font-weight:400;
  408. font-size:18px;
  409. text-transform:uppercase;
  410. letter-spacing:2px;
  411. margin:0px;
  412. margin-bottom:10px;
  413. color:{color:link};
  414. }
  415.  
  416. h2 a:hover {
  417. color:{color:link};
  418. }
  419.  
  420. /*header*/
  421. #header {
  422. width:530px;
  423. height:39px;
  424. padding:10px;
  425. position:fixed;
  426. background:transparent;
  427. border-bottom:1px solid {color:border};
  428. -moz-box-shadow: inset 0px 0 0 0 rgba({RGBcolor:slide menu background},0.98);
  429. -webkit-box-shadow: inset 0px 0 0 0 rgba({RGBcolor:slide menu background},0.98);
  430. box-shadow: inset 0px 0 0 0 rgba({RGBcolor:slide menu background},0.98);
  431. -webkit-transition:0.5s;
  432. -moz-transition:0.5s;
  433. -ms-transition:0.5s;
  434. -o-transition:0.5s;
  435. }
  436.  
  437. .headclick {
  438. -moz-box-shadow: inset 550px 0 0 0 rgba({RGBcolor:slide menu background},0.98) !important;
  439. -webkit-box-shadow: inset 550px 0 0 0 rgba({RGBcolor:slide menu background},0.98) !important;
  440. box-shadow: inset 550px 0 0 0 rgba({RGBcolor:slide menu background},0.98) !important;
  441. -webkit-transition:0.5s;
  442. -moz-transition:0.5s;
  443. -ms-transition:0.5s;
  444. -o-transition:0.5s;
  445. }
  446.  
  447. #title {
  448. font-size:28px;
  449. width:100%;
  450. margin-top:5px;
  451. color:{color:title};
  452. text-transform:uppercase;
  453. letter-spacing:3px;
  454. font-family: 'Raleway', sans-serif;
  455. max-height:31px;
  456. overflow:hidden;
  457. }
  458.  
  459. #title a {
  460. color:{color:title};
  461. font-weight:200;
  462. }
  463.  
  464. #title a:hover {
  465. letter-spacing:5px;
  466. }
  467.  
  468. /*all posts*/
  469. #postage {
  470. width:400px;
  471. margin-left:auto;
  472. margin-right:auto;
  473. margin-top:50px;
  474. margin-bottom:50px;
  475. background-color:{color:posts background};
  476. padding:20px;
  477. {block:ifpostsshadow}
  478. -moz-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  479. -webkit-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  480. box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  481. {/block:ifpostsshadow}
  482. }
  483.  
  484. #ask_form {
  485. height: 265px!important;
  486. margin-top:15px;
  487. }
  488.  
  489. #postage img {
  490. max-width:100%;
  491. }
  492.  
  493. #text p {
  494. margin-top:0px;
  495. }
  496.  
  497. /*quote posts*/
  498. #words {
  499. font-style:italic;
  500. font-size:15px;
  501. }
  502.  
  503. .source {
  504. text-align:right;
  505. margin-top:10px;
  506. }
  507.  
  508. /*chat posts*/
  509. #chat ul {
  510. list-style:none;
  511. margin-left:-40px;
  512. margin-top:0px;
  513. }
  514.  
  515. /*audio posts*/
  516. #audioplayer {
  517. width:30px;
  518. height:30px;
  519. overflow:hidden;
  520. margin-left:11px;
  521. position:absolute;
  522. margin-top:11px;
  523. }
  524.  
  525. .audiobg {
  526. width:50px;
  527. height:50px;
  528. border-radius:50%;
  529. border:1px solid {color:link};
  530. }
  531.  
  532. /*permalink*/
  533. ol.notes::-webkit-scrollbar-thumb {
  534. background-color: {color:link};
  535. }
  536.  
  537. ol.notes {
  538. padding:0px 5px 5px;
  539. list-style-type: none;
  540. width: 405px;
  541. margin-left:10px;
  542. max-height:145px;
  543. overflow:auto;
  544. }
  545.  
  546. ol.notes li.note {
  547. text-align:left;
  548. line-height:180%;
  549. }
  550.  
  551. ol.notes li.note blockquote {
  552. margin-top:5px;
  553. margin-left:15px;
  554. }
  555.  
  556. ol.notes li.note img.avatar {
  557. display:none;
  558. }
  559.  
  560. #permabox {
  561. {block:ifpostsshadow}
  562. -moz-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  563. -webkit-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  564. box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  565. {/block:ifpostsshadow}
  566. }
  567.  
  568. /*ask posts*/
  569. #asker {
  570. background-color:{color:text};
  571. padding:10px;
  572. color:{color:posts background};
  573. text-transform:uppercase;
  574. font-family:'Raleway', sans-serif;
  575. font-size:11px;
  576. letter-spacing:1px;
  577. line-height:150%;
  578. }
  579.  
  580. #asker a, #asker a:hover {
  581. color:{color:posts background};
  582. }
  583.  
  584. #asker a:hover {
  585. text-decoration:underline;
  586. }
  587.  
  588. /*info*/
  589. .info {
  590. text-transform:uppercase;
  591. width:400px;
  592. font-size:10px;
  593. font-family:calibri;
  594. letter-spacing:1px;
  595. margin-top:15px;
  596. }
  597.  
  598. .floats {
  599. float:right;
  600. }
  601.  
  602. .floats a {
  603. margin-left:8px;
  604. }
  605.  
  606. .tags {
  607. width:400px;
  608. max-width:100%;
  609. word-break: break-all;
  610. }
  611.  
  612. .tags a {
  613. font-size:10px;
  614. margin:0px 5px;
  615. max-width:100%;
  616. }
  617.  
  618. .tags a:first-child {
  619. margin-left:0px;
  620. }
  621.  
  622. .pag {
  623. width:400px;
  624. padding:20px;
  625. margin-left:auto;
  626. margin-right:auto;
  627. background-color:{color:posts background};
  628. margin-bottom:50px;
  629. text-align:center;
  630. font-family:'Raleway', sans-serif;
  631. text-transform:uppercase;
  632. font-size:12px;
  633. letter-spacing:2px;
  634. {block:ifpostsshadow}
  635. -moz-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  636. -webkit-box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  637. box-shadow:5px 5px 0px rgba({RGBcolor:post shadow color},0.4);
  638. {/block:ifpostsshadow}
  639. }
  640.  
  641. /*CREDIT, DO NOT TOUCH*/
  642. .credit {
  643. position:fixed;
  644. color:{color:link};
  645. right:10px;
  646. bottom:10px;
  647. background-color:#fff;
  648. padding:4px;
  649. border-radius:50%;
  650. font-size:12px;
  651. }
  652.  
  653. .credit:hover {
  654. color:{color:link};
  655. }
  656.  
  657.  
  658. {CustomCSS}
  659. </style>
  660. </head>
  661. <body>
  662.  
  663. <div class="container">
  664.  
  665. <div class="links">
  666. <a href="/" class="close">
  667. <span class="side">home</span></a>
  668.  
  669. <a href="javascript:;" class="one">
  670. <span class="side">about</span></a>
  671. <div class="tabs">
  672. {block:ifDescriptionImage}
  673. <img class="about" src="{image:description image}"><br>
  674. {/block:ifDescriptionImage}
  675. <div style="text-align:justify;">
  676. {Description}
  677. </div>
  678. </div>
  679.  
  680. <a href="javascript:;" class="two">
  681. <span class="side">ask</span></a>
  682. <div class="tabs1">
  683. {text:ask box description}
  684.  
  685. <iframe frameborder="0" height="200px" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="96%" style="margin-top:15px"></iframe>
  686.  
  687. </div>
  688. <a href="javascript:;" class="three">
  689. <span class="side">links</span></a>
  690. <div class="tabs2" id="link">
  691. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  692. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  693. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  694. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  695. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  696. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  697. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  698. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  699. </div>
  700. </div> <!--links-->
  701.  
  702. <div id="header" class="fade-in fadecontain">
  703.  
  704. <div id="title" class="{select:title align}"><a href="javascript:;" class="click" title="click!">{Title}</a></div>
  705.  
  706. </div> <!--sidebar-->
  707.  
  708. <div class="in fade-in fadecontain">
  709. {block:Posts}
  710. <div id="postage">
  711.  
  712. {block:Text}
  713. <div id="text">
  714. <h2>{Title}</h2>
  715. {Body}
  716. </div> <!--text post-->
  717. {/block:Text}
  718.  
  719. {block:Photo}
  720. <div id="photo">
  721. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  722. {block:ifhidecaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifhidecaptions}
  723. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions}
  724. </div> <!--photo post-->
  725. {/block:Photo}
  726.  
  727. {block:Panorama}
  728. <div id="panorama">
  729. {LinkOpenTag}
  730. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  731. {LinkCloseTag}
  732. {block:ifhidecaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifhidecaptions}
  733. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions}
  734. <div class="caption">{Caption}</div>
  735. {/block:Caption}
  736. </div> <!--panorama post-->
  737. {/block:Panorama}
  738.  
  739. {block:Photoset}
  740. <div id="photoset">
  741. {Photoset-400}
  742. {block:ifhidecaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifhidecaptions}
  743. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions}
  744. </div> <!--photoset-->
  745. {/block:Photoset}
  746.  
  747. {block:Quote}
  748. <div id="words">"{Quote}"</div>
  749. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  750. {/block:Quote}
  751.  
  752. {block:Link}
  753. <a href="{URL}" {Target}><h2 style="font-size:20px; display:block; padding:10px; border:1px solid {color:link}">{Name}</h2></a>
  754. {block:Description}
  755. {Description}
  756. {/block:Description}
  757. {/block:Link}
  758.  
  759. {block:Chat}
  760. <div id="chat">
  761. <h2>{Title}</h2>
  762. <ul>
  763. {block:Lines}
  764. <li class="{Alt} user_{UserNumber}">
  765. {block:Label}
  766. {Label}
  767. {/block:Label}{Line}
  768. </li>
  769. {/block:Lines}
  770. </ul>
  771. </div> <!--chat-->
  772. {/block:Chat}
  773.  
  774. {block:Video}
  775. {block:PostTitle}<h2><a href="{Permalink}">{PostTitle}</a></h2>{/block:PostTitle}
  776. {Video-400}
  777. {block:ifhidecaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifhidecaptions}
  778. {block:ifnothidecaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifnothidecaptions}
  779. {/block:Video}
  780.  
  781. {block:Audio}
  782. <div style="margin-bottom:10px">
  783. <table style="margin-bottom:5px;">
  784. <tr>
  785. <td style="vertical-align:middle;padding-right:10px;"><div class="audiobg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  786. </td>
  787. <td style="vertical-align:middle; font-size:14px; letter-spacing:1px; line-height:14px; font-family:'Raleway', sans-serif;">{block:TrackName}{TrackName}{/block:TrackName}
  788. {block:Artist}- {Artist}{/block:Artist}
  789. </td>
  790. </tr>
  791. </table>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  792. </div> <!--audio-->
  793. {/block:Audio}
  794.  
  795. {block:Answer}
  796. <div id="asker">
  797. {Asker} asked:<br>
  798. {Question}
  799. </div>
  800. <p>{block:Answerer}{Answerer} replied: <br><blockquote>{Answer}</blockquote>{/block:Answerer}</p>
  801. {Replies}
  802. {/block:Answer}
  803.  
  804. {block:Date}
  805. <div class="info">
  806. <span style="text-align:left">
  807. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} </span><span class="floats">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}<a href="{ReblogURL}" target="_blank">reblog</a></span>
  808. {/block:Date}
  809. {block:HasTags}
  810. <div class="tags">
  811. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  812. </div>
  813. {/block:HasTags}
  814. </div> <!--info-->
  815.  
  816. </div> <!--postage-->
  817.  
  818. <!---permalink---->
  819. {block:PermalinkPage}
  820. {block:PostNotes}
  821. <div id="permabox" style="line-height: 10px; letter-spacing: 1px; width: 440px; margin-top:50px; margin-bottom:50px; font-size:10px; max-height:180px; padding:5px 0px; background-color: {color:posts background}; margin-left:auto; margin-right:auto">
  822. <div class="notes">{PostNotes}</div>
  823. </div>
  824. {/block:PostNotes}
  825. {/block:PermalinkPage}
  826. <!---permalink--->
  827.  
  828.  
  829. {/block:Posts}
  830.  
  831. <!---pagination--->
  832. {block:Pagination}
  833. <div class="pag">
  834. {block:PreviousPage}
  835. <a href="{PreviousPage}">back - </a>
  836. {/block:PreviousPage}
  837. {block:NextPage}
  838. <a href="{NextPage}">next</a>
  839. {/block:NextPage}
  840. </div>
  841. {/block:Pagination}
  842. <!---end pagination--->
  843.  
  844. </div>
  845.  
  846. </div>
  847.  
  848. <!-----CREDIT, DO NOT TOUCH---->
  849. <a href="http://gloriousponds.co.vu" class="credit" title="theme by clarascapaldis"><i class="fa fa-code"></i></a>
  850.  
  851. </body>
  852. </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!