API tools faq
paste
Advertisement
jasonmcann

Theme: Wait for me

jasonmcann
Mar 29th, 2015
2,369
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. - theme #25 / caulfielld (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.  
  32. <meta name="text:sidebar text" content="scroll to see
  33. description & pagination">
  34. <meta name="text:Link 01 URL" content="/" />
  35. <meta name="text:Link 01 title" content="Link 01">
  36. <meta name="text:Link 02 URL" content="/" />
  37. <meta name="text:Link 02 title" content="Link 02">
  38. <meta name="text:Link 03 URL" content="/" />
  39. <meta name="text:Link 03 title" content="Link 03">
  40. <meta name="text:Link 04 URL" content="/" />
  41. <meta name="text:Link 04 title" content="Link 04">
  42.  
  43. <meta name="if:Bg Image" content="0">
  44. <meta name="if:500px posts" content="0">
  45. <meta name="if:Show Caption" content="0">
  46. <meta name="if:Show description without scrolling" content="0">
  47. <meta name="if:Show pagination without scrolling" content="0">
  48. <meta name="if:Infinite Scrolling" content="0">
  49. <meta name="if:Back To Top Button" content="0">
  50.  
  51. <meta name="image:Sidebar" content="">
  52. <meta name="image:Background" content="">
  53.  
  54. <!--- extras --->
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. <script src="http://static.tumblr.com/nb65v05/XPQmpjoyl/jquery.style-my-tooltips.js"></script>
  58.  
  59. <script type="text/javascript">
  60. function DropDown(el) {
  61. this.dd = el;
  62. this.initEvents();}
  63. DropDown.prototype = {
  64. initEvents : function() {
  65. var obj = this;
  66. obj.dd.on('click', function(event){
  67. $(this).toggleClass('active');
  68. event.stopPropagation();});}}
  69. $(function() {
  70. var dd = new DropDown( $('#dd') );
  71. $(document).click(function() {
  72. $('.wrapper').removeClass('active');});});
  73. </script>
  74. <script type="text/javascript" src="http://tympanus.net/Tutorials/CustomDropDownListStyling/js/modernizr.custom.79639.js"></script>
  75.  
  76. <script type="text/javascript">
  77. $(document).ready(function(){
  78. $(window).scroll(function(){
  79. if ($(this).scrollTop() > 100) {
  80. $('.scrollup').fadeIn();
  81. } else {
  82. $('.scrollup').fadeOut();}});
  83. $('.scrollup').click(function(){
  84. $("html, body").animate({ scrollTop: 0 }, 600);
  85. return false;});});
  86. </script>
  87.  
  88. <script>
  89. (function($){
  90. $(document).ready(function(){
  91. $("[title]").style_my_tooltips({
  92. tip_follows_cursor:false,
  93. tip_delay_time:20,
  94. tip_fade_speed:300,
  95. attribute:"title"
  96. });});})(jQuery);
  97. </script>
  98.  
  99. <script type="text/javascript">$(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/17) {
  100. $('#socialslide').show('slow');
  101. } else {$('#socialslide').hide('slow');}
  102. });
  103. function closesocialslide(){
  104. $('#socialslide').remove();
  105. ;}
  106. </script>
  107.  
  108. <script type="text/javascript">$(window).scroll(function(){ if($(document).scrollTop()>=$(document).height()/17) {
  109. $('#sidebar').show('slow');
  110. } else {$('#sidebar').hide('slow');}
  111. });
  112. function closesocialslide(){
  113. $('#sidebar').remove();
  114. ;}
  115. </script>
  116.  
  117. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  118.  
  119. <style type="text/css">
  120.  
  121. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  122. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  123. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  124.  
  125. .fade-in {
  126. opacity:0;
  127. -webkit-animation:fadeIn ease-in 1;
  128. -moz-animation:fadeIn ease-in 1;
  129. animation:fadeIn ease-in 1;
  130. -webkit-animation-fill-mode:forwards;
  131. -moz-animation-fill-mode:forwards;
  132. animation-fill-mode:forwards;
  133. -webkit-animation-duration:1s;
  134. -moz-animation-duration:1s; animation-duration:1s; }
  135.  
  136. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  137.  
  138. body {
  139. font:09px helvetica,sans-serif, cambria, calibri;
  140. margin:0;
  141. background:{color:Background} {block:ifBgImage}url('{image:Background}') fixed{/block:ifBgImage};
  142. color:{color:text};
  143. line-height:150%;
  144. }
  145.  
  146. a {
  147. color:{color:link};
  148. text-decoration: none;
  149. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  150. -o-transition:all 0.6s ease-in-out;/*opera*/
  151. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  152. -ms-transition:all 0.6s ease-in-out;/*ie*/
  153. transition:all 0.6s ease-in-out;/*w3c*/}
  154.  
  155. a:hover {
  156. color:{color:link hover};}
  157.  
  158. em, strong {
  159. color:{color:bold};}
  160.  
  161. blockquote {
  162. border-left: 1px solid {color:blockquote};
  163. padding-left: 5px;
  164. margin:05px;}
  165.  
  166. .caption a{
  167. font:07px 'trebuchet ms';
  168. text-transform:uppercase;
  169. letter-spacing:1px;}
  170.  
  171. small{
  172. font-size:09px;}
  173.  
  174. img {
  175. max-width: 100%;}
  176.  
  177. ol {
  178. list-style-type:lower-roman;}
  179.  
  180. sub, sup{
  181. font-size: 10px; /*credit to pohroro*/}
  182.  
  183. #container {
  184. width:400px;
  185. {block:PermalinkPage}
  186. width:500px;
  187. {/block:PermalinkPage}
  188. margin: auto;}
  189.  
  190. .entries {
  191. width:400px;
  192. {block:PermalinkPage}
  193. width:500px;
  194. {/block:PermalinkPage}
  195. padding-top:71px;
  196. padding-bottom:60px;}
  197.  
  198. #posts {
  199. width:400px;
  200. {block:PermalinkPage}
  201. width:500px;
  202. margin-left:0px;
  203. {/block:PermalinkPage}
  204. {block:if500pxPosts}
  205. width:500px;
  206. {/block:if500pxPosts}
  207. overflow:hidden;
  208. border-radius:0px;
  209. word-wrap: break-word;
  210. background-color:white;
  211. border:1px solid {color:border};
  212. padding:5px;
  213. {block:IndexPage}
  214. margin-bottom:60px;
  215. {/block:IndexPage}}
  216.  
  217. #posts:last-child{
  218. margin-bottom:0px;}
  219.  
  220. #posts .images{
  221. display:block;
  222. max-width:100%;}
  223.  
  224. #sidebar {
  225. display: none;
  226. position: fixed;
  227. width:100px;
  228. bottom:10px;
  229. left:10px;
  230. padding:5px;
  231. z-index:9999999;}
  232.  
  233. .etc{
  234. height:64px;
  235. text-align:left;
  236. letter-spacing:1px;}
  237.  
  238. .descr {
  239. text-align:justify;
  240. height:50px;
  241. overflow:auto;
  242. border:1px solid {color:border};
  243. width:200px;
  244. height:20px;}
  245.  
  246. .pag {
  247. margin-top:05px;}
  248.  
  249. .jump_page {
  250. padding: 4px 6px;}
  251.  
  252. .current_page, .jump_page:hover {
  253. padding: 4px 6px;}
  254.  
  255. .text-title{
  256. font-size:18px;
  257. padding:05px;}
  258.  
  259. .answe img{
  260. float:right;
  261. border-radius:3px;}
  262.  
  263. .quest{
  264. border:1px solid #f5f5f5;
  265. padding:10px;
  266. line-height:100%;
  267. border-radius:3px;
  268. width:332px;
  269. {block:PermalinkPage}
  270. width:430px;
  271. {/block:PermalinkPage}
  272. {block:if500pxPosts}
  273. width:430px;
  274. {/block:if500pxPosts}
  275. background-color:#fafafa;}
  276.  
  277. .quest a{
  278. color:{color:text};}
  279.  
  280. .quote {
  281. padding:0 05px 0 05px;
  282. line-height:200%;}
  283.  
  284. .quote-source a{
  285. font:07px 'trebuchet ms';
  286. text-transform:uppercase;
  287. letter-spacing:1px;}
  288.  
  289. .quotetext-short {
  290. font-size: 18px;}
  291.  
  292. .quotetext-medium {
  293. font-size: 14px;}
  294.  
  295. .quotetext-long {
  296. font-size: 11px;}
  297.  
  298. .quote-source {
  299. text-align:right;}
  300.  
  301. .caption img, .answer img{
  302. {block:if500pxPosts}
  303. max-width:500px;
  304. {/block:if500pxPosts}
  305. {block:ifNot500pxPosts}
  306. max-width:400px;
  307. {/block:ifNot500pxPosts}
  308. {block:PermalinkPage}
  309. max-width:500px;
  310. {/block:PermalinkPage}
  311. height:auto;}
  312.  
  313. .answer{
  314. margin-top:05px;}
  315.  
  316. .tumblr_audio_player {
  317. height:20px;
  318. width:20px;
  319. z-index:9999;
  320. margin:0;
  321. padding:10px;
  322. position:relative;
  323. float:left;
  324. z-index:9;
  325. background-color:white;}
  326.  
  327. .audio {
  328. height:42px;
  329. {block:ifNot500pxPosts}
  330. width:398px;
  331. {/block:ifNot500pxPosts}
  332. {block:if500pxPosts}
  333. width:498px;
  334. {/block:if500pxPosts}
  335. {block:PermalinkPage}
  336. width:498px;{/block:PermalinkPage}
  337. border:1px solid {color:border};}
  338.  
  339. .audioimage {
  340. width:30px;
  341. padding:5px;
  342. height:30px;}
  343.  
  344. .audioimage img{
  345. float:right;
  346. width:30px;
  347. height:30px;}
  348.  
  349. .au-info {
  350. text-align:center;
  351. font:italic 12px helvetica;
  352. line-height:19px;
  353. padding:10px;
  354. width:296px;
  355. height:20px;
  356. overflow:auto;}
  357.  
  358. .odd, .even {
  359. margin:0px;
  360. padding:05px;
  361. font:10px consolas;}
  362.  
  363. .even{
  364. background-color:#fafafa;}
  365.  
  366. pre{
  367. font:10px consolas;
  368. margin:0;}
  369.  
  370. .odd:first-child{
  371. border-top:0px;}
  372.  
  373. /* extras */
  374. #s-m-t-tooltip{
  375. z-index:10;
  376. margin:24px 14px 7px 12px;
  377. padding:0 3px 0 3px;
  378. letter-spacing:1px;
  379. z-index:9999999999999;
  380. line-height:16px;
  381. background-color:{color:link hover};
  382. color:white;
  383. font: 07px helvetica;
  384. letter-spacing:1px;
  385. text-transform:uppercase;
  386. padding:03px;}
  387.  
  388. ::selection {
  389. background: {color:selection bg};
  390. color: {color:selection text};}
  391. ::-moz-selection {
  392. background: {color:selection bg};
  393. color: {color:selection text};}
  394. ::-webkit-selection {
  395. background: {color:selection bg};
  396. color: {color:selection text};}
  397.  
  398. iframe#tumblr_controls {
  399. top:0%!important;
  400. right:0%!important;
  401. position:fixed!important;
  402. z-index:999999999!important;
  403. opacity:0.3;
  404. -webkit-filter:invert(100%);
  405. -moz-filter:invert(100%);
  406. -o-filter:invert(100%);
  407. -ms-filter:invert(100%);
  408. filter:invert(100%);} /*credit to ladmilk*/
  409.  
  410. ::-webkit-scrollbar {
  411. width: 3px;
  412. height: 3px;
  413. background: {color:background};}
  414.  
  415. ::-webkit-scrollbar-thumb {
  416. background-color:{color:link hover};
  417. border-top:0px solid #fff;}
  418.  
  419. #notes{
  420. width:500px;
  421. margin-left:0px;
  422. border-top:1px solid {color:border};
  423. max-height:190px;
  424. overflow:auto;
  425. margin-top:10px;
  426. }
  427.  
  428. ol.notes {
  429. padding: 0px;
  430. margin: 0;
  431. list-style-type: none;}
  432.  
  433. ol.notes li.note {
  434. padding: 10px;}
  435.  
  436. ol.notes li.note img.avatar {
  437. vertical-align: -4px;
  438. float:left;
  439. margin-right: 10px;
  440. width: 16px;
  441. height: 16px;}
  442.  
  443. ol.notes li.note span.action {}
  444.  
  445. ol.notes li.note .answer_content {
  446. font-weight: normal;}
  447.  
  448. ol.notes li.note blockquote {
  449. border-color: #eee;
  450. padding: 4px 10px;
  451. margin: 10px 0px 0px 25px;}
  452.  
  453. .video-container iframe,
  454. .video-container .tumblr_video_container,
  455. .video-container .tumblr_video_container embed {
  456. display:block;
  457. width:400px;
  458. max-height:100%;}
  459.  
  460. .scrollup{
  461. opacity:0.5;
  462. display:none;}
  463.  
  464. .scrollup a{
  465. display:block;}
  466.  
  467. .scrollup:hover{
  468. cursor:pointer;}
  469.  
  470. #c{
  471. position:fixed;
  472. bottom:10px;
  473. right:12px;
  474. font: 09px georgia;
  475. letter-spacing:1px;
  476. text-align:right;
  477. z-index:99;}
  478.  
  479. /*credit to eoxk*/
  480.  
  481. #vignette, #tumblr_lightbox_right_image, #tumblr_lightbox_left_image {
  482. visibility: hidden;}
  483.  
  484. #tumblr_lightbox img {
  485. box-shadow: none !important;
  486. border-radius:0 !important;}
  487.  
  488. #tumblr_lightbox {
  489. background-color: transparent !important;}
  490.  
  491. #tumblr_lightbox div:nth-child(2) {
  492. background-color: #fff;
  493. opacity: .8;}
  494.  
  495. #tumblr_lightbox a img {
  496. border: 3px solid #fff !important;
  497. border-radius:05px;}
  498.  
  499. .posts-info1{
  500. font:07px 'trebuchet ms';
  501. text-transform:uppercase;
  502. letter-spacing:1px;
  503. padding-bottom:5px;}
  504.  
  505. .posts-info1 i{
  506. font-size:09px;}
  507.  
  508. .posts-info{
  509. padding-top:05px;
  510. font:07px 'trebuchet ms';
  511. text-transform:uppercase;
  512. letter-spacing:1px;}
  513.  
  514. .top{
  515. position:fixed;
  516. padding:15px;
  517. width:100%;
  518. border-bottom:1px solid {color:border};
  519. font:07px 'trebuchet ms';
  520. text-transform:uppercase;
  521. letter-spacing:1px;
  522. background-color:white;
  523. z-index:99;}
  524.  
  525. #socialslide {
  526. display: none;
  527. overflow: hidden;
  528. position: fixed;
  529. top:35px;
  530. width:500px;
  531. {block:if500pxPosts}
  532. width:490px;
  533. {/block:if500pxPosts}
  534. padding:05px;
  535. font:07px 'trebuchet ms';
  536. text-transform:uppercase;
  537. letter-spacing:1px;
  538. z-index:9999999;}
  539.  
  540. .cthrough{
  541. cursor:pointer;}
  542.  
  543. .subb{
  544. border-left:1px solid {color:border};}
  545.  
  546. #sidebar a{
  547. color:{color:text};
  548. font:07px 'trebuchet ms';
  549. text-transform:uppercase;
  550. letter-spacing:1px;}
  551.  
  552. .side{
  553. margin-left:-200px;
  554. margin-top:70px;
  555. position:fixed;
  556. font:07px 'trebuchet ms';
  557. text-transform:uppercase;
  558. letter-spacing:1px;
  559. width:100px;}
  560.  
  561. .ss{
  562. padding:10px;
  563. text-align:center;
  564. position:relative;
  565. width:100px;
  566. overflow:auto;
  567. background-color:white;
  568. border:1px solid {color:border};
  569. z-index:99999!important;
  570. margin-top:-12px;
  571. margin-left:20px;}
  572.  
  573. .sidebar-image img{
  574. display:block;
  575. position:relative;
  576. padding:03px;
  577. background-color:white;
  578. border:1px solid {color:border};
  579. z-index:999!important;
  580. width:100px;}
  581.  
  582. .wrapper { /*credit to codrops*/
  583. position:relative;
  584. width: 21px;
  585. background: {color:dropdown bg};
  586. color:{color:link};
  587. cursor: pointer;
  588. margin-left:120px;
  589. margin-top:-09px;
  590. outline: none;
  591. display:block;
  592. -webkit-transition: all 0.3s ease-out;
  593. -moz-transition: all 0.3s ease-out;
  594. -ms-transition: all 0.3s ease-out;
  595. -o-transition: all 0.3s ease-out;
  596. transition: all 0.3s ease-out;}
  597.  
  598. .wrapper .dropdown {
  599. position: absolute;
  600. top: 100%;
  601. left: 0;
  602. right: 0;
  603. width:100px;
  604. margin-top:05px;
  605. background: {color:background};
  606. list-style: none;
  607. -webkit-transition: all 0.3s ease-out;
  608. -moz-transition: all 0.3s ease-out;
  609. -ms-transition: all 0.3s ease-out;
  610. -o-transition: all 0.3s ease-out;
  611. transition: all 0.3s ease-out;
  612. max-height: 0;
  613. overflow: hidden;}
  614.  
  615. .wrapper .dropdown li a {
  616. display: block;
  617. text-decoration: none;
  618. color: {color:text};
  619. padding: 10px;
  620. border:1px solid {color:border};
  621. border-bottom:0px solid {color:border};
  622. transition: all 0.3s ease-out;}
  623.  
  624. .wrapper .dropdown li:last-of-type a {
  625. border-bottom:1px solid {color:border};}
  626.  
  627. .wrapper .dropdown li i {
  628. margin-right: 5px;
  629. color: inherit;
  630. vertical-align: middle;}
  631.  
  632. .wrapper .dropdown li:hover a {
  633. color: {color:link hover};}
  634.  
  635. .wrapper.active {
  636. box-shadow: none;
  637. border-bottom: none;
  638. color: {color:link hover};}
  639.  
  640. .wrapper.active:after {
  641. border-color: {color:background} transparent;}
  642.  
  643. .wrapper.active .dropdown {
  644. max-height: 400px;}
  645.  
  646. /* credit to eoxk & lmthemes */
  647.  
  648. .sfm {
  649. position:relative;
  650. margin-left:145px;
  651. margin-top:-09px!important;
  652. color:{color:link};}
  653.  
  654. .sfm input{
  655. border: 0;
  656. outline: 0;
  657. padding: 0px;
  658. font:07px 'trebuchet ms';
  659. text-transform:uppercase;
  660. letter-spacing:1px;
  661. font-family: inherit;
  662. font-size: inherit;
  663. position:relative;
  664. color: inherit;
  665. display:block;
  666. background-color: transparent;
  667. margin-top:-09px!important;
  668. margin-left:05px;}
  669.  
  670. ::-webkit-input-placeholder {color: inherit;}
  671. :-moz-placeholder {color: inherit; opacity:1;}
  672. ::-moz-placeholder {color: inherit; opacity:1;}
  673. :-ms-input-placeholder {color: inherit;}
  674.  
  675. input:focus::-webkit-input-placeholder {color: transparent;}
  676. input:focus:-moz-placeholder {color: transparent;}
  677. input:focus::-moz-placeholder {color: transparent;}
  678. input:focus:-ms-input-placeholder { color: transparent;}
  679.  
  680. .pag2{
  681. margin-left:20px;
  682. width:122px;
  683. margin-top:05px;
  684. text-align:center;}
  685.  
  686. </style>
  687.  
  688. {block:ifInfiniteScrolling}
  689. <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  690. {/block:ifInfiniteScrolling}
  691.  
  692. </head>
  693. <body>
  694.  
  695. {block:ifNotShowPaginationWithoutScrolling}
  696. <div style="display: none;width:500px;" id="socialslide">
  697. {block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag">
  698. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
  699. {block:JumpPagination length="3"}
  700. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  701. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  702. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}
  703. {/block:Pagination}
  704. </div>
  705. {/block:ifNotShowPaginationWithoutScrolling}
  706.  
  707. <div class="top">
  708. <a href="/">index</a> /
  709. <a href="/archive">archive</a> /
  710. <a href="/ask">askbox</a> /
  711. <section class="main"><div class="wrapper-demo">
  712. <div id="dd" class="wrapper" tabindex="1">links
  713. <lu class="dropdown">
  714. <li><a href="{text:Link 01 URL}">{text:Link 01 title}</a></li>
  715. <li><a href="{text:Link 02 URL}">{text:Link 02 title}</a></li>
  716. <li><a href="{text:Link 03 URL}">{text:Link 03 title}</a></li>
  717. <li><a href="{text:Link 04 URL}">{text:Link 04 title}</a></li>
  718. </lu></div></div></section>
  719. <form action="/search" method="get" class="sfm">/
  720. <input type="text" name="q" value="{SearchQuery}" id="sf" placeholder=" search"></form>
  721. </div><!-- top bar -->
  722.  
  723. <div id="container" class="box fade-in one">
  724.  
  725. <div class="side">
  726. <div class="sidebar-image"><img src="{image:sidebar}"></div>
  727. <div class="ss">{block:ifNotShowDescriptionWithoutScrolling}{text:sidebar text}{/block:ifNotShowDescriptionWithoutScrolling}{block:ifShowDescriptionWithoutScrolling}{Description}{/block:ifShowDescriptionWithoutScrolling}</div>
  728.  
  729. {block:ifShowPaginationWithoutScrolling}
  730. {block:Pagination}{block:ifNotInfiniteScrolling}<div class="pag2">
  731. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">prev</a>{/block:PreviousPage}
  732. {block:JumpPagination length="5"}
  733. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  734. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  735. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}</div>{/block:ifNotInfiniteScrolling}
  736. {/block:Pagination}{/block:ifShowPaginationWithoutScrolling}
  737. </div><!-- sidebar -->
  738.  
  739. <div style="display: none;" id="sidebar"><span style="background-color:white;">{block:ifBackToTopButton}<a class="scrollup" title="top"><i class="fa fa-chevron-up fa-2x"></i></a>{/block:ifBackToTopButton}
  740. {block:ifNotShowDescriptionWithoutScrolling}<br>{Description}{/block:ifNotShowDescriptionWithoutScrolling}</span>
  741. </div>
  742.  
  743. <div id="c">
  744. <a href="http://caulfielld.tumblr.com/" title="theme by caulfielld"><em>tc.</em></a>
  745. </div>
  746.  
  747. <div class="entries">
  748.  
  749. {block:ifInfiniteScrolling}<div class= "autopagerize_page_element">{/block:ifInfiniteScrolling}
  750.  
  751. {block:Posts}
  752.  
  753. {block:ContentSource}
  754. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  755. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  756. {/block:SourceLogo}
  757. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  758. {/block:ContentSource}
  759.  
  760. <div id="posts">
  761. {block:Date}
  762. <div class="posts-info1">
  763. {block:RebloggedFrom}
  764. <span style="float:right;">source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span>
  765. {name} <i class="fa fa-retweet"></i> <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>{/block:RebloggedFrom}
  766. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}&nbsp;&nbsp;&nbsp;{TimeAgo}</a>
  767. </div>{/block:Date}
  768.  
  769. {block:Text}
  770. {block:Title}<div class="text-title">{Title}</div>{/block:Title}
  771. <div class="caption">{Body}</div>
  772. {/block:Text}
  773.  
  774. {block:Photo}
  775. <center>{LinkOpenTag}<center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images"></center>{LinkCloseTag}
  776. </center>{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}
  777. {/block:Photo}
  778.  
  779. {block:Photoset}
  780. {block:IndexPage}{block:ifNot500pxPosts}<div class="images">{Photoset-400}</div>{/block:ifNot500pxPosts}{block:if500pxPosts}<div class="images">{Photoset-500}</div>{/block:if500pxPosts}{/block:IndexPage}
  781.  
  782. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  783.  
  784. {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}
  785. {/block:Photoset}
  786.  
  787. {block:Answer}
  788. <div class="answe">
  789. <img src="{AskerPortraitURL-40}">
  790. <div class="quest">
  791. <b>{Asker}</b> asked:<br>{Question}</div>
  792. </div><div class="answer">
  793. {Answer}</div>
  794. {/block:Answer}
  795.  
  796. {block:Quote}
  797. <div class="quote">
  798. <div class="quotetext-{Length}">{Quote}</div>
  799. {block:Source}
  800. <div class="quote-source">{Source}</div>
  801. {/block:Source}
  802. </div>{/block:Quote}
  803.  
  804. {block:Link}
  805. <div class="text-title">
  806. <a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></div>
  807. {block:Description}{Description}{/block:Description}
  808. {/block:Link}
  809.  
  810. {block:Chat}
  811. {block:Title}<div class="text-title">{Title}</div>{/block:Title}
  812. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  813. {/block:Chat}
  814.  
  815. {block:Video}
  816. <div class="video-container">
  817. {block:IndexPage}{block:ifNot500pxPosts}{Video-400}{/block:ifNot500pxPosts}
  818. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}{/block:IndexPage}
  819. {block:PermalinkPage}{Video-500}{/block:if500pxPosts}{/block:PermalinkPage}</div>
  820. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  821. {/block:Video}
  822.  
  823. {block:Audio}
  824. <div class="audio">
  825. {block:AlbumArt}<div class="audioimage" style="float:right;">
  826. <img src="{AlbumArtURL}"></div>
  827. {/block:AlbumArt}
  828.  
  829. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  830.  
  831. <div class="au-info">
  832. {block:TrackName}{TrackName}{/block:TrackName}
  833. {block:Artist}<small><b>{Artist}</b></small>{/block:Artist}
  834. </div>
  835.  
  836. </div>
  837. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  838. {/block:Audio}
  839.  
  840. <div class="posts-info">
  841. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  842. {block:NoteCount}<br><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<span style="float:right;"> <a href="{reblogurl}">reblog</i></a></span>
  843. </div>
  844.  
  845. {block:PermalinkPage}
  846. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  847. {/block:PermalinkPage}
  848. </div><!--- posts --->
  849.  
  850. {/block:Posts}
  851. {block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  852. </div><!-- entries -->
  853. </div><!-- container-->
  854.  
  855. </body>
  856. </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!