API tools faq
paste
ninpen

Atomic theme

ninpen
Mar 29th, 2012
8,040
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-------------------------------
  4.  
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11.  
  12. ATOMIC THEME BY NINPEN.TUMBLR.COM
  13. DO NOT REMOVE THE CREDIT.
  14.  
  15.  
  16.  
  17. //:: Soundcloud Script by: © shythemes
  18.  
  19.  
  20.  
  21.  
  22. --------------------------------->
  23.  
  24. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  25. <head>
  26.  
  27. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  28.  
  29.  
  30. <meta name="image:portrait" content=""/>
  31. <meta name="image:Background" content=""/>
  32.  
  33. <meta name="if:250px" content="1"/>
  34. <meta name="if:400px" content=""/>
  35. <meta name="if:500px" content=""/>
  36.  
  37. <meta name="if:showCaption" content=""/>
  38. <meta name="if:Columns" content="1" />
  39. <meta name="if:tags" content=""/>
  40. <meta name="if:InfiniteScroll" content=""/>
  41.  
  42. <meta name="color:accent1" content="#0c0c0c" />
  43. <meta name="color:accent2" content="#000000" />
  44. <meta name="color:accent3" content="#000000" />
  45. <meta name="color:accent4" content="#aaaaaa" />
  46. <meta name="color:accent5" content="#ffea2e" />
  47. <meta name="color:accent6" content="#ffffff" />
  48.  
  49. <meta name="color:bold" content="#ff86d3" />
  50. <meta name="color:italics" content="#38fff8" />
  51. <meta name="color:underline" content="#74ff62" />
  52.  
  53. <meta name="color:posts" content="#0f0f0f"/>
  54. <meta name="color:background" content="#0000000"/>
  55. <meta name="color:text" content="#f0f0f0"/>
  56. <meta name="color:link" content="#ffffff"/>
  57. <meta name="color:border" content="#1d1d1d"/>
  58.  
  59. <meta name="color:h1" content ="#ffffff"/>
  60. <meta name="color:h2" content ="#ffc88d"/>
  61. <meta name="color:chat line 1" content="#010101"/>
  62. <meta name="color:chat line 2" content="#202020"/>
  63.  
  64. <meta name="text:Custom Link One" content=""/>
  65. <meta name="text:Custom Link One URL" content=""/>
  66. <meta name="text:Custom Link Two" content=""/>
  67. <meta name="text:Custom Link Two URL" content=""/>
  68. <meta name="text:Custom Link Three" content=""/>
  69. <meta name="text:Custom Link Three URL" content=""/>
  70. <meta name="text:Custom Link Four" content=""/>
  71. <meta name="text:Custom Link Four URL" content=""/>
  72. <meta name="text:Custom Link Five" content=""/>
  73. <meta name="text:Custom Link Five URL" content=""/>
  74. <meta name="text:Custom Link Six" content=""/>
  75. <meta name="text:Custom Link Six URL" content=""/>
  76. <title>{Title}</title>
  77. <div class="cred">© <a href="http://ninpen.tumblr.com/">&mdash; N.</a></div>
  78. <link rel="shortcut icon" href="{Favicon}" />
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  80.  
  81. <style type="text/css">
  82. ::-moz-selection {
  83. color:{color:accent1};
  84. background: {color:accent2};
  85. }
  86.  
  87. ::selection {
  88. color:{color:accent1};
  89. background: {color:accent2};
  90. }
  91.  
  92. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, big, cite,hr, code,del, dfn,img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, tbody, tfoot, thead, tr, th, td, article, canvas, details, embed, figure, figcaption, footer, hgroup, menu, output, ruby, summary,time, mark, audio{
  93. margin: 0;
  94. padding: 0;
  95. border: 0;
  96. font-size: 100%;
  97. font: inherit;
  98. vertical-align: baseline;
  99. }
  100.  
  101. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  102. display: block;
  103. }
  104.  
  105. body {
  106. line-height: 1;
  107. }
  108.  
  109. ul {
  110. list-style: none;
  111. }
  112.  
  113. table {
  114. border-collapse: collapse;
  115. border-spacing: 0;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119. width: 7px;
  120. height: 7px;
  121. background:{color:background};
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. border-radius:10px;
  126. border:3px solid {color:background};
  127. background-color:{color:bold};
  128. }
  129.  
  130. body,html{
  131. width:100%;
  132. height:100%;
  133. padding:0;
  134. margin:0;
  135. }
  136.  
  137. body{
  138. word-wrap: break-word;
  139. font:11px/16px courier;
  140. letter-spacing:.05em;
  141. color: {color:text};
  142. background:{color:Background} url({image:background}) repeat center fixed;
  143. }
  144.  
  145. a{
  146. text-decoration:none;
  147. color:{color:link};
  148. }
  149.  
  150. a:hover {
  151. text-decoration:line-through;
  152. color:{color:underline};
  153. }
  154.  
  155. h1{
  156. font-size:10px;
  157. text-transform:uppercase;
  158. letter-spacing:2px;
  159. background:{color:accent3};
  160. color:{color:h1};
  161. padding:5px;
  162. }
  163.  
  164. h1 span{
  165. width: 35px;
  166. height: 7px;
  167. margin-right: 10px;
  168. display: inline-block;
  169. background:{color:bold};
  170. }
  171.  
  172. h1 a{
  173. color:{color:h1};
  174. }
  175.  
  176. h2 {
  177. font-style: italic;
  178. line-height: 22px;
  179. font-size: 18px;
  180. color: {color:h2};
  181. }
  182.  
  183. .source{
  184. font-size:8px;
  185. line-height:8px;
  186. text-transform:uppercase;
  187. letter-spacing:1px;
  188. margin:10px 0 0 20px;
  189. }
  190.  
  191. b,strong{
  192. color:{color:bold};
  193. }
  194.  
  195. i,em{
  196. color:{color:italics};
  197. }
  198.  
  199. u{
  200. color:{color:underline};
  201. }
  202.  
  203. img{
  204. max-width:100%;
  205. }
  206.  
  207. .cred{
  208. line-height:11px;
  209. font-size:11px;
  210. padding:3px 7px;
  211. border-radius:3px;
  212. text-transform:uppercase;
  213. letter-spacing:1px;
  214. position:fixed;
  215. bottom:20px;
  216. right:20px;
  217. color:{color:accent2};
  218. background:{color:background};
  219. z-index:1;
  220. }
  221.  
  222. .cred a{
  223. vertical-align:top;
  224. font-size:9px;
  225. color:{color:link};
  226. }
  227.  
  228. .cred a:hover{
  229. color:{color:underline};
  230. }
  231.  
  232. #side{
  233. position:fixed;
  234. width:150px;
  235. margin-left:-180px;
  236. top: 50%;
  237. transform: translateY(-50%);
  238. }
  239.  
  240. #portrait{
  241. width:80px;
  242. height:80px;
  243. overflow:hidden;
  244. margin:0 auto;
  245. border-radius:5px;
  246. }
  247.  
  248. #portrait span{
  249. width:80px;
  250. }
  251.  
  252. #desc {
  253. margin-top:15px;
  254. font-size:9px;
  255. letter-spacing:1px;
  256. text-align:justify;
  257. text-transform:uppercase;
  258. }
  259.  
  260. #title{
  261. letter-spacing:2px;
  262. padding:5px;
  263. margin-bottom:22px;
  264. background:{color:accent1};
  265. color:{color:accent6};
  266. {block:IndexPage}
  267. {block:ifColumns}
  268. width:626px;
  269. margin-left:-30px;
  270. padding:5px 5px 5px 25px;
  271. {/block:ifColumns}
  272. {block:ifNotColumns}
  273. width:601px;
  274. margin-left:0;
  275. padding:5px 0 5px 25px;
  276. {/block:ifNotColumns}
  277. {/block:IndexPage}
  278. {block:PermalinkPage}
  279. width:618px;
  280. {/block:PermalinkPage}
  281. }
  282.  
  283. #title span{
  284. position:relative;
  285. }
  286.  
  287. #title span:before{
  288. content:"";
  289. width:40px;
  290. height:80%;
  291. position:absolute;
  292. background:{color:bold};
  293. right:-50px;
  294. top:10%
  295. }
  296.  
  297. #nav{
  298. font:9px/8px courier;
  299. text-transform:uppercase;
  300. background:{color:accent5};
  301. position:fixed;
  302. top:0;
  303. height:70px;
  304. z-index:1;
  305. {block:IndexPage}
  306. {block:ifColumns}
  307. padding-left:30px;
  308. {/block:ifColumns}
  309. width:626px;
  310. {/block:IndexPage}
  311. {block:PermalinkPage}
  312. width:628px;
  313. {/block:PermalinkPage}
  314. }
  315.  
  316. #nav ul{
  317. text-align:center;
  318. padding:0;
  319. margin:0;
  320. }
  321.  
  322. #nav li{
  323. letter-spacing:1px;
  324. display:inline-block;
  325. }
  326.  
  327. #nav li:nth-child(-n+3){
  328. letter-spacing:2px;
  329. background:{color:italics};
  330. }
  331.  
  332. #nav li a{
  333. color:{color:accent1};
  334. }
  335.  
  336. #nav li a:hover{
  337. color:{color:accent6};
  338. }
  339.  
  340. #center{
  341. margin:0 auto;
  342. position:Relative;
  343. {block:IndexPage}
  344. width:626px;
  345. {/block:IndexPage}
  346. {block:PermalinkPage}
  347. width:626px
  348. {/block:PermalinkPage}
  349. }
  350.  
  351. #content{
  352. margin:70px auto 40px auto;
  353. background:{color:accent1};
  354. border:1px solid {color:border};
  355. {block:IndexPage}
  356. padding-bottom:30px;
  357. {block:ifColumns}
  358. padding-left:30px;
  359. {/block:ifColumns}
  360. {/block:IndexPage}
  361. {block:PermalinkPage}
  362. width:626px;
  363. {/block:PermalinkPage}
  364.  
  365. }
  366.  
  367. .entry{
  368. position:relative;
  369. padding:15px;
  370. border:1px solid {color:border};
  371. background:{color:posts};
  372. {block:IndexPage}
  373. {block:ifNotColumns}
  374. margin:50px auto;
  375. {/block:ifNotColumns}
  376. {block:ifColumns}
  377. margin:30px 30px 0 0;
  378. {/block:ifColumns}
  379. {block:If250px}width:250px;{/block:If250px}
  380. {block:If400px}width:400px;{/block:If400px}
  381. {block:If500px}width:500px;{/block:If500px}
  382. {/block:IndexPage}
  383. {block:PermalinkPage}
  384. margin:50px auto;
  385. width:500px;
  386. {/block:PermalinkPage}
  387. }
  388.  
  389. .txt{
  390. {block:IndexPage}
  391. overflow:hidden;
  392. {block:If250px}max-height:240px;{/block:If250px}
  393. {block:If400px}max-height:400px;{/block:If400px}
  394. {block:If500px}max-height:400px;{/block:If500px}
  395. {/block:IndexPage}
  396. }
  397.  
  398. #infscr-loading {
  399. display: none!important;
  400. }
  401.  
  402. .spotify_audio_player {
  403. height:80px !important;
  404. }
  405.  
  406. a.tumblr_blog {
  407. font-size: 9px;
  408. line-height: 9px;
  409. text-transform: uppercase;
  410. letter-spacing: 2px;
  411. background: {color:underline};
  412. }
  413.  
  414. .cap{
  415. background:{color:posts};
  416. width:100%;
  417. border-top:1px solid {color:border};
  418. {block:IndexPage}
  419. margin:15px 0 -16px -16px;
  420. overflow:hidden;
  421. padding:5px 15px 5px 17px;
  422. {block:If250px}max-height:240px;{/block:If250px}
  423. {block:If400px}max-height:400px;{/block:If400px}
  424. {block:If500px}max-height:400px;{/block:If500px}
  425. {/block:IndexPage}
  426. {block:PermalinkPage}
  427. border-bottom:1px solid {color:border};
  428. margin:15px 0 0 -15px;
  429. padding:20px 15px;
  430. {/block:PermalinkPage}
  431. }
  432.  
  433. .cap > p {
  434. margin: 0;
  435. }
  436.  
  437. .perma{
  438. text-align:center;
  439. font:800 9px/9px courier;
  440. text-transform:uppercase;
  441. letter-spacing: 2px;
  442. {block:IndexPage}
  443. -webkit-backface-visibility: hidden;
  444. top:50%;
  445. left:50%;
  446. position:absolute;
  447. opacity:0;
  448. width:60%;
  449. height:60%;
  450. transform: translate(-50%, -50%);
  451. -webkit-transition: all 0.7s ease-in-out;
  452. -moz-transition: all 0.7s ease-in-out;
  453. -o-transition: all 0.7s ease-in-out;
  454. -ms-transition: all 0.7s ease-in-out;
  455. transition: all 0.7s ease-in-out;
  456. {/block:IndexPage}
  457. {block:PermalinkPage}
  458. padding:10px;
  459. margin-bottom:30px;
  460. background:{color:accent1};
  461. {/block:PermalinkPage}
  462. }
  463.  
  464. .perma a{
  465. {block:IndexPage}display:block;{/block:IndexPage}
  466. margin:5px 0;
  467. }
  468.  
  469. {block:IndexPage}
  470. .perma:after{
  471. content:"";
  472. width:100%;
  473. height:100%;
  474. position:absolute;
  475. top:0;
  476. left:0;
  477. background:{color:accent1};
  478. opacity:.5;
  479. border-radius:5px;
  480. }
  481. {/block:IndexPage}
  482.  
  483. .vias a {
  484. margin: 0 20px;
  485. }
  486.  
  487. .vias {
  488. margin-top: 10px;
  489. }
  490.  
  491. .wrap{
  492. z-index:1;
  493. position:absolute;
  494. top:50%;
  495. left:50%;
  496. width:50%;
  497. transform: translate(-50%, -50%);
  498. padding:5px;
  499. }
  500.  
  501. .wrap:after{
  502. z-index:-1;
  503. content:"";
  504. width:100%;
  505. height:100%;
  506. position:absolute;
  507. top:0;
  508. left:0;
  509. background:{color:accent1};
  510. opacity:.7;
  511. border-radius:5px;
  512. }
  513.  
  514. .entry:hover .perma{
  515. opacity:1;
  516. }
  517.  
  518. .tagged{
  519. text-align:center;
  520. font-size:9px;
  521. padding:5px 0;
  522. text-transform:uppercase;
  523. letter-spacing:2px;
  524. background:{color:accent2};
  525. {block:IndexPage}
  526. border-top:1px solid {color:border};
  527. margin:15px 0 -16px -16px;
  528. width:calc(100% + 32px);
  529. {block:ifNottags}
  530. display:none;
  531. {/block:ifNottags}
  532. {block:iftags}
  533. display:block;
  534. {/block:iftags}
  535. overflow:hidden;
  536. max-height:48px;
  537. {/block:IndexPage}
  538. }
  539.  
  540. .quest{
  541. font-size:9px;
  542. letter-spacing:2px;
  543. text-transform:uppercase;
  544. background:{color:accent5};
  545. color:{color:accent1};
  546. padding:10px;
  547. border-radius:5px;
  548. }
  549.  
  550. .quest img{
  551. border:6px solid {color:accent6};
  552. margin:20px 5px 0 20px;
  553. width:25px;
  554. border-radius:100%;
  555. }
  556.  
  557. .quest a:last-of-type{
  558. border-radius:3px;
  559. vertical-align:14px;
  560. padding:1px 10px;
  561. background:{color:accent1};
  562. }
  563.  
  564. blockquote {
  565. background:{color:accent3};
  566. padding: 3px;
  567. border-top: 3px solid {color:accent4};
  568. border-bottom: 3px solid {color:accent4};
  569. }
  570.  
  571. blockquote > p {
  572. margin: 0;
  573. }
  574.  
  575. pre {
  576. white-space: pre-wrap;
  577. white-space: -moz-pre-wrap !important;
  578. white-space: -pre-wrap;
  579. white-space: -o-pre-wrap;
  580. word-wrap: break-word;
  581. text-transform: uppercase;
  582. letter-spacing: 1px;
  583. font: 9px/13px courier;
  584. background:{color:accent2};
  585. }
  586.  
  587. .scroll {
  588. position: relative;
  589. margin-right: 40px;
  590. display: none;
  591. z-index: 1;
  592. height:9px;
  593. padding: 15px 45px 15px 15px;
  594. {block:IndexPage}
  595. {block:ifColumns}
  596. margin-left: -25px;
  597. width: 594px;
  598. margin-left:-31px;
  599. {/block:ifColumns}
  600. {block:ifNotColumns}
  601. width:564px;
  602. margin-left:-26px;
  603. {/block:ifNotColumns}
  604. {/block:IndexPage}
  605. }
  606.  
  607. .scroll:after {
  608. content: "";
  609. width: 30px;
  610. height: 7px;
  611. position: absolute;
  612. background:{color:accent6};
  613. right: 10px;
  614. top: 16px;
  615. }
  616.  
  617. .scroll:before{
  618. content:"";
  619. width:100%;
  620. height:100%;
  621. background:{color:accent5};
  622. position:Absolute;
  623. left:0;
  624. top:0;
  625. z-index:-1;
  626. }
  627.  
  628. #pagination{
  629. position:fixed;
  630. bottom:0;
  631. text-align:right;
  632. z-index:1;
  633. text-transform: uppercase;
  634. font-size: 9px;
  635. line-height: 9px;
  636. letter-spacing: 2px;
  637. {block:IndexPage}
  638. {block:ifColumns}
  639. width:626px;
  640. margin-left:-31px;
  641. {/block:ifColumns}
  642. {block:ifNotColumns}
  643. width:596px;
  644. margin-left:0;
  645. {/block:ifNotColumns}
  646. {block:IfNotInfiniteScroll}
  647. background:{color:underline};
  648. padding:15px 28px 15px 0;
  649. {block:IfNotInfiniteScroll}
  650. {block:IfInfiniteScroll}
  651. padding:0 5px 0 26px;
  652. {block:IfInfiniteScroll}
  653. {/block:IndexPage}
  654. }
  655.  
  656. #pagination a{
  657. color:{color:accent1};
  658. margin:0 5px;
  659. }
  660.  
  661. ul.chat {
  662. margin: 0;
  663. padding: 0;
  664. }
  665.  
  666. .chat li {
  667. list-style-type: none;
  668. margin-left: 0px;
  669. padding: 3px;
  670. }
  671.  
  672. .chat li.odd {
  673. background-color:{color:chat line 1};
  674. margin-bottom: 1px;
  675. }
  676.  
  677. .chat li.even {
  678. background-color:{color:chat line 2};
  679. margin-bottom: 1px;
  680. }
  681.  
  682. .label {
  683. font-weight: bold;
  684. color:{color:h1 text};
  685. }
  686.  
  687. .pagination{
  688. display:none;
  689. }
  690.  
  691. ol.notes {
  692. padding: 0px;
  693. margin: 25px 0px;
  694. font: 8px/8px courier;
  695. text-transform: uppercase;
  696. letter-spacing: 2px;
  697. list-style-type: none;
  698. border-bottom: solid 1px {color:border};
  699. }
  700.  
  701. ol.notes li.note {
  702. border-top: solid 1px {color:border};
  703. padding: 10px;
  704. }
  705.  
  706. ol.notes li.note img.avatar {
  707. vertical-align: -4px;
  708. margin-right: 10px;
  709. width: 16px;
  710. height: 16px;
  711. }
  712.  
  713. ol.notes li.note span.action {
  714. font-weight: bold;
  715. }
  716.  
  717. ol.notes li.note .answer_content {
  718. font-weight: normal;
  719. }
  720.  
  721. ol.notes li.note blockquote {
  722. border-color: {color:border};
  723. padding: 4px 10px;
  724. margin: 10px 0px 0px 25px;
  725. }
  726.  
  727. ol.notes li.note blockquote a {
  728. text-decoration: none;
  729. }
  730. </style>
  731.  
  732.  
  733. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  734. <script src="http://masonry.desandro.com/v2/js/jquery.infinitescroll.min.js"></script>
  735. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  736.  
  737. {block:IndexPage}
  738. <script>
  739. $(function(){
  740. {block:IfColumns}
  741. var $container = $('#content');
  742. $container.imagesLoaded(function() {
  743. $container.masonry({
  744. isFitWidth: true,
  745. itemSelector: 'article'
  746. });
  747. });
  748. {/block:IfColumns}
  749.  
  750. {block:IfInfiniteScroll}
  751. $container.infinitescroll({
  752. navSelector: 'div.pagination',
  753. nextSelector: '.pagination a#next',
  754. itemSelector: 'article',
  755. loading: {
  756. finishedMsg: ''
  757. }
  758. },
  759. function(newElements) {
  760. var $newElems = $(newElements).css({
  761. opacity: 0
  762. });
  763. $newElems.imagesLoaded(function() {
  764. $newElems.animate({
  765. opacity: 1
  766. });
  767. $container.masonry('appended', $newElems, true);
  768. });
  769. });
  770. {/block:IfInfiniteScroll}
  771. });
  772. </script>
  773. {/block:IndexPage}
  774.  
  775. <script>
  776. $(document).ready(function() {
  777. {block:IndexPage}
  778. {block:IfInfiniteScroll}
  779. $(window).scroll(function() {
  780. if ($(this).scrollTop() > 300) {
  781. $('.scroll').fadeIn();
  782. } else {
  783. $('.scroll').fadeOut();
  784. }
  785. });
  786.  
  787. $('.scroll').click(function() {
  788. $("html, body").animate({
  789. scrollTop: 0
  790. }, 600);
  791. return false;
  792. });
  793. {/block:IfInfiniteScroll}
  794. var color = '{color:accent2}'; // color of play button (hex)
  795. $('.soundcloud_audio_player').each(function() {
  796. $(this).attr({
  797. src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1],
  798. height: 20,
  799. width: '100%'
  800. });
  801. });
  802. });
  803. </script>
  804. </head>
  805. <body>
  806.  
  807.  
  808.  
  809. <div class="pagination">
  810. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  811. </div>
  812.  
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819. <div id="center">
  820.  
  821.  
  822. <div id="nav">
  823. <div id="title"><span>{title}</span></div>
  824. <ul>
  825. <li><a href="/">index</a></li>
  826. <li><a href="/ask">inbox</a></li>
  827. <li><a href="/archive">archive</a></li>
  828. {block:IfCustomLinkOne}<li><a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}">{text:Custom Link One}</a></li>{/block:IfCustomLinkOne}
  829.  
  830. {block:IfCustomLinktwo}<li> / <a href="{block:IfCustomLinktwoURL}{text:Custom Link two URL}{/block:IfCustomLinktwoURL}">{text:Custom Link two}</a></li>{/block:IfCustomLinktwo}
  831.  
  832. {block:IfCustomLinkthree}<li> / <a href="{block:IfCustomLinkthreeURL}{text:Custom Link three URL}{/block:IfCustomLinkthreeURL}">{text:Custom Link three}</a></li>{/block:IfCustomLinkthree}
  833.  
  834. {block:IfCustomLinkfour}<li> / <a href="{block:IfCustomLinkfourURL}{text:Custom Link four URL}{/block:IfCustomLinkfourURL}">{text:Custom Link four}</a></li>{/block:IfCustomLinkfour}
  835.  
  836. {block:IfCustomLinkFive}<li> / <a href="{block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/block:IfCustomLinkFiveURL}"> {text:Custom Link Five}</a></li>{/block:IfCustomLinkFive}
  837.  
  838. {block:IfCustomLinkSix}<li> / <a href="{block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/block:IfCustomLinkSixURL}"> {text:Custom Link Six}</a></li>{/block:IfCustomLinkSix}
  839. </ul>
  840. </div>
  841.  
  842.  
  843.  
  844.  
  845. <div id="side">
  846. <div id="portrait"><a href="/">
  847. <span><img src="{image:portrait}"></a></span>
  848. </div>
  849. <div id="desc">{Description}</div>
  850. </div>
  851.  
  852.  
  853.  
  854.  
  855.  
  856. <div id="content">
  857. {block:Posts}
  858. <article class="entry">
  859.  
  860.  
  861. {block:IndexPage}
  862. <div class="perma">
  863. <div class="wrap">
  864. {block:Date}<a href="{Permalink}">{MonthNumberWithZero} / {DayOfMonthWithZero}</a>{/block:Date}
  865. {NoteCount} N.
  866. <a href="{ReblogURL}">Reblog</a>
  867. </div>
  868. </div>
  869. {/block:IndexPage}
  870.  
  871.  
  872. {block:Text}
  873. <div class="txt">
  874. {block:Title}
  875. <h1><span></span><a href="{permalink}">{Title}</a></h1>{/block:Title}
  876. <span class="bod">{Body}</span>
  877. </div>
  878. {/block:Text}
  879.  
  880.  
  881.  
  882.  
  883. {block:Link}
  884. <div class="txt">
  885. <h1><span></span><a href="{URL}">{Name}</a></h1>
  886. {block:Description}<span class="bod">{Description}</span>{/block:Description}
  887. </div>
  888. {block:Link}
  889.  
  890.  
  891.  
  892.  
  893. {block:Photo}
  894. {block:IndexPage}
  895. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  896. <img class="img" src="{PhotoURL-HighRes}">
  897. </a>
  898. {/block:IndexPage}
  899.  
  900. {block:PermalinkPage}
  901. {block:HighRes}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:HighRes}
  902. {block:PermalinkPage}
  903. {/block:Photo}
  904.  
  905.  
  906.  
  907.  
  908.  
  909. {block:Photoset}
  910. {block:IndexPage}
  911. {block:If250px}{Photoset-250}{/block:If250px}
  912. {block:If400px}{Photoset-400}{/block:If400px}
  913. {block:If500px}{Photoset-500}{/block:If500px}
  914. {/block:IndexPage}
  915.  
  916. {block:permalinkpage}
  917. {Photoset-500}
  918. {/block:permalinkpage}
  919. {/block:Photoset}
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926. {block:Chat}
  927. {block:Title}
  928. <h1><span></span><a href="{Permalink}">{Title}</a></h1>
  929. {/block:Title}
  930. <ul class="chat">
  931. {block:Lines}
  932. <li class="{Alt} user_{UserNumber}">
  933. {block:Label}<span class="label">{Label}</span>{/block:Label}
  934. {Line}
  935. </li>
  936. {/block:Lines}
  937. </ul>
  938. {/block:Chat}
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949. {block:Audio}
  950. {block:AudioEmbed}
  951. <div style="height: 80px">
  952. {block:IndexPage}
  953. {block:If250px}{AudioEmbed-250}{/block:If250px}
  954. {block:If400px}{AudioEmbed-400}{/block:If400px}
  955. {block:If500px}{AudioEmbed}{/block:If500px}
  956. {/block:IndexPage}
  957. {block:permalinkpage}
  958. {AudioEmbed}
  959. {/block:permalinkpage}
  960. </div>
  961. {/block:AudioEmbed}
  962. {/block:Audio}
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969. {block:Quote}
  970. <h2>{Quote}</h2>
  971. {block:Source}<div class="source">- {Source}</div>{/block:Source}
  972. {/block:Quote}
  973.  
  974.  
  975.  
  976.  
  977.  
  978. {block:Answer}
  979. <div class="quest">
  980. <img src="{AskerPortraitURL-30}">
  981. <a href="{permalink}">{Asker}</a> <p>{Question}</p>
  982. </div>
  983. {Answer}
  984. {/block:Answer}
  985.  
  986.  
  987.  
  988.  
  989. {block:Video}
  990. {block:IndexPage}
  991. {block:If250px}{Video-250}{/block:If250px}
  992. {block:If400px}{Video-400}{/block:If400px}
  993. {block:If500px}{Video-500}{/block:If500px}
  994. {/block:IndexPage}
  995. {block:permalinkpage}
  996. {Video-500}
  997. {/block:permalinkpage}
  998. {/block:Video}
  999.  
  1000.  
  1001.  
  1002.  
  1003.  
  1004.  
  1005.  
  1006. {block:IndexPage}
  1007. {block:ifShowCaption}
  1008. {block:Caption}
  1009. <div class="cap">{Caption}</div>
  1010. {/block:Caption}
  1011. {/block:ifShowCaption}
  1012. {/block:IndexPage}
  1013.  
  1014. {block:PermalinkPage}
  1015. {block:Caption}
  1016. <div class="cap">{Caption}</div>
  1017. {/block:Caption}
  1018. {/block:PermalinkPage}
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026. {block:PermalinkPage}
  1027. <div class="perma">
  1028. {block:Date}<b>< {MonthNumberWithZero} / {DayOfMonthWithZero} > </b> {TimeAgo}{/block:Date} — {block:NoteCount}{NoteCount}{/block:NoteCount}N.
  1029.  
  1030. {block:RebloggedFrom}
  1031. <div class="vias">
  1032. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"> Via: {ReblogParentName}</a> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"> Source: {ReblogRootName}</a>
  1033. </div>
  1034. {/block:RebloggedFrom}
  1035. </div>
  1036. {/block:PermalinkPage}
  1037.  
  1038. {block:HasTags}
  1039. <div class="tagged">
  1040. {block:Tags}<a href="{TagURL}">{Tag}</a> - {/block:Tags}
  1041. </div>
  1042. {/block:HasTags}
  1043.  
  1044.  
  1045. {PostNotes-16}
  1046.  
  1047.  
  1048. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1049. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1057. </article>
  1058.  
  1059.  
  1060.  
  1061. {block:IfInfiniteScroll}
  1062. <div id="pagination">
  1063. <div class="scroll"><a href="#">back to top</a></div>
  1064. </div>
  1065. {/block:IfInfiniteScroll}
  1066.  
  1067.  
  1068. {block:IfNotInfiniteScroll}
  1069. {block:Pagination}
  1070. <div id="pagination">
  1071. {block:PreviousPage}
  1072. <a href="{PreviousPage}">Back</a>
  1073. {/block:PreviousPage}
  1074.  
  1075. {block:JumpPagination length="5"}
  1076. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1077. {block:JumpPage}
  1078. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1079. {/block:JumpPage}
  1080. {/block:JumpPagination}
  1081.  
  1082. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  1083. </div>
  1084. {/block:Pagination}
  1085. {/block:IfNotInfiniteScroll}
  1086.  
  1087.  
  1088.  
  1089.  
  1090. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}--> {/block:ContentSource}
  1091. {/block:Posts}
  1092. </div>
  1093. </div>
  1094.  
  1095. </body>
  1096. </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!