API tools faq
paste
Advertisement
heavenlydoctor

apollo

heavenlydoctor
May 25th, 2015
2,760
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--apollo by eurhipides. standard theme rules apply. for questions, visit elisionthemes.tumblr.com. enjoy! :)--->
  5.  
  6. <title>{Title}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/9y86jzv/74ynmikto/fonts.css" />
  11. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/9y86jzv/y8Wnp4zkx/cssmedia.css" />
  12.  
  13. <!-- meta stuffs go here -->
  14.  
  15. <meta name="color:background" content="#fff">
  16. <meta name="color:link" content="#9a9a9a">
  17. <meta name="color:link hover" content="#313131"/>
  18. <meta name="color:blockquote" content="#eaeaea"/>
  19. <meta name="color:borders" content="#eee"/>
  20. <meta name="color:scrollbar" content="#dadada"/>
  21. <meta name="color:text" content="#2e2e2e"/>
  22. <meta name="color:selection" content="#707070"/>
  23.  
  24. <meta name="if:Page Fade In" content="1"/>
  25. <meta name="if:Infinite Scroll" content="1"/>
  26. <meta name="if:Faded Image Effect" content="1"/>
  27.  
  28. <meta name="text:about text" content="here is your description text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur ornare ullamcorper. Nam vitae ipsum consectetur, hendrerit libero a, ornare nisl. Morbi semper metus et ligula aliquet dignissim. Suspendisse consequat in libero ut aliquam. Donec sed felis massa. Mauris faucibus risus sollicitudin, accumsan nibh vitae, bibendum dui. Ut libero nisl, vestibulum ut libero ac, semper condimentum risus. Donec sit amet lectus lectus. Sed sit amet tellus sed lacus lacinia scelerisque. Etiam id velit porta dolor congue blandit.">
  29. <meta name="text:Update 1 Title" content="Currently">
  30. <meta name="text:Update 1 content" content="things, things, things, things">
  31. <meta name="text:Update 2 Title" content="Networks">
  32. <meta name="text:Update 2 content" content="things, things, things, things">
  33. <meta name="text:Update 3 Title" content="About">
  34. <meta name="text:Update 3 content" content="things, things, things, things">
  35. <meta name="text:link 1" content="link 1">
  36. <meta name="text:link 1 url" content="">
  37. <meta name="text:link 2" content="link 2">
  38. <meta name="text:link 2 url" content="">
  39. <meta name="text:link 3" content="link 3">
  40. <meta name="text:link 3 url" content="">
  41. <meta name="text:link 4" content="link 4">
  42. <meta name="text:link 4 url" content="">
  43. <meta name="text:link 5" content="link 5">
  44. <meta name="text:link 5 url" content="">
  45.  
  46. <!-- metas end-->
  47.  
  48. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  49.  
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51.  
  52. <script>
  53.  
  54. (function($){
  55.  
  56. $(document).ready(function(){
  57.  
  58. $("a[title]").style_my_tooltips({
  59.  
  60. tip_follows_cursor:true,
  61.  
  62. tip_delay_time:100,
  63.  
  64. tip_fade_speed:300,
  65.  
  66. attribute:"title"
  67.  
  68. });
  69.  
  70. });
  71.  
  72. })(jQuery);
  73.  
  74. </script>
  75.  
  76. <script>
  77. $(document).ready(function(){
  78. $(".abt").click(function(){
  79. if ( $('.contab, .navtab').is(':visible') ) {
  80. $('.abtab').fadeToggle();
  81. $('.contab, .navtab').fadeOut();
  82. $('.cnt, .navi').removeClass('clicked');
  83. $('.abt').addClass('clicked');
  84. }
  85. else {
  86. $('.abtab').fadeToggle();
  87. $(this).toggleClass('clicked');
  88. }
  89. });
  90. });
  91. </script>
  92.  
  93. <script>
  94. $(document).ready(function(){
  95. $(".cnt").click(function(){
  96. if ( $('.abtab, .navtab').is(':visible') ) {
  97. $('.contab').fadeToggle();
  98. $('.abtab, .navtab').fadeOut();
  99. $('.abt, .navi').removeClass('clicked');
  100. $('.cnt').addClass('clicked');
  101. }
  102. else {
  103. $('.contab').fadeToggle();
  104. $(this).toggleClass('clicked');
  105. }
  106. });
  107. });
  108. </script>
  109.  
  110. <script>
  111. $(document).ready(function(){
  112. $(".navi").click(function(){
  113. if ( $('.abtab, .contab').is(':visible') ) {
  114. $('.navtab').fadeToggle();
  115. $('.abtab, .contab').fadeOut();
  116. $('.cnt, .abt').removeClass('clicked');
  117. $('.navi').addClass('clicked');
  118. }
  119. else {
  120. $('.navtab').fadeToggle();
  121. $(this).toggleClass('clicked');
  122. }
  123. });
  124. });
  125. </script>
  126.  
  127. <script>
  128. $(document).ready(function(){
  129. setTimeout(function() {
  130. $('.side').addClass('show');
  131. }, 1500);
  132. setTimeout(function() {
  133. $('#entries, .pag').addClass('show');
  134. }, 2300);
  135. });
  136. </script>
  137.  
  138. {block:IndexPage}
  139.  
  140. <script type="text/javascript" src="https://raw.githubusercontent.com/infinite-scroll/infinite-scroll/master/jquery.infinitescroll.js"></script>
  141.  
  142. <!------ S C R I P T S! ------>
  143.  
  144. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  145. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  146. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  147.  
  148. <script type="text/javascript">
  149. $(window).load(function(){
  150. if ($(window).width() > 1439) {
  151. var $wall = $('#entries');
  152. $wall.imagesLoaded(function(){
  153. $wall.masonry({
  154. itemSelector: '.posts',
  155. isAnimated : true
  156. });
  157. });
  158. $wall.infinitescroll({
  159. navSelector : "div#navigation",
  160. nextSelector : "div#navigation a#nextPage",
  161. itemSelector : '.posts',
  162. loadingImg : "",
  163. loadingText : " ",
  164. donetext : " ",
  165. extraScrollPx : 0,
  166. bufferPx : 10000,
  167. debug : false,
  168. errorCallback: function() {
  169. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  170. }},
  171. function( newElements ) {
  172. var $newElems = $( newElements );
  173. $newElems.hide();
  174. $newElems.imagesLoaded(function(){
  175. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  176. });
  177. }); $('#entries').show(500);
  178. }
  179. else {
  180. {block:ifInfiniteScroll}
  181. $('#entries').infinitescroll({
  182.  
  183. navSelector : "div.navigation",
  184. // selector for the paged navigation (it will be hidden)
  185. nextSelector : "div.navigation a:first",
  186. // selector for the NEXT link (to page 2)
  187. itemSelector : ".posts"
  188. // selector for all items you'll retrieve
  189. });
  190. {/block:ifInfiniteScroll}
  191. {block:ifnotInfiniteScroll}
  192. $('.pag').show();
  193. {/block:ifnotInfiniteScroll}
  194. }
  195. });
  196. </script>
  197.  
  198. <script language="JavaScript">
  199. function function1(){
  200. window.scrollTo(0,5);
  201. }
  202. function function2(){
  203. window.scroll(0,2);
  204. }
  205. </script>
  206. <!---- end masonry scripts -->
  207. {/block:IndexPage}
  208.  
  209. <style>
  210.  
  211. ::-webkit-scrollbar {width: 3px; height: 3px; background-color:#fff;}
  212. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  213.  
  214. @-webkit-keyframes fadeposts {
  215. 0% { opacity: 0; }
  216. 100% { opacity: 1; }
  217. }
  218. @-moz-keyframes fadeposts {
  219. 0% { opacity: 0; }
  220. 100% { opacity: 1; }
  221. }
  222.  
  223. @-o-keyframes fadeposts {
  224. 0% { opacity: 0; }
  225. 100% { opacity: 1; }
  226. }
  227. @keyframes fadeposts {
  228. 0% { opacity: 0; }
  229. 100% { opacity: 1; }
  230. }
  231.  
  232. #s-m-t-tooltip {
  233. max-width:150px;
  234. padding:5px 8px;
  235. margin:20px 14px 7px 10px;
  236. background-color:#fff;
  237. font-family:'Lato', sans-serif;
  238. font-size:10px;
  239. letter-spacing:1px;
  240. z-index:9999999999999999999999999999999999999999999999999;
  241. }
  242.  
  243. ::-moz-selection {
  244. color: #fff;
  245. background:{color:selection};
  246. }
  247.  
  248. ::selection {
  249. color: #fff;
  250. background:{color:selection};
  251. }
  252.  
  253. pre {
  254. white-space: pre-wrap;
  255. white-space: -moz-pre-wrap;
  256. white-space: -pre-wrap;
  257. white-space: -o-pre-wrap;
  258. word-wrap: break-word;
  259. }
  260.  
  261. body {
  262. background:{color:background};
  263. font-family:'Lato', sans-serif;
  264. font-size:12px;
  265. color:{color:text};
  266. }
  267.  
  268. big {
  269. font-size:14px;
  270. }
  271.  
  272. small {
  273. font-size:11px;
  274. }
  275.  
  276. a {
  277. text-decoration:none;
  278. color:{color:link};
  279. -webkit-transition:0.5s;
  280. -moz-transition:0.5s;
  281. -ms-transition:0.5s;
  282. -o-transition:0.5s;
  283. }
  284.  
  285. a:hover {
  286. color:{color:link hover};
  287. }
  288.  
  289. blockquote {
  290. border-left:1px solid {color:blockquote};
  291. padding-left:10px;
  292. margin-left:10px;
  293. }
  294.  
  295. h2 {
  296. font-size:14px;
  297. text-transform:capitalize;
  298. margin:10px 0px;
  299. font-weight:400;
  300. }
  301.  
  302. #con {
  303. {block:PermalinkPage}
  304. width:800px;
  305. {/block:PermalinkPage}
  306. top:50px;
  307. position:absolute;
  308. left:0px;
  309. bottom:0px;
  310. right:0;
  311. margin:0 auto;
  312. }
  313.  
  314. #entries {
  315. position:absolute !important;
  316. right:0;
  317. overflow-x:hidden;
  318. {block:PermalinkPage}
  319. width:600px;
  320. {/block:PermalinkPage}
  321. top:0;
  322. z-index:999999;
  323. }
  324.  
  325. .side {
  326. position:fixed;
  327. bottom:60px;
  328. width:200px;
  329. box-sizing:border-box;
  330. padding:16px 20px 10px 0px;
  331. border-right:1px solid {color:borders};
  332. font-family:'Lato', sans-serif;
  333. text-align:right;
  334. }
  335.  
  336. .pag, .side, #entries {
  337. {block:ifPageFadeIn}
  338. opacity:0;
  339. {/block:ifPageFadeIn}
  340. }
  341.  
  342. .side.show, #entries.show, .pag.show {
  343. opacity:1;
  344. {block:ifPageFadeIn}
  345. -webkit-animation:fadeposts 0.8s;
  346. -moz-animation:fadeposts 0.8s;
  347. -o-animation:fadeposts 0.8s;
  348. animation:fadeposts 0.8s;
  349. {/block:ifPageFadeIn}
  350. }
  351.  
  352. .title {
  353. font-size:18px;
  354. text-transform:uppercase;
  355. font-style:italic;
  356. font-family:'Lato', sans-serif;
  357. }
  358.  
  359. .nav {
  360. margin:10px;
  361. }
  362.  
  363. .nav a {
  364. display:block;
  365. font-style:italic;
  366. padding:6px 0px;
  367. text-transform:capitalize;
  368. }
  369.  
  370. .nav a:hover, .nav a.clicked {
  371. padding-right:5px;
  372. color:{color:link hover};
  373. }
  374.  
  375. .desc {
  376. margin:10px 0px;
  377. text-align:justify;
  378. line-height:150%;
  379. font-family:'Lato', sans-serif;
  380. }
  381.  
  382. .slide {
  383. position:fixed;
  384. {block:PermalinkPage}
  385. width:600px;
  386. {/block:PermalinkPage}
  387. height:100%;
  388. font-family:'Lato', sans-serif;
  389. margin-left:200px;
  390. box-sizing:border-box;
  391. bottom:0;
  392. overflow:auto;
  393. z-index:9999999;
  394. display:none;
  395. background:{color:background};
  396. }
  397.  
  398. .content {
  399. width:500px;
  400. padding:50px;
  401. margin:0px auto;
  402. }
  403.  
  404. #tumblr_controls {
  405. top:5px;
  406. position:fixed;
  407. right:10px;
  408. }
  409.  
  410. #bar {
  411. position:absolute;
  412. top:0;
  413. bottom:0;
  414. width:200px;
  415. left:0;
  416. z-index:99999;
  417. background:{color:background};
  418. }
  419.  
  420. .lt.title {
  421. font-size:12px;
  422. font-weight:bold;
  423. margin:10px 0px 3px;
  424. }
  425.  
  426. .likey:before {
  427. content:'';
  428. height:1px;
  429. position:relative;
  430. top:-3px;
  431. margin:0px 5px;
  432. width:20px;
  433. background:{color:link};
  434. display:inline-block;
  435. }
  436.  
  437. .likey {
  438. font-family:'Lato', sans-serif;
  439. font-size:11px;
  440. margin-bottom:12px;
  441. }
  442.  
  443. .navtab .likey a:after {
  444. content:',';
  445. }
  446.  
  447. .navtab .likey a {
  448. text-transform:capitalize;
  449. margin:0px 1px;
  450. }
  451.  
  452. .navtab .likey a:last-child:after {
  453. content:'.';
  454. }
  455.  
  456. .abtab p {
  457. line-height:150%;
  458. }
  459.  
  460. /*all posts*/
  461. .posts {
  462. width:400px;
  463. {block:PermalinkPage}
  464. margin-left:auto;
  465. float:none;
  466. margin-right:auto;
  467. margin-top:100px;
  468. margin-bottom:100px;
  469. {/block:PermalinkPage}
  470. }
  471.  
  472. #ask_form {
  473. height: 265px!important;
  474. margin-top:15px;
  475. }
  476.  
  477. .posts img, .html_photoset {
  478. max-width:400px;
  479. border-radius:3px;
  480. {block:ifFadedImageEffect}
  481. opacity:0.8;
  482. {/block:ifFadedImageEffect}
  483. {block:PermalinkPage}
  484. opacity:1;
  485. {/block:PermalinkPage}
  486. -webkit-transition:0.5s;
  487. -moz-transition:0.5s;
  488. -ms-transition:0.5s;
  489. -o-transition:0.5s;
  490. }
  491.  
  492. .posts:hover img, .posts:hover .html_photoset {
  493. opacity:1;
  494. }
  495.  
  496. #text p {
  497. margin-top:0px;
  498. }
  499.  
  500. .link {
  501. display:block;
  502. color:{color:link hover};
  503. }
  504.  
  505. .link:before {
  506. content:'';
  507. height:1px;
  508. position:relative;
  509. top:-4px;
  510. display:inline-block;
  511. width:25px;
  512. margin-right:8px;
  513. background:{color:text};
  514. }
  515.  
  516. /*quote posts*/
  517. #words {
  518. font-style:italic;
  519. font-size:15px;
  520. }
  521.  
  522. .source {
  523. margin-top:8px;
  524. font-size:11px;
  525. }
  526.  
  527. .source:before {
  528. content:'';
  529. height:1px;
  530. width:20px;
  531. margin-right:7px;
  532. background:{color:text};
  533. display:inline-block;
  534. position:relative;
  535. top:-3px;
  536. }
  537.  
  538. /*chat posts*/
  539. #chat ul {
  540. list-style:none;
  541. padding:0px;
  542. margin:0px;
  543. line-height:150%;
  544. }
  545.  
  546. .label {
  547. font-weight:bold;
  548. display:inline;
  549. }
  550.  
  551. /*audio posts*/
  552. #audioplayer {
  553. width:30px;
  554. height:30px;
  555. overflow:hidden;
  556. margin-left:7px;
  557. position:absolute;
  558. margin-top:7px;
  559. }
  560.  
  561. .audiobg {
  562. width:40px;
  563. height:40px;
  564. }
  565.  
  566. /*permalink*/
  567. ol.notes::-webkit-scrollbar-thumb {
  568. background-color: {color:link};
  569. }
  570.  
  571. ol.notes {
  572. padding:0px 5px 5px;
  573. list-style-type: none;
  574. width: 400px;
  575. overflow:auto;
  576. }
  577.  
  578. ol.notes li.note {
  579. text-align:left;
  580. line-height:180%;
  581. border-bottom:1px solid {color:borders};
  582. padding:5px 0px;
  583. }
  584.  
  585. ol.notes li.note blockquote {
  586. margin-top:5px;
  587. margin-left:15px;
  588. }
  589.  
  590. ol.notes li.note img.avatar {
  591. display:none;
  592. }
  593.  
  594. #permabox {
  595. line-height: 10px;
  596. letter-spacing: 1px;
  597. width: 400px;
  598. margin-top:-80px;
  599. margin-bottom:50px;
  600. font-size:10px;
  601. padding:5px 0px;
  602. margin-left:auto;
  603. margin-right:auto;
  604. {block:IndexPage}
  605. display:none;
  606. {/block:IndexPage}
  607. }
  608.  
  609. /*ask posts*/
  610. #asker {
  611. border-bottom:1px solid {color:borders};
  612. padding-bottom:10px;
  613. line-height:150%;
  614. }
  615.  
  616. .ask {
  617. text-transform:capitalize;
  618. }
  619.  
  620. .ask:before {
  621. content:'';
  622. height:1px;
  623. width:20px;
  624. background:{color:text};
  625. display:inline-block;
  626. margin-right:5px;
  627. position:relative;
  628. top:-3px;
  629. }
  630.  
  631. /*info*/
  632. .info {
  633. text-transform:uppercase;
  634. width:400px;
  635. padding:0px 10px;
  636. box-sizing:border-box;
  637. font-size:10px;
  638. letter-spacing:1px;
  639. margin-top:15px;
  640. padding-top:10px;
  641. border-top:1px solid {color:borders};
  642. }
  643.  
  644. .info span {
  645. opacity:0;
  646. {block:PermalinkPage}
  647. opacity:1;
  648. {/block:PermalinkPage}
  649. -webkit-transition:0.5s;
  650. -moz-transition:0.5s;
  651. -ms-transition:0.5s;
  652. -o-transition:0.5s;
  653. }
  654.  
  655. .posts:hover .info span {
  656. opacity:1;
  657. }
  658.  
  659. .tags {
  660. width:400px;
  661. max-width:100%;
  662. margin-top:5px;
  663. text-transform:capitalize;
  664. word-break: break-word;
  665. }
  666.  
  667. .tags:before {
  668. content:'';
  669. height:1px;
  670. width:0px;
  671. background:{color:text};
  672. position:relative;
  673. top:-3px;
  674. {block:PermalinkPage}
  675. width:25px;
  676. margin-right:3px;
  677. {/block:PermalinkPage}
  678. {block:IndexPage}
  679. margin-right:28px;
  680. {/block:IndexPage}
  681. display:inline-block;
  682. -webkit-transition:0.5s;
  683. -moz-transition:0.5s;
  684. -ms-transition:0.5s;
  685. -o-transition:0.5s;
  686. }
  687.  
  688. .posts:hover .tags:before {
  689. width:25px;
  690. margin-right:3px;
  691. -webkit-transition:0.4s 0.5s;
  692. -moz-transition:0.4s 0.5s;
  693. -ms-transition:0.4s 0.5s;
  694. -o-transition:0.4s 0.5s;
  695. }
  696.  
  697. .posts:hover .tags a, .posts:hover .tags span {
  698. opacity:1;
  699. -webkit-transition:0.5s 0.8s;
  700. -moz-transition:0.5s 0.8s;
  701. -ms-transition:0.5s 0.8s;
  702. -o-transition:0.5s 0.8s;
  703. }
  704.  
  705. .tags a, .tags span {
  706. font-size:10px;
  707. margin:0px 2px;
  708. opacity:0;
  709. text-transform:none;
  710. {block:PermalinkPage}
  711. opacity:1;
  712. {/block:PermalinkPage}
  713. -webkit-transition:0.5s;
  714. -moz-transition:0.5s;
  715. -ms-transition:0.5s;
  716. -o-transition:0.5s;
  717. }
  718.  
  719. .tags a:hover {
  720. font-style:italic;
  721. color:{color:link};
  722. }
  723.  
  724. .tags span {
  725. margin:0px;
  726. text-transform:capitalize;
  727. }
  728.  
  729. .tags a:after {
  730. content:',';
  731. }
  732.  
  733. .tags a:last-child:after {
  734. content:'';
  735. }
  736.  
  737. .tags a:first-child {
  738. margin-left:0px;
  739. }
  740.  
  741. .pag {
  742. line-height:45px;
  743. background:{color:background};
  744. height:45px;
  745. box-sizing:border-box;
  746. position:fixed;
  747. text-align:center;
  748. z-index:99999999999999999999999999;
  749. margin-left:200px;
  750. bottom:0px;
  751. {block:ifInfiniteScroll}
  752. display:none;
  753. {/block:ifInfiniteScroll}
  754. {block:ifnotInfiniteScroll}
  755. display:block;
  756. {/block:ifnotInfiniteScroll}
  757. text-transform:capitalize;
  758. letter-spacing:1px;
  759. }
  760.  
  761. .pag a {
  762. position:relative;
  763. padding:0px 3px;
  764. margin:0px 70px;
  765. }
  766.  
  767. .pag a:before {
  768. content:'';
  769. position:absolute;
  770. bottom:-3px;
  771. left:0;
  772. width:0px;
  773. height:1px;
  774. background:{color:link};
  775. -webkit-transition:0.5s;
  776. -moz-transition:0.5s;
  777. -ms-transition:0.5s;
  778. -o-transition:0.5s;
  779. }
  780.  
  781. .pag a:hover:before {
  782. width:100%;
  783. -webkit-transition:0.5s;
  784. -moz-transition:0.5s;
  785. -ms-transition:0.5s;
  786. -o-transition:0.5s;
  787. }
  788.  
  789. /*CREDIT, DO NOT TOUCH*/
  790. .credit {
  791. position:fixed;
  792. color:{color:link};
  793. right:10px;
  794. bottom:5px;
  795. font-family:arial;
  796. padding:4px;
  797. font-size:12px;
  798. z-index:9999999999999999999999999999999999999999999999999;
  799. }
  800.  
  801. .credit:hover {
  802. color:{color:link};
  803. transform:rotate(135deg);
  804. }
  805.  
  806. {CustomCSS}
  807. </style>
  808. </head>
  809. <body>
  810.  
  811. <div id="con">
  812.  
  813. <div id="bar">
  814. <div class="side">
  815. <div class="title">{Title}</div>
  816. <div class="nav">
  817. <a href="/"><b>01.</b> index</a>
  818. <a href="javascript:;" class="abt"><b>02.</b> about</a>
  819. <a href="javascript:;" class="cnt"><b>03.</b> contact</a>
  820. <a href="javascript:;" class="navi"><b>04.</b> navigation</a>
  821. </div>
  822. </div>
  823. </div>
  824.  
  825. <div class="slide abtab">
  826.  
  827. <div style="display:table;height:100%; width:100%">
  828. <div style="display:table-cell;height:100%;vertical-align:middle">
  829. <div class="content">
  830. <div class="title">about me</div>
  831. <div class="desc">{Description}</div>
  832. {block:ifAboutText}<p>{text:About Text}</p>{/block:ifAboutText}
  833.  
  834. {block:ifUpdate1Title}
  835. <div class="lt title">{text:Update 1 Title}</div>
  836. <div class="likey">{text:Update 1 Content}</div>
  837. {/block:ifUpdate1Title}
  838.  
  839. {block:ifUpdate2Title}
  840. <div class="lt title">{text:Update 2 Title}</div>
  841. <div class="likey">{text:Update 2 Content}</div>
  842. {/block:ifUpdate2Title}
  843.  
  844. {block:ifUpdate3Title}
  845. <div class="lt title">{text:Update 3 Title}</div>
  846. <div class="likey">{text:Update 3 Content}</div>
  847. {/block:ifUpdate3Title}
  848.  
  849. </div>
  850. </div>
  851. </div>
  852. </div>
  853.  
  854. <div class="slide contab">
  855.  
  856. <div style="display:table;height:100%; width:100%">
  857. <div style="display:table-cell;height:100%;vertical-align:middle">
  858. <div class="content">
  859. <div class="title">contact me</div>
  860.  
  861. <!----EDIT FAQ QUESTIONS---->
  862.  
  863. <!----to add more, copy and paste from here--->
  864. <div class="lt title">here is a question?</div>
  865. <div class="likey">here is an answer.</div>
  866. <!---to here---->
  867.  
  868. <div class="lt title">here is a question?</div>
  869. <div class="likey">here is an answer.</div>
  870.  
  871. <div class="lt title">here is a question?</div>
  872. <div class="likey">here is an answer.</div>
  873.  
  874. <div class="lt title">here is a question?</div>
  875. <div class="likey">here is an answer.</div>
  876.  
  877. <iframe frameborder="0" border="0" scrolling="no" width="450" height="190" allowtransparency="true" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; margin-top:10px; overflow:hidden;"></iframe>
  878.  
  879. </div>
  880. </div>
  881. </div>
  882. </div>
  883.  
  884. <div class="slide navtab">
  885.  
  886. <div style="display:table;height:100%; width:100%">
  887. <div style="display:table-cell;height:100%;vertical-align:middle">
  888. <div class="content">
  889. <div class="title">Navigation</div>
  890.  
  891. <div class="lt title">links</div>
  892.  
  893. <div class="likey">
  894. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  895. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  896. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  897. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  898. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  899. </div>
  900.  
  901.  
  902. <!---**EDIT TAGS HERE**---->
  903.  
  904. <!---first group of tags. to add more copy and paste from here--->
  905. <div class="lt title">tag title</div><!---tag title--->
  906.  
  907. <div class="likey">
  908. <a href="">first tag</a><!---tags-->
  909. <a href="">tags</a><!---tags--->
  910. <a href="">second tag</a><!---tags--->
  911. <a href="">tags</a><!---tags--->
  912. </div>
  913. <!---to here. end first group of tags--->
  914.  
  915. <!---second group of tags--->
  916. <div class="lt title">tags</div><!---tag title--->
  917.  
  918. <div class="likey">
  919. <a href="">first tag</a><!---tags-->
  920. <a href="">tags</a><!---tags--->
  921. <a href="">second tag</a><!---tags--->
  922. <a href="">tags</a><!---tags--->
  923. <a href="">even more tags</a><!---tags-->
  924. </div>
  925. <!---end second group of tags--->
  926.  
  927. <!---third group of tags--->
  928. <div class="lt title">tag title</div><!---tag title--->
  929.  
  930. <div class="likey">
  931. <a href="">first tag</a><!---tags-->
  932. <a href="">tags</a><!---tags--->
  933. <a href="">second tag</a><!---tags--->
  934. </div>
  935. <!---end third group of tags--->
  936.  
  937. </div>
  938. </div>
  939. </div>
  940. </div>
  941.  
  942. <div id="entries">
  943.  
  944. {block:ifInfiniteScroll}
  945. {block:IndexPage}<div class="column navigation" id="navigation">
  946. {block:Pagination}
  947. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  948. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  949. </div>{/block:IndexPage}
  950. {/block:ifInfiniteScroll}
  951.  
  952. {block:Posts}
  953.  
  954. <!-- {block:NoRebloggedFrom}
  955. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  956. {/block:NoRebloggedFrom} -->
  957.  
  958. {block:ContentSource}<!-- {SourceURL}
  959. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  960. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  961. {/block:ContentSource}
  962.  
  963. <div class="posts">
  964.  
  965. {block:Text}
  966. <h2>{Title}</h2>
  967. {Body}
  968. {/block:Text}
  969.  
  970. {block:Photo}
  971. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  972. {block:Caption}{Caption}{/block:Caption}
  973. {/block:Photo}
  974.  
  975. {block:Panorama}
  976. {LinkOpenTag}
  977. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  978. {LinkCloseTag}
  979. {block:Caption}{Caption}{/block:Caption}
  980. {/block:Panorama}
  981.  
  982. {block:Photoset}
  983. {Photoset-400}
  984. {block:Caption}{Caption}{/block:Caption}
  985. {/block:Photoset}
  986.  
  987. {block:Quote}
  988. <div id="words">{Quote}</div>
  989. {block:Source}<div class="source">{Source}</div>{/block:Source}
  990. {/block:Quote}
  991.  
  992. {block:Link}
  993. <a href="{URL}" {Target}><h2 class="link">{Name}</h2></a>
  994. {block:Description}
  995. {Description}
  996. {/block:Description}
  997. {/block:Link}
  998.  
  999. {block:Chat}
  1000. <div id="chat">
  1001. <h2>{Title}</h2>
  1002. <ul>
  1003. {block:Lines}
  1004. <li class="{Alt} user_{UserNumber}">
  1005. {block:Label}
  1006. <div class="label">{Label}</div>
  1007. {/block:Label}{Line}
  1008. </li>
  1009. {/block:Lines}
  1010. </ul>
  1011. </div> <!--chat-->
  1012. {/block:Chat}
  1013.  
  1014. {block:Video}
  1015. {block:PostTitle}<h2>{PostTitle}</h2>{/block:PostTitle}
  1016. {Video-400}
  1017. {block:Caption}{Caption}{/block:Caption}
  1018. {/block:Video}
  1019.  
  1020. {block:Audio}
  1021. <table>
  1022. <tr>
  1023. <td style="vertical-align:middle;padding-right:10px;"><div class="audiobg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  1024. </td>
  1025. <td style="vertical-align:middle;">{block:TrackName}{TrackName}{/block:TrackName}
  1026. {block:Artist}- {Artist}{/block:Artist}
  1027. </td>
  1028. </tr>
  1029. </table>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1030. {/block:Audio}
  1031.  
  1032. {block:Answer}
  1033. <div id="asker">
  1034. {Question}
  1035. <div class="ask">{Asker}</div>
  1036. </div>
  1037. <p>{block:Answerer}{Answerer} replied: <br><blockquote>{Answer}</blockquote>{/block:Answerer}</p>
  1038. {Replies}
  1039. {/block:Answer}
  1040.  
  1041. {block:Date}
  1042. <div class="info">
  1043. <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  1044. <span style="float:right">
  1045. {block:PermalinkPage}
  1046. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}" style="margin-right:5px">via</a>{/block:RebloggedFrom}
  1047. {block:ContentSource}<a href="{SourceURL}" style="margin-right:5px" title="{SourceTitle}">source</a>{/block:ContentSource}
  1048. {/block:PermalinkPage}
  1049. <a href="{Permalink}" style="margin-right:5px">{NoteCount}</a>
  1050. <a href="{ReblogURL}" target="_blank">reblog</a>
  1051. </span>
  1052. {block:HasTags}
  1053. <div class="tags">
  1054. <span>#:</span>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1055. </div>
  1056. {/block:HasTags}
  1057. </div> <!--info-->
  1058. {/block:Date}
  1059.  
  1060. </div> <!--postage-->
  1061.  
  1062. <!---permalink---->
  1063. {block:PostNotes}
  1064. <div id="permabox">
  1065. <div class="notes">
  1066. <div class="lt title">post notes</div>
  1067. {PostNotes}</div>
  1068. </div>
  1069. {/block:PostNotes}
  1070. <!---permalink--->
  1071.  
  1072.  
  1073. {/block:Posts}
  1074.  
  1075. </div><!----entries--->
  1076.  
  1077. <!---pagination--->
  1078. {block:Pagination}
  1079. <div class="pag">
  1080. {block:PreviousPage}
  1081. <a href="{PreviousPage}">back</a>
  1082. {/block:PreviousPage}
  1083. {block:NextPage}
  1084. <a href="{NextPage}">next</a>
  1085. {/block:NextPage}
  1086. </div>
  1087. {/block:Pagination}
  1088. <!---end pagination--->
  1089.  
  1090. </div><!---con-->
  1091.  
  1092. <!-----CREDIT, DO NOT TOUCH---->
  1093. <a href="http://astraeus.co.vu" class="credit" title="eurhipides">+</a>
  1094.  
  1095.  
  1096. </body>
  1097. </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!