API tools faq
paste
Advertisement
harreyeh

theme 12: coexist

harreyeh
May 28th, 2014
4,432
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.97 KB | None | 0 0
raw download clone embed print report
  1. <!-- coexist theme, by feverfires // themesbyzsu.tumblr.com-->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <meta name="color:Link" content="#333" />
  15. <meta name="color:Link Hover" content="#eee" />
  16. <meta name="color:Background" content="#fff" />
  17. <meta name="color:Text" content="#000" />
  18. <meta name="text:Short Description" content="short second title" />
  19. <meta name="text:Link Margin Left" content="30px" />
  20. <meta name="text:Link1" content="index" />
  21. <meta name="text:Link1 URL" content="/" />
  22. <meta name="text:Link2" content="ask" />
  23. <meta name="text:Link2 URL" content="/ask" />
  24. <meta name="text:Link3" content="archive" />
  25. <meta name="text:Link3 URL" content="/archive" />
  26. <meta name="text:Link4" content="link" />
  27. <meta name="text:Link4 URL" content="/" />
  28. <meta name="text:Link5" content="link" />
  29. <meta name="text:Link5 URL" content="/" />
  30.  
  31. <meta name="select:Post Gradient" content="bluewhite" title="Blue and White">
  32. <meta name="select:Post Gradient" content="blackwhite" title="White and Black">
  33. <meta name="select:Post Gradient" content="blue" title="Blue">
  34. <meta name="select:Post Gradient" content="other" title="Other">
  35.  
  36. <meta name="select:Title Style" content="arvo" title="Style 1">
  37. <meta name="select:Title Style" content="helvetica" title="Style 2">
  38. <meta name="select:Title Style" content="shadow" title="Style 3">
  39.  
  40. <meta name="if:250pxPosts" content="1" />
  41. <meta name="if:400pxPosts" content="0" />
  42. <meta name="if:500pxPosts" content="0" />
  43.  
  44. <meta name="if:Uppercase Description" content="1" />
  45.  
  46. <meta name="if:One Columns" content="1" />
  47. <meta name="if:Two Columns" content="1" />
  48. <meta name="if:Three Columns" content="0" />
  49.  
  50. <meta name="text:Gradient 1" content="rgba(0,0,0,.4)" />
  51. <meta name="text:Gradient 2" content="rgba(0,0,0,.4)" />
  52.  
  53. <link href='http://fonts.googleapis.com/css?family=Tangerine:400,700' rel='stylesheet' type='text/css'>
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script type="text/javascript"
  58. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  59. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  60.  
  61. <script language="javascript">
  62. $(document).ready(function() {
  63. $('a#buttonsend').click(function() {
  64. $('.t',this).toggle();
  65. });
  66.  
  67. $("#about").css({"left": "900px", "opacity":"0.0", "z-index":"0"})
  68. $("#entries").animate({"opacity": "1.0", "left":"400px"})
  69. $("#buttonsend").toggle(
  70. function () {
  71. $("#about").animate({"left": "400px", "opacity":"1.0", "z-index":"10000"}, "slow");
  72. $("#entries").animate({"opacity": "0.0", "left":"900px"},"slow");
  73. },
  74. function () {
  75. $("#about").animate({"left": "900px", "z-index":"0", "opacity":"0.0"}, "slow");
  76. $("#entries").animate({"opacity": "1.0", "left":"400px"});
  77. });
  78. });
  79. </script>
  80.  
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85. body {
  86. background: {color:Background};
  87. background-image: url('{image:Background}');
  88. position:absolute;
  89. margin:0;
  90. height:100%;
  91. width:100%;
  92. font-size:12px;
  93. font-family:Helvetica;
  94. color:{color:Text};
  95. }
  96.  
  97. blockquote {
  98. border-left: 3px solid #eee;
  99. padding:0px;
  100. padding-left:10px;
  101. margin:0;
  102. }
  103.  
  104. blockquote img {
  105. max-width: 100%;
  106. display: block;
  107. margin-bottom: 5px;
  108. }
  109.  
  110. blockquote blockquote {
  111. margin: 10px;
  112. padding: 10px;
  113. }
  114.  
  115. pre{
  116. {block:IndexPage}
  117. {block:if250pxPosts}width:250px;{/block:if250pxPosts}
  118. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  119. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  120. word-wrap:break-word;
  121. overflow:hidden;
  122. {/block:IndexPage}
  123. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  124. }
  125.  
  126. a {
  127. text-decoration:none;
  128. outline:none;
  129. color:{color:Link};
  130. -webkit-transition: all 0.5s ease-in-out;
  131. -moz-transition: all 0.5s ease-in-out;
  132. -o-transition: all 0.5s ease-in-out;
  133. }
  134.  
  135. a:hover {
  136. color:{color:Link Hover};
  137. -webkit-transition: all 0.5s ease-in-out;
  138. -moz-transition: all 0.5s ease-in-out;
  139. -o-transition: all 0.5s ease-in-out;
  140. }
  141.  
  142. h1 {
  143. font-family:{font:Body};
  144. text-align:center;
  145. }
  146.  
  147. h2 {
  148. font-family:tahoma;
  149. text-transform:uppercase;
  150. padding:5px;
  151. color:{color:Link};
  152. -webkit-transition: all 0.5s ease-in-out;
  153. -moz-transition: all 0.5s ease-in-out;
  154. -o-transition: all 0.5s ease-in-out;
  155. }
  156.  
  157. h2:before{
  158. content:"";
  159. height:3px;
  160. position:absolute;
  161. margin-top:10px;
  162. margin-left:-60px;
  163. width:0px;
  164. background:white;
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;
  167. -o-transition: all 0.5s ease-in-out;
  168. }
  169.  
  170. h2:hover:before{
  171. width:50px;
  172. -webkit-transition: all 0.5s ease-in-out;
  173. -moz-transition: all 0.5s ease-in-out;
  174. -o-transition: all 0.5s ease-in-out;
  175. }
  176.  
  177. h2:hover{
  178. padding-left:60px;
  179. -webkit-transition: all 0.5s ease-in-out;
  180. -moz-transition: all 0.5s ease-in-out;
  181. -o-transition: all 0.5s ease-in-out;
  182. }
  183.  
  184. #title {
  185.  
  186. }
  187.  
  188. #title a{
  189. color:{color:Text};
  190. }
  191.  
  192. .arvo{
  193. font-family:'Arial';
  194. font-weight:700;
  195. font-size:47px;
  196. padding:10px 30px;
  197. line-height:60px;
  198. letter-spacing:-1px;
  199. -webkit-transition: all 0.5s ease-in-out;
  200. -moz-transition: all 0.5s ease-in-out;
  201. -o-transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. .arvo:before{
  205. width:50px;
  206. content:'';
  207. position:fixed;
  208. height:4px;
  209. margin-top:34px;
  210. margin-left:-60px;
  211. background:{color:Text};
  212. }
  213.  
  214. .t{padding-right:5px;}
  215.  
  216. .helvetica {
  217. font-family:'Helvetica';
  218. font-weight:700;
  219. border-left:5px solid {color:Text};
  220. font-size:40px;
  221. letter-spacing:5px;
  222. padding:10px;
  223. margin:10px;
  224. text-transform:uppercase;
  225. -webkit-transition: all 0.5s ease-in-out;
  226. -moz-transition: all 0.5s ease-in-out;
  227. -o-transition: all 0.5s ease-in-out;
  228. }
  229.  
  230. .shadow{
  231. font:35px Helvetica;
  232. text-shadow:2px 2px #ddd;
  233. }
  234.  
  235. #title a:hover{
  236. }
  237.  
  238. #sidebar {
  239. position:fixed;
  240. top:50%;
  241. left:60px;
  242. width:300px;
  243. text-align:right;
  244. font-family:'Roboto';
  245. color:{color:Text};
  246. padding:5px;
  247. z-index:10000;
  248. }
  249.  
  250. #description {
  251. font-size:9px;
  252. {block:ifUppercaseDescription}text-transform:uppercase;{/block:ifUppercaseDescription}
  253. font-family:Arial;
  254. text-align:right;
  255.  
  256. }
  257. #description a{
  258. color:{color:Text};
  259. }
  260.  
  261. #about {position: fixed;
  262. top:0;
  263. width:400px;
  264. height:100%;
  265. font:10px 'Arial';
  266. padding: 20px;
  267. opacity:0;
  268. padding-top:250px;
  269. color:{color:Text};}
  270.  
  271.  
  272. #pagination {
  273. background:black;
  274. color:white;
  275. }
  276.  
  277. #links {
  278. text-align:left;
  279. padding-top:20px;
  280. margin-bottom:-10px;
  281. }
  282.  
  283. #links a{
  284. display:block;
  285. padding:4px;
  286. color:{color:Text};
  287. margin:5px;
  288. text-transform:uppercase;
  289. letter-spacing:2px;
  290. font:8px Arial;
  291. border-left:1px solid transparent;
  292. -webkit-transition: all 0.8s ease-in-out;
  293. -moz-transition: all 0.8s ease-in-out;
  294. -o-transition: all 0.8s ease-in-out;
  295. }
  296.  
  297. #links a:hover{
  298. color:#333;
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. -o-transition: all 0.5s ease-in-out;
  302. }
  303.  
  304. #links a span{
  305. color:transparent;
  306. padding-left:5px;
  307. -webkit-transition: all 0.5s ease-in-out;
  308. -moz-transition: all 0.5s ease-in-out;
  309. -o-transition: all 0.5s ease-in-out;
  310. }
  311.  
  312. #links a:hover span{
  313. padding-left:20px;
  314. color:{color:Text};
  315. -webkit-transition: all 0.5s ease-in-out;
  316. -moz-transition: all 0.5s ease-in-out;
  317. -o-transition: all 0.5s ease-in-out;
  318. }
  319.  
  320. #entries {
  321. position:absolute;
  322. top:100px;
  323. left:400px;
  324. {block:if250pxPosts}width:300px;{/block:if250pxPosts}
  325. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  326. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  327. {block:ifOneColumns}width:500px;{/block:ifOneColumns}
  328. {block:ifTwoColumns}width:700px;{/block:ifTwoColumns}
  329. {block:ifThreeColumns}width:1000px;{/block:ifThreeColumns}
  330. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  331. }
  332.  
  333. #entries img{
  334. {block:if250pxPosts}max-width:250px;{/block:if250pxPosts}
  335. {block:if400pxPosts}max-width:400px;{/block:if400pxPosts}
  336. {block:if500pxPosts}max-width:500px;{/block:if500pxPosts}
  337. {block:PermalinkPage}max-width:400px;{/block:PermalinkPage}
  338. }
  339.  
  340. #post {
  341. display:block;
  342. position:relative;
  343. {block:if250pxPosts}width:250px;{/block:if250pxPosts}
  344. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  345. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  346. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  347. float:left;
  348. overflow:hidden;
  349. font-family:Arial;
  350. z-index:50;
  351. padding:0;
  352. margin:30px;
  353. }
  354.  
  355. .perm {
  356. color:black;
  357. font-size:7px;
  358. opacity: 0;
  359. -webkit-transition-duration: 1s;
  360. bottom:0px;
  361. width:100%;height:100%;
  362. position: absolute;
  363. text-align:center;
  364. display:block;
  365. box-shadow:0 -3px {color:Background} inset;
  366. }
  367.  
  368. .perma {
  369. text-transform:uppercase;
  370. font:8px helvetica;
  371. letter-spacing:4px;
  372. }
  373.  
  374. .caption{
  375. display:block;
  376. overflow:auto;
  377. width:100%;
  378. top:45%;
  379. {block:Caption}top:40%;{/block:Caption}
  380. font:10px helvetica;
  381. letter-spacing:1px;
  382. position:absolute;
  383. }
  384. .caption blockquote{
  385. border:none;
  386. padding:5px;
  387. }
  388.  
  389. #post .caption{color:white;}
  390. #post .caption a{color:white;}
  391. #post:hover .perm {
  392. opacity:1;
  393. z-index:999999;
  394. }
  395.  
  396.  
  397. #bluewhite{
  398. background: -webkit-linear-gradient(rgba(0,0,100,.6), rgba(255,255,255,.6));
  399. background: -o-linear-gradient(rgba(0,0,100,.6), rgba(255,255,255,.6));
  400. background: -moz-linear-gradient(rgba(0,0,100,.6), rgba(255,255,255,.6));
  401. background: linear-gradient(rgba(0,0,100,.6), rgba(255,255,255,.6));
  402. }
  403.  
  404. #blackwhite{
  405. background: -webkit-linear-gradient(rgba(0,0,0,.6), rgba(255,255,255,.6));
  406. background: -o-linear-gradient(rgba(0,0,0,.6), rgba(255,255,255,.6));
  407. background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(255,255,255,.6));
  408. background: linear-gradient(rgba(0,0,0,.6), rgba(255,255,255,.6));
  409. }
  410.  
  411. #blue{
  412. background: -webkit-linear-gradient(rgba(0,0,30,.6), rgba(0,0,100,.6));
  413. background: -o-linear-gradient(rgba(0,0,30,.6), rgba(0,0,100,.6));
  414. background: -moz-linear-gradient(rgba(0,0,30,.6), rgba(0,0,100,.6));
  415. background: linear-gradient(rgba(0,0,30,.6), rgba(0,0,100,.6));
  416. }
  417.  
  418. #other{
  419. background: -webkit-linear-gradient ({text:Gradient 1}, {text:Gradient 2});
  420. background: -o-linear-gradient({text:Gradient 1}, {text:Gradient 2});
  421. background: -moz-linear-gradient({text:Gradient 1}, {text:Gradient 2});
  422. background: linear-gradient({text:Gradient 1}, {text:Gradient 2});
  423. }
  424.  
  425.  
  426.  
  427. .photo img {
  428. {block:if250pxPosts}width:250px;{/block:if250pxPosts}
  429. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  430. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  431. }
  432.  
  433. .photoset {
  434. {block:if250pxPosts}width:250px;{/block:if250pxPosts}
  435. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  436. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  437. {block:PermalinkPage}width:400px;{/block:PermalinkPage}}
  438.  
  439. #audio{
  440. font:11px 'Arial';
  441. width:100%;line-height:140%;
  442. padding-top:5px;
  443. text-align:left;
  444. min-height:100px;
  445. }
  446.  
  447. .audioinfo{margin-left:110px}
  448. .audioinfo b{display:block; border-left:3px solid {color:Text}; padding-left:5px; font:12px Arial;}
  449.  
  450. #albumart{
  451. width:100px;
  452. height:100px;
  453. float:left;
  454. background:url(http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg);
  455. }
  456.  
  457. #info{
  458. text-transform:uppercase;
  459. letter-spacing:1px;
  460. font:7px arial;
  461. {block:PermalinkPage}
  462. font:10px arial;
  463. {/block:PermalinkPage}
  464. text-align:center;
  465. border-top:1px solid #f1f1f1;
  466. padding:5px;
  467. }
  468. .text{font:11px arial;}
  469. .text blockquote{margin-left:10px;}
  470.  
  471. ol.notes {
  472. margin-top:10px;
  473. padding-bottom:2%;
  474. list-style:none;
  475. color:{color:Text};
  476. text-align:left;
  477. text-transform:uppercase;
  478. line-height:140%;
  479. font-size:9px;
  480. }
  481.  
  482. ol.notes li.note{
  483. padding:2%;
  484. }
  485.  
  486. ol.notes li.note img.avatar{
  487. width:0px;
  488. height:0px;
  489. }
  490.  
  491.  
  492. #credit a{
  493. position:fixed;
  494. right:10px;
  495. bottom:10px;
  496. padding:5px;
  497. line-height:10px;
  498. font-size:11px;
  499. color:{color:Text};
  500. border:1px solid transparent;
  501. -moz-transition-duration:1s;
  502. -webkit-transition-duration:1s;
  503. -o-transition-duration:1s;
  504. }
  505.  
  506. #credit a:hover {
  507. border:1px solid {color:Text};
  508. -moz-transition-duration:1s;
  509. -webkit-transition-duration:1s;
  510. -o-transition-duration:1s;
  511. }
  512.  
  513. </style>
  514. <style type="text/css">{CustomCSS}</style>
  515.  
  516. {block:IndexPage}
  517. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  518. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  519. <script type="text/javascript">
  520. $(window).load(function(){
  521. var $wall = $('#entries');
  522. $wall.imagesLoaded(function(){
  523. $wall.masonry({
  524. itemSelector: '#post',
  525. isAnimated : true
  526. });
  527. });
  528. $wall.infinitescroll({
  529. navSelector : "div#navigation",
  530. nextSelector : "div#navigation a#nextPage",
  531. itemSelector : '#post',
  532. loadingImg : "",
  533. loadingText : " ",
  534. donetext : " ",
  535. extraScrollPx : 0,
  536. bufferPx : 10000,
  537. debug : false,
  538. errorCallback: function() {
  539. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  540. }},
  541. function( newElements ) {
  542. var $newElems = $( newElements );
  543. $newElems.hide();
  544. $newElems.imagesLoaded(function(){
  545. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  546. });
  547. }); $('#entries').show(500);
  548. });
  549. </script>
  550. {/block:IndexPage}
  551.  
  552. <script type="text/javascript">
  553. $(window).load(function(){
  554. $("p").remove(":contains('(Source:')");
  555. $("p").remove(":contains('(source:')");
  556. $("p").remove(":contains('(via ')");
  557. });
  558. </script>
  559.  
  560.  
  561. {block:indexpage}
  562. <script language="JavaScript">
  563. function function1(){
  564. window.scrollTo(0,5);
  565. }
  566. function function2(){
  567. window.scroll(0,2);
  568. }
  569. </script>
  570.  
  571. {/block:indexpage}
  572.  
  573.  
  574. </head>
  575.  
  576. <body>
  577.  
  578. <div id="sidebar">
  579. <div id="title"><a href="/" class="{select:Title Style}">{Title}</a></div>
  580. <div id="description">
  581. {text:Short Description}
  582. <a id="buttonsend" class="t" style="cursor:pointer; display:inline-block"><span class="t">more +</span>
  583. <span class="t" style="display:none">less -</span></a>
  584. </div>
  585. </div>
  586.  
  587. <div id="about"><div class="desc">
  588. {block:Description}{Description}{/block:Description}
  589. <div id="links">
  590.  
  591. <a href="{text:Link1 URL}">{text:Link1}<span>»</span></a>
  592. <a href="{text:Link2 URL}">{text:Link2}<span>»</span></a>
  593. <a href="{text:Link3 URL}">{text:Link3}<span>»</span></a>
  594. <a href="{text:Link4 URL}">{text:Link4}<span>»</span></a>
  595. <a href="{text:Link5 URL}">{text:Link5}<span>»</span></a>
  596. </div>
  597. </div></div>
  598.  
  599. <div id="entries" class="ent{select:Post Type}">
  600.  
  601. {block:IndexPage}<div class="column navigation" id="navigation">
  602. {block:Pagination}
  603. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  604. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  605. </div>{/block:IndexPage}
  606.  
  607.  
  608. {block:Posts}
  609.  
  610. <div id="post" class="post{select:Post Type}">
  611. {block:Photo}
  612. <div class="photo">
  613. {block:IndexPage}
  614. <a href="{Permalink}">
  615. {block:if250pxPosts}<img src="{PhotoURL-250}">{/block:if250pxPosts}
  616. {block:if400pxPosts}<img src="{PhotoURL-400}">{/block:if400pxPosts}
  617. {block:if500pxPosts}<img src="{PhotoURL-500}">{/block:if500pxPosts}
  618. </a>
  619.  
  620. <div class="perm" id="{select:Post Gradient}">
  621. <div class="caption">
  622. {Caption}<br> <a class="perma" href="{Permalink}">{NoteCountWithLabel}</a>
  623. </div></div>
  624. {/block:IndexPage}
  625. {block:PermalinkPage}<img src="{PhotoURL-400}">
  626. <br><br>
  627. {Caption}
  628. <div id="info">
  629. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  630. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  631. </div>
  632.  
  633. {/block:PermalinkPage}
  634.  
  635. </div>
  636. {/block:Photo}
  637.  
  638.  
  639. {block:Text}
  640. <div class="text">
  641. <h1>{title}</h1>{Body}
  642. </div><div id="info">
  643. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{block:PermalinkPage}
  644. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  645. </div>
  646. {/block:Text}
  647.  
  648. {block:Quote}<h3>“{Quote}” </h3>
  649. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>
  650. <div id="info">
  651. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{block:PermalinkPage}
  652. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  653. </div>
  654. {/block:Quote}
  655.  
  656. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  657. {block:Description}<p>{Description}</p>{/block:Description}
  658. <div id="info">
  659. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{block:PermalinkPage}
  660. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  661. </div>
  662. {/block:Link}
  663.  
  664. {block:Photoset}
  665.  
  666. <div class="photoset">
  667. {block:IndexPage}
  668. {block:if250pxPosts}{Photoset-250}{/block:if250pxPosts}
  669. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  670. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  671. <div class="perm" id="{select:Post Gradient}">
  672. <div class="caption">
  673. {Caption}<br>
  674. <a href="{Permalink}" class="perma">{NoteCountWithLabel}</a>
  675. </div></div>
  676. {/block:IndexPage}
  677.  
  678. {block:PermalinkPage}
  679. {Photoset-400}
  680. <br>
  681. {Caption}
  682. <div id="info">
  683. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>
  684. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  685. </div>
  686.  
  687. {/block:PermalinkPage}
  688.  
  689. </div>
  690.  
  691. {block:Photoset}
  692.  
  693.  
  694.  
  695. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<div id="info">
  696. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{/block:PermalinkPage}
  697. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  698. </div>{/block:Chat}
  699.  
  700.  
  701.  
  702. {block:Video}
  703. {block:if250pxPosts}{Video-250}{/block:if250pxPosts}
  704. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  705. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  706.  
  707. {block:Caption}{Caption}{/block:Caption}<div id="info">
  708. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{/block:PermalinkPage}
  709. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  710. </div>{/block:Video}
  711.  
  712.  
  713.  
  714.  
  715. {block:Audio}
  716. <div id="albumart">
  717. {block:AlbumArt}
  718. <img src="{AlbumArtURL}" width="100px" height="100px"/>
  719. <div style="width:100px; float:left; margin-top:-20px; overflow:hidden">
  720. {block:AudioPlayer}
  721. {AudioPlayerWhite}
  722. {/block:AudioPlayer}</div>
  723. {/block:AlbumArt}
  724. </div>
  725. <div id="audio">
  726. <div class="audioinfo">
  727. <b>{block:TrackName}{TrackName}{/block:TrackName}</b><br>
  728. {block:Artist}{Artist}{/block:Artist}<br>
  729. {block:Album}{Album}{/block:Album}<br>
  730. {block:Playcount}{FormattedPlayCount} plays<br>{/block:Playcount}
  731. </div>
  732. <br><br><br>
  733. </div>
  734. <div id="info" style="margin-top:20px">
  735. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{/block:PermalinkPage}
  736. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  737. </div>
  738. {block:PermalinkPage}{Caption}{/block:PermalinkPage}
  739. {/block:Audio}
  740.  
  741. {block:Answer}
  742. <div style="background:rgba(0,0,0,.03); padding:5px; text-transform:uppercase; border:2px solid rgba(0,0,0,.04); letter-spacing:1px; line-height:180%; font:9px arial; outline:1px solid rgba(0,0,0,.1); color:{color:Text}">
  743. <b>Q:</b> {Question}<br>
  744. <div style="text-align:right; padding-top:10px; font-size:8px; color:{color:Text}">{Asker} - </div>
  745. </div>
  746. {Answer}
  747.  
  748. <div id="info">
  749. {block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}<br>{/block:PermalinkPage}
  750. <a href="{Permalink}">permalink</a> {block:NoteCount} ✕ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}✕ <a href="{ReblogParentURL}">via</a>{block:ContentSource} ✕ <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}
  751. </div>
  752. {/block:Answer}
  753.  
  754. </div>
  755.  
  756.  
  757. {/block:Posts}
  758.  
  759. {block:PostNotes}{PostNotes}{/block:PostNotes}
  760.  
  761. </div>
  762.  
  763. <div id="credit"><a href="http://feverfires.tumblr.com">✿</a></div>
  764. <script>$("p").remove(":contains('Source:'),:contains('via ')");</script>
  765. </body>
  766. </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!