API tools faq
paste
Advertisement
jasonmcann

Theme: The light

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