API tools faq
paste
Advertisement
harreyeh

theme 14: black shadow

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