API tools faq
paste
azurethemes

12::hanging tree

azurethemes
Jun 15th, 2016
721
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.12 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. ---- @ DADDYTHEMES ----
  4. theme #12
  5. hanging tree
  6. published for
  7. public.
  8. keep the credit.
  9. dont steal.
  10. dont claim as own.
  11. dont be an asshole.
  12. (=ﾟωﾟ)ﾉ
  13.  
  14. --->
  15. <!--start html-->
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  18. <!-----custom google fonts---->
  19. <script type="text/javascript">
  20. WebFontConfig = {
  21. google: { families: [ 'Roboto:400,500,700:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Bitter:400,400italic,700:latin' , 'Roboto+Condensed:400,400italic,700,700italic:latin', 'Josefin+Sans:400,400italic,600,700,600italic,700italic:latin', 'Fjalla+One::latin','Mitr:400,500,600,700', 'Prompt:400,400i,500,500i,600,600i,700,700i' ] }
  22. };
  23. (function() {
  24. var wf = document.createElement('script');
  25. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  26. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  27. wf.type = 'text/javascript';
  28. wf.async = 'true';
  29. var s = document.getElementsByTagName('script')[0];
  30. s.parentNode.insertBefore(wf, s);
  31. })(); </script>
  32. <!--tooltips-->
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  34. <script>
  35. (function($){
  36. $(document).ready(function(){
  37. $("a[title]").style_my_tooltips({
  38. tip_follows_cursor:true,
  39. tip_delay_time:10,
  40. tip_fade_speed:400,
  41. attribute:"title"
  42. });
  43. });
  44. })(jQuery);
  45. </script>
  46. <!--back to top button-->
  47. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  48. <script>
  49. $(document).ready(function(){
  50.  
  51. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  52. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  53. $("body").append(back_to_top_button)
  54.  
  55. // Der Button wird ausgeblendet
  56. $(".back-to-top").hide();
  57.  
  58. // Funktion für das Scroll-Verhalten
  59. $(function () {
  60. $(window).scroll(function () {
  61. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  62. $('.back-to-top').fadeIn();
  63. } else {
  64. $('.back-to-top').fadeOut();
  65. }
  66. });
  67.  
  68. $('.back-to-top').click(function () { // Klick auf den Button
  69. $('body,html').animate({
  70. scrollTop: 0
  71. }, 800);
  72. return false;
  73. });
  74. });
  75.  
  76. });
  77. </script>
  78. </script>
  79. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  80. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  81. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  82. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  83. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  84. <head>
  85. <title>{Title}</title>
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89. <!--all colors-->
  90. <meta name="color:background" content="#f6f6f6"/>
  91. <meta name="color:text" content="#888888"/>
  92. <meta name="color:links" content="#888888"/>
  93. <meta name="color:border" content="#888888"/>
  94. <meta name="color:posts" content="#ffffff">
  95. <meta name="color:scrollbar" content="#eeeeee">
  96. <meta name="color:asks" content="#eeeeee">
  97. <meta name="color:hover" content="#cccccc">
  98. <meta name="color:accent" content="#eeeeee">
  99. <!--images-->
  100. <meta name="image:background" content=""/>
  101. <meta name="image:icon" content=""/>
  102. <!--texts-->
  103. <meta name="text:title" content="The Hanging Tree"/>
  104. <!--sidebar links-->
  105. <meta name="text:link one" content="link one">
  106. <meta name="text:link two" content="link two">
  107. <meta name="text:link three" content="link three">
  108. <meta name="text:link one url" content="/">
  109. <meta name="text:link two url" content="/">
  110. <meta name="text:link three url" content="/">
  111. <!--custom css-->
  112. <style type="text/css">
  113. /*tumblr controls*/
  114. .tmblr-iframe {
  115. top:0px!important;
  116. position:fixed!important;
  117. opacity:0.5;
  118. width: calc(40% - 30px);
  119. z-index:99999999999999!important;
  120. white-space:nowrap;
  121. transition-duration: 0.3s;
  122. -moz-transition-duration: 0.3s;
  123. -webkit-transition-duration: 0.3s;
  124. -o-transition-duration: 0.3s;
  125. }
  126. /*scrollbar*/
  127. ::-webkit-scrollbar-thumb{
  128. height:auto;
  129. border:2px solid {color:background};
  130. background-color:{color:scrollbar};
  131. }
  132. ::-webkit-scrollbar{
  133. height:2px;
  134. border:2px solid {color:background};
  135. width:5px;
  136. }
  137. /*tooltips*/
  138. #s-m-t-tooltip{
  139. margin:13px 18px 6px 18px;
  140. padding:6px;
  141. background-color:{color:posts};
  142. font-family: 'montserrat', serif;
  143. border:1px solid {color:accent};
  144. font-weight:500;
  145. font-size:9px;
  146. text-transform:uppercase;
  147. letter-spacing:0px;
  148. color:{color:text};
  149. z-index:999999999999999999999999999999999999;
  150. transition:0.3s ease-in-out;
  151. -webkit-transition:0.3s ease-in-out;
  152. -moz-transition:0.3s ease-in-out;
  153. -ms-transition:0.3s ease-in-out;
  154. -o-transition:0.3s ease-in-out;
  155. }
  156. /*body basics*/
  157. body{
  158. background-color:{color:background};
  159. background-image:url('{image:background}');
  160. background-attachment: fixed;
  161. background-repeat: repeat;
  162. font-weight:none;
  163. font-family: 'calibri', serif;
  164. font-size:11px;
  165. text-align:justify;
  166. color:{color:text};
  167. margin:0;
  168. }
  169. a{
  170. text-decoration:none;
  171. color:{color:links};
  172. -moz-transition-duration:0.5s;
  173. -webkit-transition-duration:0.5s;
  174. -o-transition-duration:0.5s;
  175. transition: all 0.3s ease-out;
  176. }
  177. a:hover{
  178. text-decoration:none;
  179. color:{color:hover};
  180. -moz-transition-duration:0.5s;
  181. -webkit-transition-duration:0.5s;
  182. -o-transition-duration:0.5s;
  183. transition: all 0.3s ease-out;
  184. }
  185. img {
  186. }
  187. blockquote {
  188. font-size:10px;
  189. width:auto;
  190. border-left:2px solid {color:border};
  191. text-align:left;
  192. padding:1px;
  193. font-weight:none;
  194. margin-top:10px;
  195. margin-left:0px;
  196. padding-top:0.5px;
  197. padding-bottom:0.5px;
  198. font-size:11px;
  199. font-family: 'calibri', sans-serif;
  200. margin-right:20px;
  201. padding-left:15px;
  202. color:{color:text};
  203. }
  204. pre{
  205. font-size:9px;
  206. text-align:center;
  207. text-transform:none;
  208. font-family: 'Bitter', serif;
  209. font-weight:bold;
  210. line-height:9px;
  211. border-left:1px solid #eee;
  212. border-bottom:1px solid #eee;
  213. letter-spacing:2px;
  214. background-color:{color:posts};
  215. color:{color:text};
  216. padding:6px;
  217. }
  218. small{
  219. font-size:9px;
  220. font-family: 'calibri', sans-serif;
  221. }
  222. big{
  223. font-size:12px;
  224. font-family: 'calibri', sans-serif;
  225. font-weight:700;
  226. }
  227. sub{
  228. font-size:8px;
  229. letter-spacing:0px;
  230. font-weight:800;
  231. font-family: 'calibri', sans-serif;
  232. }
  233. h1 {
  234. font-size:13px;
  235. text-align:center;
  236. font-family: 'Montserrat', sans-serif;
  237. letter-spacing:1px;
  238. text-transform:uppercase;
  239. font-weight:700;
  240. line-height:17px;
  241. border-bottom:1px solid #eee;
  242. color:{color:text};
  243. padding:7px;
  244. }
  245. h1 a{
  246. color:{color:text};
  247. }
  248. h2{
  249. color:{color:text};
  250. text-transform:uppercase;
  251. font-family: 'Montserrat', sans-serif;
  252. text-align:left;
  253. }
  254. b {
  255. font-weight:bold;
  256. font-family: 'roboto', sans-serif;
  257. color:{color:text};
  258. }
  259. i {
  260. font-weight:italic;
  261. color:{color:text};
  262. }
  263. dy {
  264. color:{color:text};
  265. font-weight:400;
  266. }
  267. pb {
  268. color:{color:links};
  269. text-transform:uppercase;
  270. font-family: 'roboto', sans-serif;
  271. font-size:8px
  272. font-weight:bold;
  273. }
  274. am {
  275. color:{color:text};
  276. font-size:22px;
  277. padding:8px;
  278. padding-top:2px;
  279. text-transform:uppercase;
  280. font-family: 'roboto', sans-serif;
  281. letter-spacing:0px;
  282. font-weight:500;
  283. }
  284. u {
  285. text-decoration:none;
  286. color:{color:text};
  287. padding:3px;
  288. border-bottom:1px solid {color:border};
  289. }
  290. in {
  291. text-decoration:none;
  292. color:{color:text};
  293. padding:10px;
  294. }
  295. lin {
  296. letter-spacing:-3.5px;
  297. font-weight:200;
  298. padding:6px;
  299. font-size:27px;
  300. color:{color:border};
  301. font-family:calibri;
  302. }
  303. /*sidebar links*/
  304. .links {
  305. width:90px;
  306. overflow:hidden;
  307. cursor:pointer;
  308. left:467px;
  309. opacity:1;
  310. z-index:9999999999;
  311. padding:10px;
  312. position:fixed;
  313. top:200px;
  314. text-align:left;
  315. }
  316. .links #all {
  317. margin-right:135px;
  318. margin-top:-7px;
  319. padding:5px;
  320. transition-duration: 0.3s;
  321. -moz-transition-duration: 0.3s;
  322. -webkit-transition-duration: 0.3s;
  323. -o-transition-duration: 0.3s;
  324. }
  325. .links #all a:hover {
  326. color:{color:hover};
  327. transition-duration: 0.3s;
  328. -moz-transition-duration: 0.3s;
  329. -webkit-transition-duration: 0.3s;
  330. -o-transition-duration: 0.3s;
  331. }
  332. .links a {
  333. width:90px;
  334. height:20px;
  335. margin-bottom:0px;
  336. line-height:20px;
  337. text-align:right;
  338. text-transform:uppercase;
  339. padding:5px;
  340. margin-left:0px;
  341. border-bottom:1px solid {color:border};
  342. color:{color:links};
  343. z-index:99999;
  344. font-weight:600;
  345. font-family: 'Prompt', sans-serif;
  346. letter-spacing:0px;
  347. font-size:8px;
  348. display:inline-block;
  349. -webkit-transition: all 0.3s ease-in-out;
  350. -moz-transition: all 0.3s ease-in-out;
  351. -o-transition: all 0.3s ease-in-out;
  352. -ms-transition: all 0.3s ease-in-out;
  353. transition: all 0.3s ease-in-out;
  354. }
  355. .links #all a:hover {
  356. letter-spacing:2px;
  357. -webkit-transition: all 0.3s ease-in-out;
  358. -moz-transition: all 0.3s ease-in-out;
  359. -o-transition: all 0.3s ease-in-out;
  360. -ms-transition: all 0.3s ease-in-out;
  361. transition: all 0.3s ease-in-out;
  362. }
  363. #titlee{
  364. width:285px;
  365. height:25px;
  366. top:20px;
  367. opacity:1;
  368. position:absolute;
  369. font-family: 'Prompt', sans-serif;
  370. letter-spacing:0px;
  371. text-align:center;
  372. font-weight:400;
  373. padding:6px;
  374. color:{color:text};
  375. text-transform:uppercase;
  376. line-height:15px;
  377. font-size:10px;
  378. left:600px;
  379. z-index:99999999;
  380. }
  381. /*icon image*/
  382. #iconn {
  383. position:fixed;
  384. margin-top:190px;
  385. padding:10px;
  386. margin-left:180px;
  387. background-color:transparent;
  388. z-index:9999999999999999;
  389. }
  390. #iconnimage {
  391. z-index:-99999;
  392. }
  393. #iconnimage img {
  394. width:65px;
  395. height:65px;
  396. left:505px;
  397. top:57px;
  398. border-radius:100px;
  399. position:fixed;
  400. background:{color:accent};
  401. opacity:1;
  402. z-index:99999999999999999;
  403. }
  404. #description {
  405. margin:5px;
  406. font-size:9px;
  407. top:130px;
  408. overflow:hidden;
  409. z-index:99999999999;
  410. position:fixed;
  411. left:474px;
  412. border-right:2px solid {color:border};
  413. width:90px;
  414. height:70px;
  415. text-align:right;
  416. font-weight:400;
  417. padding-right:7px;
  418. line-height:14px;
  419. font-family: 'Prompt', sans-serif;
  420. }
  421. /*back to top button*/
  422. .back-to-top {
  423. position: fixed;
  424. color:{color:text};
  425. bottom:13px;
  426. text-transform:uppercase;
  427. background:{color:background};
  428. left:13px;
  429. font-family: 'lato', sans-serif;
  430. font-size:9px;
  431. letter-spacing:0px;
  432. z-index:9999999999;
  433. font-weight:600;
  434. padding:10px;
  435. }
  436. /*jump pagination*/
  437. .pagination{
  438. font-family: 'roboto', sans-serif;
  439. margin-left:0px;
  440. width:300px;
  441. padding-top:-10px;
  442. letter-spacing:2px;
  443. padding-bottom:20px;
  444. font-size:13px;
  445. text-align:center;
  446. }
  447. .pagination a{
  448. padding:5px;
  449. font-family: 'roboto', sans-serif;
  450. font-weight:600;
  451. bottom:10px;
  452. margin-left:5px;
  453. color:{color:text};
  454. }
  455. .pagination a:hover{
  456. color:{color:hover};
  457. -moz-transition-duration:0.5s;
  458. -webkit-transition-duration:0.5s;
  459. -o-transition-duration:0.5s;
  460. transition: all 0.3s ease-out;
  461. }
  462. /*post notes*/
  463. ol.notes {
  464. padding: 0px;
  465. margin: 25px 0px;
  466. font-family:'montserrat',sans-serif;
  467. list-style-type: none;
  468. margin-top:-61px;
  469. background:{color:posts};
  470. margin-left:0px;
  471. width:550px;
  472. border-bottom: solid 1px {color:border};
  473. }
  474. ol.notes li.note {
  475. border-top: solid 1px {color:border};
  476. padding: 10px;
  477. }
  478. ol.notes li.note img.avatar {
  479. vertical-align: -10px;
  480. border-radius:100px;
  481. margin-left: 10px;
  482. padding:6px;
  483. width: 16px;
  484. height: 16px;
  485. }
  486. ol.notes li.note span.action {
  487. font-weight: 300;
  488. }
  489. ol.notes li.note .answer_content {
  490. font-weight: normal;
  491. }
  492. ol.notes li.note blockquote {
  493. border-color: {color:border};
  494. padding: 4px 10px;
  495. margin: 10px 0px 0px 25px;
  496. }
  497. ol.notes li.note blockquote a {
  498. text-decoration: none;
  499. }
  500. /*audio*/
  501. .audioartist {
  502. font-family:'roboto', sans-serif;
  503. font-size:10px;
  504. text-transform:lowercase;
  505. font-weight:600;
  506. }
  507. .audiotitle {
  508. font-family:'roboto', sans-serif;
  509. font-size:10px;
  510. text-transform:lowercase;
  511. font-weight:600;
  512. }
  513. .audioplayed {
  514. font-family:'roboto', sans-serif;
  515. font-size:10px;
  516. text-transform:lowercase;
  517. font-weight:600;
  518. }
  519. .audioplayr {
  520. width:400px;
  521. color:{color:text};
  522. background:{color:accent};
  523. }
  524. audioinfo {
  525. font-family:'roboto', sans-serif;
  526. font-size:10px;
  527. letter-spacing:2px;
  528. text-transform:lowercase;
  529. font-weight:300;
  530. }
  531. /*post styles*/
  532. .pcaption{
  533. font-family:'calibri', sans-serif;
  534. font-size:10px;
  535. margin-left:10px;
  536. letter-spacing:0px;
  537. text-transform:none;
  538. font-weight:400;
  539. }
  540. .psets{
  541. max-width:100%;
  542. margin-top:-13px;
  543. border-bottom:10px solid {color:posts};
  544. height:auto;
  545. -moz-transition-duration:0.5s;
  546. -webkit-transition-duration:0.5s;
  547. -o-transition-duration:0.5s;
  548. transition: all 0.3s ease-out;
  549. }
  550. .vsets{
  551. max-width:100%;
  552. margin-top:-13px;
  553. border-bottom:10px solid {color:posts};
  554. height:auto;
  555. -moz-transition-duration:0.5s;
  556. -webkit-transition-duration:0.5s;
  557. -o-transition-duration:0.5s;
  558. transition: all 0.3s ease-out;
  559. }
  560. /*posts*/
  561. #entries {
  562. margin-left:560px;
  563. margin-top:60px;
  564. z-index:999999999999;
  565. }
  566. #post {
  567. font-size:10px;
  568. width:300px;
  569. color:{color:text};
  570. border-radius:5px 5px 5px 5px;
  571. background-color:{color:posts};
  572. text-align:justify;
  573. z-index:99999;
  574. margin:40px;
  575. overflow:hidden;
  576. }
  577. #post img{
  578. max-width:100%;
  579. border-bottom:10px solid {color:posts};
  580. margin-top:-12px;
  581. height:auto;
  582. }
  583. /*post info*/
  584. #info {
  585. width:280px;
  586. height:25px;
  587. text-align:center;
  588. font-family: 'Prompt', sans-serif;
  589. text-transform:capitalize;
  590. margin-left:0px;
  591. font-size:9px;
  592. margin-top:-15px;
  593. overflow:hidden;
  594. font-style:none;
  595. font-weight:500;
  596. letter-spacing:0px;
  597. margin-bottom:3px;
  598. padding:10px;
  599. line-height:15px;
  600. background-color:{color:posts};
  601. color:{color:text};
  602. }
  603. #info a {
  604. text-align:center;
  605. font-family: 'Prompt', sans-serif;
  606. line-height:7px;
  607. color:{color:text};
  608. }
  609. #info a:hover{
  610. color:{color:hover};
  611. }
  612. #tags {
  613. text-align:center;
  614. opacity:0;
  615. font-size:9px;
  616. font-family: 'Prompt', sans-serif;
  617. margin-top:-61px;
  618. margin-left:0px;
  619. padding:5px;
  620. font-weight:500;
  621. margin-bottom:40px;
  622. width:290px;
  623. text-transform:capitalize;
  624. -moz-transition-duration:0.7s;
  625. -webkit-transition-duration:0.7s;
  626. -o-transition-duration:0.7s;
  627. transition: all 0.5s ease-out;
  628. }
  629. #tags a {
  630. padding:0px;
  631. margin-top:-3px;
  632. color:{color:text};
  633. line-height:12px;
  634. letter-spacing:0px;
  635. font-weight:none;
  636. text-align:left;
  637. font-size:9px;
  638. font-family: 'Prompt', sans-serif;
  639. display:inline-block;
  640. -moz-transition-duration:0.7s;
  641. -webkit-transition-duration:0.7s;
  642. -o-transition-duration:0.7s;
  643. transition: all 0.5s ease-out;
  644. }
  645. #tags a:hover {
  646. -moz-transition-duration:0.3s;
  647. -webkit-transition-duration:0.3s;
  648. -o-transition-duration:0.3s;
  649. color:{color:hover};
  650. }
  651. #post:hover #tags{
  652. margin-top:-10px;
  653. opacity:1;
  654. margin-bottom:10px;
  655. -moz-transition-duration:0.7s;
  656. -webkit-transition-duration:0.7s;
  657. -o-transition-duration:0.7s;
  658. transition: all 0.5s ease-out;
  659. }
  660. /*questions and answers*/
  661. #asking {
  662. margin-left:20px;
  663. margin-top:-35px;
  664. }
  665. #askingimage {
  666. }
  667. #askingimage img {
  668. margin-left:20px;
  669. width:30px;
  670. height:30px;
  671. border-radius:100px;
  672. margin-top:0px;
  673. }
  674. #question {
  675. padding:20px;
  676. padding-left:14px;
  677. margin-top:-32px;
  678. margin-left:10px;
  679. width:439px;
  680. font-family: 'roboto', sans-serif;
  681. color:{color:text};
  682. background-color:{color:asks};
  683. }
  684. #asker{
  685. margin-top:-66px;
  686. padding:1px;
  687. font-weight:300;
  688. font-size:11px;
  689. z-index:9999999999;
  690. color:{color:text};
  691. opacity:1;
  692. margin-left:14px;
  693. letter-spacing:0px;
  694. font-family: 'roboto', sans-serif;
  695. text-transform:lowercase;
  696. }
  697. #askerurl{
  698. margin-top:-19px;
  699. padding:1px;
  700. font-weight:500;
  701. font-size:10px;
  702. padding:7px;
  703. line-height:14px;
  704. height:13px;
  705. width:465px;
  706. z-index:9999999999;
  707. color:{color:text};
  708. opacity:1;
  709. margin-left:46px;
  710. padding-bottom:11px;
  711. letter-spacing:0px;
  712. font-family: 'Montserrat', sans-serif;
  713. text-transform:lowercase;
  714. }
  715. /*credit (u better leave this here u goof)*/
  716. #credit{
  717. position:fixed;
  718. font-size:8px;
  719. font-weight:600;
  720. height:20px;
  721. width:20px;
  722. opacity:1;
  723. border-radius:100px;
  724. right:13px;
  725. bottom:13px;
  726. letter-spacing:1px;
  727. line-height:26px;
  728. padding:5px;
  729. text-align:center;
  730. float:left;
  731. font-family: 'lato', sans-serif;
  732. color:{color:text};
  733. text-transform:uppercase;
  734. -moz-transition-duration:0.5s;
  735. -webkit-transition-duration:0.5s;
  736. -o-transition-duration:0.5s;
  737. transition: all 0.3s ease-out;
  738. }
  739. #credit:hover{
  740. opacity:0.5;
  741. -moz-transition-duration:0.5s;
  742. -webkit-transition-duration:0.5s;
  743. -o-transition-duration:0.5s;
  744. transition: all 0.3s ease-out;
  745. }
  746. {CustomCSS}</style>
  747. </head>
  748. <body>
  749. <!--basics-->
  750. <div id="sidebar">
  751. <div id="titlee"><lin>-------</lin> {text:title} <lin>-------</lin></div>
  752. <div id="description">{description}</div>
  753. <div id="iconnimage"><img src="{image:icon}"></a></div>
  754. <!--top bar links-->
  755. <div class="links">
  756. <div id="all">
  757. <a href="/">Index <i class="fa fa-angle-left"></i></a>
  758. <a href="/ask"> contact <i class="fa fa-angle-left"></i></a>
  759. <a href="{text:link one url}">{text:link one} <i class="fa fa-angle-left"></i></a>
  760. <a href="{text:link two url}">{text:link two} <i class="fa fa-angle-left"></i></a>
  761. <a href="{text:link three url}">{text:link three} <i class="fa fa-angle-left"></i></a>
  762. </div>
  763. </div>
  764. <!--posts and entries-->
  765. <div id="entries">
  766. {block:Posts}
  767. <div id="post">
  768. <!--texts-->
  769. {block:Text}
  770. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  771. {Body}
  772. {/block:Text}
  773. <!--question and answers-->
  774. {block:Answer}
  775. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  776. <div id="askerurl">{Asker} asked:</div>
  777. <div id="question">{Question}</div>
  778. {Answer}{/block:Answer}
  779. <!--quotes-->
  780. {block:Quote}
  781. {block:Quote}
  782. <h2>{Quote}</h2>
  783. <div align="right">
  784. {block:Source}<h1>-{Source}</h1>{/block:Source}
  785. </div>
  786. {/block:Quote}
  787. <!--links-->
  788. {block:Link}
  789. <h2><center><a href="{URL}">{Name}</center></a></h2>
  790. {block:Description}{Description}{/block:Description}
  791. {/block:Link}
  792. <!--chats-->
  793. {block:Chat}
  794. {block:Title}<h2>{Title}</h2>{/block:Title}
  795. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  796. {Line}</li>{/block:Lines}</ul>
  797. {/block:Chat}
  798. <!--photos-->
  799. {block:Photo}
  800. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  801. {block:Caption}<div class="pcaption"style="margin-top:10px;border-radius:5px 5px 5px 5px;">{Caption}</div>{/block:Caption}
  802. {/block:Photo}
  803. <!--photosets-->
  804. {block:Photoset}
  805. <div class="psets">{Photoset}</div>
  806. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  807. {/block:Photoset}
  808. <!--videos-->
  809. {block:Video}
  810. <div class="vsets">{Video}</div>
  811. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  812. {/block:Video}
  813. <!--audios-->
  814. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  815. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  816. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  817. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  818. </br>
  819. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  820. {/block:Audio}
  821. <!--info-->
  822. <div id="info">
  823. <div id="permalink">
  824. <a href="{Permalink}"><i class="fa fa-bookmark-o"></i> {DayOfMonth} {ShortMonth} {ShortYear} </a> <i class="fa fa-heart-o"></i> {NoteCountWithLabel}</br>
  825. {block:RebloggedFrom}
  826. {block:ContentSource}
  827. <a href="{ReblogParentURL}" title="{ReblogParentName}"><i class="fa fa-clock-o"></i></a> <a href="{SourceURL}"title="{ReblogRootName}"><i class="fa fa-edit"></i></a>
  828. {/block:ContentSource}
  829. {/block:RebloggedFrom}<a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-repeat"style="color:{color:text}"></i></a>
  830. </a></div></div>
  831. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}
  832. </div>
  833. {/block:HasTags}
  834. </div>
  835. {block:PostNotes} {PostNotes} {/block:PostNotes}
  836. {/block:Posts}
  837. {block:Pagination}
  838. <div class="pagination"style="{color:text}">
  839. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:links};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  840. {/block:Pagination}</div>
  841. </div>
  842. <!--credit (u better dont touch this here u goof)-->
  843. <div id="credit">
  844. <a href="http://ceesty.com/qNgV4R"title="daddythemes"><i class="fa fa-at" style="color:{color:credit};font-size:14px;margin-top:5px"></i></a>
  845. </div>
  846. </html>
  847. </body>
  848. <!-----end html---->
Add Comment
Please, Sign In to add comment
Public Pastes
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!