API tools faq
paste
jasonmcann

Theme: Made

jasonmcann
Apr 20th, 2015
1,746
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #27 / by kwontae(tumblr.com) -
  5. don't take parts of this code.
  6. don't remove this comment.
  7. don't remove the credit.
  8. find more themes at:
  9. caulfielld.tumblr.com
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}
  16. {block:PostTitle} — {PostTitle}{/block:PostTitle}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <meta name="color:background" content="#ffffff" />
  22. <meta name="color:text" content="#999999" />
  23. <meta name="color:link" content="#444444" />
  24. <meta name="color:link Hover" content="#999999" />
  25. <meta name="color:scrollbar" content="#444444" />
  26. <meta name="color:border" content="#f5f5f5" />
  27. <meta name="color:blockquote" content="#f5f5f5" />
  28. <meta name="color:selection Bg" content="#444444" />
  29. <meta name="color:selection Text" content="#ffffff" />
  30. <meta name="color:bold" content="#444444" />
  31. <meta name="color:tabs bg" content="#fafafa" />
  32.  
  33. <meta name="text:tab 01 title" content="about">
  34. <meta name="text:tab 02 title" content="message">
  35. <meta name="text:tab 03 title" content="links">
  36. <meta name="text:tab 04 title" content="blogroll">
  37. <meta name="text:faq" content="Lorem ipsum dolor sit amet, consectetuer ADIPISCING ELIT.">
  38. <meta name="text:username" content="kwontae">
  39. <meta name="text:link 01 URL" content="/" />
  40. <meta name="text:link 01 title" content="Link 01">
  41. <meta name="text:link 02 URL" content="/" />
  42. <meta name="text:link 02 title" content="Link 02">
  43. <meta name="text:link 03 URL" content="/" />
  44. <meta name="text:link 03 title" content="Link 03">
  45. <meta name="text:link 04 URL" content="/" />
  46. <meta name="text:link 04 title" content="Link 04">
  47. <meta name="text:link 05 URL" content="/" />
  48. <meta name="text:link 05 title" content="Link 05">
  49. <meta name="text:link 06 URL" content="/" />
  50. <meta name="text:link 06 title" content="Link 06">
  51. <meta name="text:link 07 URL" content="/" />
  52. <meta name="text:link 07 title" content="Link 07">
  53. <meta name="text:link 08 URL" content="/" />
  54. <meta name="text:link 08 title" content="Link 08">
  55.  
  56. <meta name="if:infinite scrolling" content="0">
  57. <meta name="if:show caption" content="1">
  58. <meta name="if:bg image" content="0">
  59. <meta name="if:show videos" content="0">
  60.  
  61. <meta name="select:posts width" content="300" title="300px">
  62. <meta name="select:posts width" content="400" title="400px">
  63.  
  64. <meta name="image:background" content="">
  65.  
  66. <!--- extras --->
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  70.  
  71. <script type="text/javascript">
  72. $(document).ready(function(){
  73. $(window).scroll(function(){
  74. if ($(this).scrollTop() > 100) {
  75. $('.scrollup').fadeIn();
  76. } else {
  77. $('.scrollup').fadeOut();}});
  78. $('.scrollup').click(function(){
  79. $("html, body").animate({ scrollTop: 0 }, 600);
  80. return false;});});
  81. </script>
  82.  
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:false,
  88. tip_delay_time:20,
  89. tip_fade_speed:300,
  90. attribute:"title"
  91. });});})(jQuery);
  92. </script>
  93.  
  94. <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  95.  
  96. <script>
  97. $(function() {
  98. $( "#tabs" ).tabs();
  99. });
  100. </script>
  101.  
  102. <script>$(document).ready(function() {
  103. $("#tabs").tabs({
  104.  
  105. show: function(event, ui) {
  106.  
  107. var lastOpenedPanel = $(this).data("lastOpenedPanel");
  108.  
  109. if (!$(this).data("topPositionTab")) {
  110. $(this).data("topPositionTab", $(ui.panel).position().top)
  111. }
  112.  
  113. //Dont use the builtin fx effects. This will fade in/out both tabs, we dont want that
  114. //Fadein the new tab yourself
  115. $(ui.panel).hide().fadeIn(500);
  116.  
  117. if (lastOpenedPanel) {
  118.  
  119. // 1. Show the previous opened tab by removing the jQuery UI class
  120. // 2. Make the tab temporary position:absolute so the two tabs will overlap
  121. // 3. Set topposition so they will overlap if you go from tab 1 to tab 0
  122. // 4. Remove position:absolute after animation
  123. lastOpenedPanel
  124. .toggleClass("ui-tabs-hide")
  125. .css("position", "absolute")
  126. .css("top", $(this).data("topPositionTab") + "px")
  127. .fadeOut(500, function() {
  128. $(this)
  129. .css("position", "");
  130. });
  131.  
  132. }
  133.  
  134. //Saving the last tab has been opened
  135. $(this).data("lastOpenedPanel", $(ui.panel));
  136.  
  137. }
  138.  
  139. });
  140. });</script>
  141.  
  142. <script type="text/javascript">$(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/06) {
  143. $('#socialslide').show('slow');
  144. } else {$('#socialslide').hide('slow');}
  145. });
  146. function closesocialslide(){
  147. $('#socialslide').remove();
  148. ;}
  149. </script>
  150.  
  151. <script>
  152. $(document).ready(function(){
  153.  
  154. // hide #back-top first
  155. $("#back-top").hide();
  156.  
  157. // fade in #back-top
  158. $(function () {
  159. $(window).scroll(function () {
  160. if ($(this).scrollTop() > 0) {
  161. $('#back-top').fadeIn();
  162. } else {
  163. $('#back-top').fadeOut();
  164. }
  165. });
  166.  
  167. // scroll body to 0px on click
  168. $('#back-top a').click(function () {
  169. $('body,html').animate({
  170. scrollTop: 0
  171. }, 800);
  172. return false;
  173. });
  174. });
  175.  
  176. });
  177. </script>
  178.  
  179. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  180.  
  181. <link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  182.  
  183. <style type="text/css">
  184.  
  185. body {
  186. font:09px helvetica,sans-serif, cambria, calibri;
  187. margin:0;
  188. background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
  189. color:{color:text};}
  190.  
  191. a {
  192. color:{color:link};
  193. text-decoration: none;
  194. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  195. -o-transition:all 0.6s ease-in-out;/*opera*/
  196. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  197. -ms-transition:all 0.6s ease-in-out;/*ie*/
  198. transition:all 0.6s ease-in-out;/*w3c*/}
  199.  
  200. a:hover {
  201. color:{color:link hover};}
  202.  
  203. em, strong {
  204. color:{color:bold};}
  205.  
  206. blockquote {
  207. border-left: 1px solid {color:blockquote};
  208. padding-left: 5px;
  209. margin:05px;}
  210.  
  211. img {
  212. max-width: 100%;}
  213.  
  214. ol {
  215. list-style-type:lower-roman;}
  216.  
  217. /* credit to pohroro */
  218. sub, sup{
  219. font-size: 10px;}
  220.  
  221. .container {
  222. width:{select:posts width}px;
  223. {block:PermalinkPage}
  224. width:400px;
  225. {/block:PermalinkPage}
  226. margin: auto;
  227. position:relative;
  228. }
  229.  
  230. #entries {
  231. width:{select:posts width}px;
  232. {block:PermalinkPage}
  233. width:400px;
  234. {/block:PermalinkPage}
  235. position:relative;
  236. padding-top:120px;
  237. padding-bottom:0px;
  238. }
  239.  
  240. #posts {
  241. width:{select:posts width}px;
  242. {block:PermalinkPage}
  243. width:400px;
  244. {/block:PermalinkPage}
  245. overflow:hidden;
  246. word-wrap: break-word;
  247. {block:IndexPage}
  248. margin-bottom:60px;
  249. {/block:IndexPage}
  250. }
  251.  
  252. #posts .images{
  253. display:block;
  254. max-width:100%;}
  255.  
  256.  
  257. /* SIDEBAR */
  258. .sb-title{
  259. margin-bottom:0px;
  260. text-align:center;
  261. font:bold 30px 'Questrial', sans-serif;
  262. text-transform:uppercase;
  263. letter-spacing:2px;
  264. }
  265.  
  266. .sb-title a{
  267. color:{color:link};
  268. }
  269.  
  270. #sidebar {
  271. width:{select:posts width}px;
  272. height:auto;
  273. margin-left:00px;
  274. {block:PermalinkPage}
  275. width:300px;
  276. margin-left:-330px!important;
  277. position:fixed;
  278. {/block:PermalinkPage}
  279. margin-top:70px;
  280. {block:IndexPage}
  281. position:relative;
  282. {/block:IndexPage}
  283. }
  284.  
  285. #sidebar a:hover{
  286. font-style:italic;
  287. }
  288.  
  289. .sidebar-image img{
  290. display:none;}
  291.  
  292. /* DESCRIPTION */
  293. .descr {
  294. margin-top:5px;
  295. text-align:center;
  296. max-height:118px;
  297. overflow:auto;}
  298.  
  299. /* NAVIGATION / LINKS */
  300.  
  301. /* PAGINATION */
  302. /* PAGINATION */
  303. .pag {
  304. margin-bottom:120px;
  305. text-align:center;
  306. font:07px 'trebuchet ms';
  307. text-transform:uppercase;
  308. letter-spacing:1px;
  309. }
  310.  
  311. .jump_page {
  312. padding: 4px 6px;}
  313.  
  314. .current_page, .jump_page:hover {
  315. padding: 4px 6px;}
  316.  
  317. /* TEXT POSTS */
  318.  
  319. .text-title{
  320. font-size:18px;
  321. border-bottom:1px solid {color:border};
  322. padding:5px;
  323. }
  324.  
  325. /* QUOTE POSTS */
  326. .quote {
  327. padding:0;
  328. padding:5px;
  329. background-color:{color:tabs bg};
  330. border:1px solid {color:Border};
  331. }
  332.  
  333. .quotetext-short {
  334. font-size: 17px;}
  335.  
  336. .quotetext-medium {
  337. font-size: 13px;}
  338.  
  339. .quotetext-long {
  340. font-size: 10px;}
  341.  
  342. .quote-source {
  343. text-align:right;
  344. border-top:1px solid {color:border};
  345. margin-top:05px;
  346. padding-top:05px;
  347. }
  348.  
  349. /* CHAT POSTS */
  350. .odd, .even {
  351. margin:0!important;
  352. padding:10px;
  353. border-top:1px solid {color:border};}
  354.  
  355. .odd:first-child{
  356. border-top:0px;
  357. padding-top:05px;
  358. }
  359.  
  360. .cha{
  361. border:1px solid {color:border};
  362. padding:5px;
  363. }
  364.  
  365. /* AUDIO POSTS */
  366. .tumblr_audio_player {
  367. height:20px;
  368. width:20px;
  369. z-index:9999;
  370. margin:0;
  371. padding:10px;
  372. margin-left:20px;
  373. position:relative;
  374. float:left;
  375. background-color:white;}
  376.  
  377. .vid1{
  378. background-color: #dfeee6;
  379. color:white;
  380. height:42px;
  381. width:auto;
  382. }
  383.  
  384. .vid{
  385. text-align:center;
  386. font:italic 12px helvetica;
  387. line-height:100%;
  388. padding:14px;
  389. }
  390.  
  391. .vid1 a{
  392. color:white;
  393. }
  394.  
  395. /* VIDEO POSTS*/
  396. .tumblr_video_container {
  397. display:block;}
  398.  
  399. .video-container iframe{
  400. max-width:100%;
  401. max-height:{select:posts width}px;}
  402.  
  403. .video-container #youtube_iframe {
  404. max-height:calc({select:posts width}px / 1.6);}
  405.  
  406. .video-container .instagram-media {
  407. max-height:none!important;
  408. box-shadow:none!important;
  409. border:1px solid {color:borders}!important;
  410. width:calc({select:posts width}px - 3px)!important;}
  411.  
  412. .audio {
  413. height:42px;
  414. width:auto;
  415. border:1px solid {color:border};
  416. overflow:auto;
  417. max-height:42px;}
  418.  
  419. .au-info {
  420. text-align:center;
  421. font:italic 12px helvetica;
  422. line-height:100%;
  423. padding:14px;}
  424.  
  425. /* ASK POSTS */
  426. .askk {
  427. border-bottom:1px solid {color:border};
  428. padding-bottom:10px;}
  429.  
  430. .askk img {
  431. float:left;
  432. margin-right: 10px;
  433. }
  434.  
  435. /* CAPTION */
  436.  
  437. .caption, .ans{
  438. border:1px solid {color:border};
  439. padding:5px;
  440. margin-top:05px;
  441. background-color:{color:tabs bg};
  442. }
  443. .caption a{
  444. font:08px calibri;
  445. text-transform:uppercase;
  446. letter-spacing:1px;
  447. }
  448.  
  449. .caption img, .ans img{
  450. max-width:100%;
  451. height:auto;
  452. }
  453.  
  454. /* INFO */
  455. .posts-info{
  456. padding:3px;
  457. padding-left:0;
  458. padding-right:0;
  459. text-align:left;
  460. text-transform:lowercase;
  461. margin-bottom:05px;
  462. font:08px calibri;
  463. text-transform:uppercase;
  464. letter-spacing:1px;
  465. }
  466.  
  467. .posts-info a{
  468. color:{color:text};
  469. }
  470.  
  471. .posts-info2{
  472. width:34px;
  473. position:absolute;
  474. margin-left:315px;
  475. z-index:9;
  476. opacity:0;
  477. -webkit-transition:all 0.6s ease-in-out 0.1s;/*chrome-safari*/
  478. -o-transition:all 0.6s ease-in-out 0.1s;/*opera*/
  479. -moz-transition:all 0.6s ease-in-out 0.1s;/*mozilla firefox*/
  480. -ms-transition:all 0.6s ease-in-out 0.1s;/*ie*/
  481. transition:all 0.6s ease-in-out 0.1s;/*w3c*/}
  482.  
  483. .posts-info2 ll{
  484. padding:4px;
  485. margin-right:2px;
  486. padding-bottom:5px;
  487. padding-top:0;
  488. padding-right:02px;
  489. width:7px;
  490. height:7px;
  491. font:bold 08px calibri;
  492.  
  493. background-color:{color:tabs bg};
  494. border:1px solid {color:border};
  495. display:inline-block;
  496. }
  497. .posts-info2 a{
  498. display:block;
  499. }
  500.  
  501. .posts-info2 img{
  502. padding:3px;
  503. background-color:{color:tabs bg};
  504. border:1px solid {color:border};
  505. }
  506.  
  507. #posts:hover .posts-info2{
  508. opacity:1;
  509. margin-left:305px;}
  510.  
  511. /* NOTES */
  512. #notes{
  513. width:400px;
  514. margin-left:0px;
  515. max-height:190px;
  516. margin-bottom:120px;
  517. overflow:auto;}
  518.  
  519. ol.notes {
  520. padding: 0px;
  521. margin: 0;
  522. list-style-type: none;}
  523.  
  524. ol.notes li.note {
  525. padding: 10px;}
  526.  
  527. ol.notes li.note img.avatar {
  528. vertical-align: -4px;
  529. float:left;
  530. margin-right: 10px;
  531. width: 16px;
  532. height: 16px;}
  533.  
  534. ol.notes li.note span.action {}
  535.  
  536. ol.notes li.note .answer_content {
  537. font-weight: normal;}
  538.  
  539. ol.notes li.note blockquote {
  540. border-color: #eee;
  541. padding: 4px 10px;
  542. margin: 10px 0px 0px 25px;}
  543.  
  544. /* EXTRAS */
  545. #s-m-t-tooltip{
  546. z-index:10;
  547. margin:24px 14px 7px 12px;
  548. padding:0 3px 0 3px;
  549. letter-spacing:1px;
  550. z-index:9999999999999;
  551. line-height:16px;
  552. background-color:{color:link hover};
  553. color:white;
  554. font: 08px calibri;
  555. letter-spacing:1px;
  556. text-transform:uppercase;
  557. padding:03px;}
  558.  
  559. ::selection {
  560. background: {color:selection bg};
  561. color: {color:selection text};}
  562. ::-moz-selection {
  563. background: {color:selection bg};
  564. color: {color:selection text};}
  565. ::-webkit-selection {
  566. background: {color:selection bg};
  567. color: {color:selection text};}
  568.  
  569. iframe#tumblr_controls {
  570. top:0%!important;
  571. right:0%!important;
  572. position:fixed!important;
  573. z-index:999999999!important;
  574. opacity:0.3;
  575. -webkit-filter:invert(100%);
  576. -moz-filter:invert(100%);
  577. -o-filter:invert(100%);
  578. -ms-filter:invert(100%);
  579. filter:invert(100%);} /*credit to ladmilk*/
  580.  
  581. ::-webkit-scrollbar {
  582. width: 3px;
  583. height: 3px;
  584. background: {color:background};}
  585.  
  586. ::-webkit-scrollbar-thumb {
  587. background-color:{color:scrollbar};}
  588.  
  589. /* SCROLL TO TOP */
  590. #back-top {
  591. }
  592.  
  593. #back-top a {
  594. cursor:pointer;
  595.  
  596. /* transition */
  597. -webkit-transition: 1s;
  598. -moz-transition: 1s;
  599. transition: 1s;
  600. }
  601. #back-top a:hover {
  602. }
  603.  
  604. #c{
  605. position:fixed;
  606. bottom:10px;
  607. right:12px;
  608. font: 09px georgia;
  609. letter-spacing:1px;
  610. text-align:right;
  611. z-index:99;}
  612.  
  613. /* credit to eoxk */
  614.  
  615. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  616. visibility: hidden;}
  617.  
  618. #tumblr_lightbox img {
  619. box-shadow: none !important;
  620. border-radius:0 !important;}
  621.  
  622. #tumblr_lightbox {
  623. background-color: transparent !important;}
  624.  
  625. #tumblr_lightbox div:nth-child(2) {
  626. background-color: #fff;
  627. opacity: .8;}
  628.  
  629. #tumblr_lightbox a img {
  630. border: 3px solid #fff !important;
  631. border-radius:05px;}
  632.  
  633. #tabs{
  634. margin-bottom:80px;}
  635.  
  636. #tabs ul {
  637. list-style-type: none;
  638. display:inline;
  639. padding: 0;
  640. text-align: center!important;
  641. font:07px 'trebuchet ms';
  642. text-transform:uppercase;
  643. letter-spacing:1px;
  644. }
  645.  
  646. #tabs li {
  647. display: inline-block;
  648. cursor: pointer;
  649. }
  650.  
  651. #tabs li a{
  652. color:{color:text};
  653. }
  654.  
  655. #tabs ul::before{
  656. content:'';
  657. height:1px;
  658. background:#eee;
  659. display:inline-block;
  660. width:20px;
  661. margin-right:5px;
  662. border-bottom:02.5px solid #FFFFFF;}
  663.  
  664. #tabs ul::after{
  665. content:'';
  666. height:1px;
  667. background:#eee;
  668. display:inline-block;
  669. width:20px;
  670. margin-right:5px;
  671. border-bottom:02.5px solid #FFFFFF;}
  672.  
  673. #tabs-1,#tabs-2,#tabs-3,#tabs-4{
  674. background-color:{color:tabs bg};
  675. padding:10px;
  676. margin-top:05px;
  677. border:1px solid {color:border};
  678. }
  679.  
  680. #tabs-4{
  681. max-height:100px;
  682. overflow:auto;
  683. }
  684.  
  685. #tabs-4 img{
  686. border:1px solid {color:border};
  687. padding:05px;
  688. margin-left:5px;
  689. }
  690.  
  691. #tabs a{
  692. outline : none;
  693. }
  694.  
  695. #tabs-1{
  696. width:150px;
  697. text-align:center;
  698. color:{color:text};
  699. }
  700.  
  701. #tabs-1 a{
  702. font:08px calibri;
  703. text-transform:uppercase;
  704. letter-spacing:1px;
  705. }
  706.  
  707. #tabs-3{
  708. text-align:center;
  709. font:08px calibri;
  710. text-transform:uppercase;
  711. letter-spacing:1px;
  712. background-color:white;
  713. border:0;
  714. }
  715.  
  716. #tabs-3 a{
  717.  
  718. display:inline-block;
  719. padding:05px;
  720. border:1px solid {color:border};
  721. margin-bottom:03px;
  722. background-color:{color:tabs bg};
  723. font:07px 'trebuchet ms';
  724. text-transform:uppercase;
  725. letter-spacing:1px;
  726. }
  727.  
  728. #socialslide{
  729. position:fixed;
  730. background-color:{color:tabs bg};
  731. border:1px solid {color:border};
  732. margin-left:-90px;
  733. padding:05px;
  734. padding-top:0;
  735. padding-bottom:0;
  736. font:07px 'trebuchet ms';
  737. text-align:center;
  738. text-transform:uppercase;
  739. letter-spacing:1px;
  740. top:20px;
  741. }
  742. #socialslide a{
  743. color:{color:text};
  744. line-height: 0px;
  745. padding: 10px;
  746. display:block;
  747. border-top:1px solid {color:border};
  748. }
  749.  
  750. #socialslide a:first-child{
  751. border:0;
  752. }
  753.  
  754.  
  755. </style>
  756. {block:ifInfiniteScrolling}
  757. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  758. {/block:ifInfiniteScrolling}
  759. </head>
  760. <body>
  761.  
  762. <div class="container">
  763.  
  764. {block:IndexPage}
  765. <div style="display: none;" id="socialslide">
  766. <div id="back-top"><a>to top</a></div>
  767. <a href="/">refresh</a>
  768. <a href="/archive">archive</a>
  769. <a href="/askbox">inbox</a>
  770. </div>
  771. {/block:IndexPage}
  772.  
  773. <div id="c">
  774. <a href="http://caulfielld.tumblr.com/" target="_blank" title="theme by caulfielld"><em>tc.</em></a>
  775. </div>
  776.  
  777. <div id="entries">
  778. <div id="sidebar">
  779.  
  780. <div class="sb-title"><a href="/">made.</a></div>
  781. <div class="sidebar-image"><img src="{image:sidebar}"></div>
  782.  
  783. <div id="tabs">
  784. <center><ul>
  785. <li><a href="#tabs-1">{text:tab 01 title}</a></li>
  786. <li><a href="#tabs-2">{text:tab 02 title}</a></li>
  787. <li><a href="#tabs-3">{text:tab 03 title}</a></li>
  788. <li><a href="#tabs-4">{text:tab 04 title}</a></li>
  789. </ul></center><center>
  790. <div id="tabs-1">
  791. {description}
  792. </div></center>
  793. <div id="tabs-2">
  794. <blockquote>
  795. {text:faq}
  796. </blockquote>
  797. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" width="100%"> </iframe></p>
  798. </div>
  799. <div id="tabs-3">
  800. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  801. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  802. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  803. <a href="{text:Link 04 URL}">{text:Link 04 title}</a><br>
  804. <a href="{text:Link 05 URL}">{text:Link 05 title}</a>
  805. <a href="{text:Link 06 URL}">{text:Link 06 title}</a>
  806. <a href="{text:Link 07 URL}">{text:Link 07 title}</a>
  807. <a href="{text:Link 08 URL}">{text:Link 08 title}</a>
  808. </div>
  809.  
  810. <div id="tabs-4">
  811. {block:Following}{block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" title="{FollowedName}"></a>{/block:Followed}{/block:Following}
  812. </div>
  813. </div>
  814.  
  815. </div><!---sidebar--->
  816.  
  817. {block:ifInfiniteScrolling}<div class= "autopagerize_page_element">{/block:ifInfiniteScrolling}
  818.  
  819. {block:Posts}
  820.  
  821. {block:ContentSource}
  822. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  823. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  824. {/block:SourceLogo}
  825. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  826. {/block:ContentSource}
  827.  
  828. <div id="posts">
  829.  
  830. {block:IndexPage}
  831. {block:Date}
  832. <div class="posts-info2" style="display:none;{block:Photo}display:inline-block;{/block:Photo}{block:Photoset}display:inline-block;{/block:Photoset}">
  833. {block:RebloggedFrom}
  834. <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a>
  835. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a>
  836. {/block:RebloggedFrom}<ll>
  837. <a href="{reblogurl}" title="reblog">R</a> </ll><ll>
  838. <a href="{Permalink}" title="permalink">P</a></ll>
  839. </div>{/block:Date}{/block:IndexPage}
  840.  
  841. {block:Text}<div class="caption">
  842. {block:Title}<div class="text-title">{Title}</div>{/block:Title}
  843. {Body}</div>
  844. {/block:Text}
  845.  
  846. {block:Photo}
  847. <center>{LinkOpenTag}<img src="{PhotoURL-500}" class="images">{LinkCloseTag}
  848. </center>
  849. {/block:PermalinkPage}{block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
  850. {/block:Photo}
  851.  
  852. {block:Photoset}
  853. {block:IndexPage}{Photoset}{/block:IndexPage}
  854. {block:ifShowCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaption}{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
  855. {/block:Photoset}
  856.  
  857. {block:Quote}<div class="quote">
  858. <div class="quotetext-{Length}">{Quote}</div>
  859. {block:Source}
  860. <div class="quote-source">{Source}</div>
  861. {/block:Source}
  862. </div>{/block:Quote}
  863.  
  864. {block:Link}
  865. <div class="text-title">
  866. <a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></div>
  867. {block:Description}{Description}{/block:Description}
  868. {/block:Link}
  869.  
  870. {block:Chat}<div class="cha">
  871. {block:Title}<div class="text-title" style="border-bottom:0px;">{Title}</div>{/block:Title}
  872. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}</div>
  873. {/block:Chat}
  874.  
  875. {block:Audio}
  876. <div class="audio">
  877. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  878. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  879. {block:Artist}<small><b>{Artist}</b></small>{/block:Artist}</div>
  880. </div>
  881. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  882. {/block:Audio}
  883.  
  884. {block:Video}
  885. {block:IndexPage}
  886. {block:ifNotShowVideos}<a href="{Permalink}">
  887. <div class="vid1"><div class="vid">watch video</div></div></a>{/block:ifNotShowVideos}{block:ifShowVideos}<div class="video-container">{VideoEmbed-700}</div>{/block:ifShowVideos}
  888. {/block:IndexPage}
  889. {block:PermalinkPage}
  890. <div class="video-container">
  891. {VideoEmbed-700}
  892. </div>{/block:PermalinkPage}
  893. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  894. {/block:Video}
  895.  
  896. {block:Answer}
  897. <div class="askk">
  898. <b>{Asker}</b>: {Question}</div>
  899. <div class="ans">{Answer}</div>
  900. {/block:Answer}
  901.  
  902. {block:IndexPage}
  903. {block:Date}
  904. <div class="posts-info" style="display:none;{block:Photo}display:inline-block;{/block:Photo}{block:Photoset}display:inline-block;{/block:Photoset}">
  905. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags} <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}><b>+{TimeAgo}</b></a>
  906. </div>{/block:Date}{/block:IndexPage}
  907.  
  908. {block:Date}
  909. <div class="posts-info" style="{block:IndexPage}{block:Photo}display:none;{/block:Photo}{block:Photoset}display:none;{/block:Photoset}
  910. {/block:IndexPage}">{block:Date}<div style="float:right;margin-left:03px;">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via /</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  911. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags} {/block:HasTags}
  912. <a href="{Permalink}" {block:NoteCount}title="{NoteCountWithLabel}"{/block:NoteCount}><b>+{TimeAgo}</b></a>
  913. </div>{/block:Date}
  914. </div><!--- posts --->
  915.  
  916. {block:PermalinkPage}
  917. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  918. {/block:PermalinkPage}
  919.  
  920. {/block:Posts}
  921.  
  922. {block:ifInfiniteScrolling}
  923. </div>
  924. {/block:ifInfiniteScrolling}
  925.  
  926. {block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag">
  927. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
  928. {block:JumpPagination length="5"}
  929. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  930. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  931. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}
  932. {/block:Pagination}
  933.  
  934. </div><!-- entries -->
  935.  
  936. </div><!-- container-->
  937.  
  938. </body>
  939.  
  940.  
  941. </html>
Advertisement
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!