API tools faq
paste
Advertisement
themesbyjames

Nineteen

themesbyjames
Jan 20th, 2013
159,137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.55 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. .d88b. d888 .d8888b.
  3. d88""88b d888 d88P Y88b
  4. Y88..88P 888 888 888
  5. "Y88P" 888 Y88b. d888
  6. 888 "Y888P888
  7. 888 888
  8. 888 Y88b d88P
  9. 8888888 "Y8888P"
  10.  
  11. ~ THANK YOU AND CONGRATULATIONS FOR CHOOSING THEMESBYJAMES ~
  12. THEME: NINETEEN CREATED JANUARY 2013. HTTP://THEMESBYJAMES.TUMBLR.COM
  13. PERMALINK CREDIT TO THEMES-BY-JOSH (THEMES 4)
  14. BLOG TITLE CREDIT TO UNIMPULSIVE THEMES
  15. -------------------------------------------------------------------------->
  16.  
  17. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  18. <head><html>
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:Background" content="#FFFFFF" />
  22. <meta name="color:Center" content="#FFFFFF" />
  23. <meta name="color:Text" content="#000000" />
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Link Hover" content="#999" />
  26. <meta name="color:Scrollbar" content="#4c4f50"/>
  27. <meta name="image:Background" content="" />
  28. <meta name="if:Rounded Photos" content="0"/>
  29. <meta name="if:White Follow Button" content="0"/>
  30. <meta name="if:Show Blogtitle" content="1"/>
  31. <meta name="if:Show Sidebar Image" content="1" />
  32. <meta name="if:Show Photo Permalinks" content="1"/>
  33. <meta name="text:Ask Title" content="Message" />
  34. <meta name="text:Link One" content="" />
  35. <meta name="text:Link One Title" content="" />
  36. <meta name="text:Link Two" content="" />
  37. <meta name="text:Link Two Title" content="" />
  38. <meta name="text:Link Three" content="" />
  39. <meta name="text:Link Three Title" content="" />
  40. <meta name="text:Link Four" content="" />
  41. <meta name="text:link Four Title" content="" />
  42. <meta name="text:link Five" content="" />
  43. <meta name="text:link Five Title" content="" />
  44. <!--- STYLESHEETS & STATIC UPLOADS --->
  45. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  46. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  47. <script type="text/javascript"
  48. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  49. <script src="http://static.tumblr.com/6jwx45k/wtAmglb9t/themesbyjames-whyareyoureadingthis-likescript.js"></script>
  50. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700' rel='stylesheet' type='text/css'>
  51.  
  52. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  53. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  54.  
  55. <style type="text/css">
  56.  
  57. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;{block:ifwhitefollowbutton}
  58. -webkit-filter:invert(100%);{/block:ifwhitefollowbutton}}
  59.  
  60. html{
  61. height:100%;
  62. margin-left:0px;}
  63.  
  64. body, p {
  65. font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  66. font-size: 11px;
  67. line-height:14px;
  68. padding: 0px;
  69. margin: 0px;
  70. color:{color:text};}
  71.  
  72. body {
  73. font-size: 13px;
  74. background-color:{color:background};
  75. background-image:url({image:Background});
  76. background-attachment: fixed;
  77. background-repeat: repeat;}
  78.  
  79. a {
  80. text-decoration:none;
  81. color:{color:text};
  82. -webkit-transition: all 0.4s linear;
  83. -moz-transition: all 0.4s linear;
  84. transition: all 0.4s linear;}
  85.  
  86. a:link, a:active, a:visited{
  87. color: {color:Link};
  88. text-decoration: none;
  89. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  90.  
  91. a:hover{
  92. color:{color:link hover};}
  93.  
  94. img {{block:ifRoundedPhotos}border-radius:5px;{/block:ifroundedphotos}}
  95.  
  96. img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  97.  
  98. #wrapper {
  99. position: relative;
  100. width: 100%;
  101. text-align: center;}
  102.  
  103. .clear {
  104. text-align:left;clear: both;}
  105.  
  106. .entry {
  107. z-index:777;
  108. float:left;
  109. text-align: justify;
  110. display: inline-block;
  111. overflow-x:hidden;overflow:hidden;
  112. background-color:{color:center};
  113. {block:indexpage}
  114. {block:ifPostShadow}
  115. -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  116. -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);
  117. box-shadow: 0px 0px 12px rgba(0, 0, 0, .3);{/block:ifPostShadow}
  118. width:300px;
  119. margin-bottom:-1px;
  120. {/block:indexpage}
  121. {block:Permalinkpage}
  122. overflow-x:visible;overflow:visible;
  123. margin-top:-2px;
  124. {/block:PermalinkPage}
  125. {block:ifinvertedfade}opacity:0.85;{/block:ifinvertedfade}
  126. {block:ifRoundedPhotos}border-radius:3px;{/block:ifroundedphotos}
  127. -webkit-animation:fadeIn 6s;
  128. -moz-animation:fadeIn 6s;
  129. -ms-animation:fadeIn 6s;}
  130.  
  131. #entry.masonry-brick {
  132. top: 0 !important;
  133. left: 0 !important;}
  134.  
  135. #infscr-loading {
  136. position: absolute!important;
  137. width: 16px!important;
  138. height: 11px!important;
  139. bottom: 0px!important;
  140. left: 48.5%!important;
  141. margin-top: 10px!important;
  142. margin-bottom: 5px!important;}
  143.  
  144. .title{
  145. text-align:left;
  146. font-size:14px;
  147. color:#000;}
  148.  
  149. blockquote{
  150. padding:0px 0px 2px 5px;
  151. margin:0px 0px 2px 4px;
  152. border-left: 1px dotted #555555;}
  153.  
  154. /* SCROLL BAR APPEARANCE */
  155. ::-webkit-scrollbar-thumb:vertical {
  156. background-color:{color:scrollbar};
  157. height:10px;width:10px;opacity:1;
  158. -webkit-border-radius:0px;border:3px {color:background} solid;}
  159.  
  160. ::-webkit-scrollbar-thumb:horizontal {
  161. background-color:#4c4f50;opacity:1;
  162. height:10px !important;border:3px {color:background} solid;
  163. -webkit-border-radius:0px;}
  164.  
  165. ::-webkit-scrollbar {
  166. height:10px;
  167. width:10px;
  168. background-color:{color:background};
  169. -webkit-border-radius:0px;}
  170.  
  171. ::-webkit-scrollbar-corner {
  172. background-color:{color:background};}
  173.  
  174. ::-webkit-resizer {
  175. background-color:{color:background};}
  176.  
  177. .photo{width:300px;height:auto;}
  178. .photo img{width:300px; -webkit-transition: 0.3s ease-in;}
  179. .photo img:hover{-webkit-transition: 0.3s ease-in;}
  180. .photobig{width:500px;}
  181. .text,.quote{{block:indexpage}width:300px;max-width:300px;{/block:indexpage}
  182. {block:permalinkpage}width:525px;{/block:permalinkpage}
  183. background-color: {color:Entry background};-webkit-transition: 0.2s ease-in;}
  184.  
  185. .wrapper{width: 930px;margin:2px auto;margin-left:100px;}
  186.  
  187. div#all{
  188. width:100%;
  189. height:100%;
  190. z-index:-100;}
  191.  
  192. div#center{
  193. padding-left:50px;
  194. margin: auto;
  195. width: 920px;}
  196.  
  197. div#content{
  198. position:fixed;
  199. text-align:right;
  200. top:10px;
  201. width: 920px;
  202. height:auto;
  203. margin:auto;
  204. float:left;
  205. padding: 1px 8px 1px 8px;
  206. height:101%;}
  207.  
  208. .sidebar{
  209. margin-left:-280px;
  210. position:fixed !important;
  211. width: 250px;
  212. height: auto;
  213. margin-top: 130px;
  214. background:{color:center};
  215. border: 1px solid #ccc;
  216. padding: 5px;
  217. z-index:1300;
  218. -webkit-transition: all .3s ease;
  219. -moz-transition: all .3s ease;
  220. -o-transition: all .3s ease;
  221. transition: all .3s ease;}
  222.  
  223. .sidebar:hover{border: 1px dotted #ccc;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
  224.  
  225.  
  226. /* ♡ Permalink Controls ♡ */
  227.  
  228. .permabox {
  229. position:absolute;
  230. bottom:-20px;
  231. width:300px;
  232. height:41px;
  233. background-color:white;
  234. text-align:center;
  235. opacity:0;
  236. -webkit-transition: all .6s ease;
  237. -moz-transition: all .6s ease;
  238. -o-transition: all .6s ease;transition: all .6s ease;
  239. }
  240. .entry:hover .permabox {
  241. bottom:50%;
  242. margin-bottom:-21px;
  243. opacity:0.8;
  244. }
  245. .permabox a{
  246. color:{color:link};
  247. }
  248. .permabox a:hover{
  249. color:{color:link hover};
  250. }
  251. .permabox div {
  252. -webkit-transition: all 0.1s linear;
  253. -moz-transition: all 0.1s linear;
  254. transition: all 0.1s linear;
  255. }
  256. .permabox1, .permabox2, .permabox3 {
  257. position:absolute;
  258. }
  259. .permabox1 {
  260. z-index:1300;
  261. left:0px;
  262. width:19px;
  263. height:17px;
  264. padding:12px 11px;
  265. }
  266. .permabox2 {
  267. left:0px;
  268. width:300px;
  269. height:21px;
  270. padding:15px 0 5px;
  271. }
  272. .permabox3 {
  273. right:0px;
  274. width:21px;
  275. height:19px;
  276. padding:11px 10px;
  277. }
  278.  
  279. .reblog-button {
  280. background: url(http://static.tumblr.com/beiywxc/WT5m6ldd0/tumblr_reblog_black.png);
  281. display: inline-block;
  282. width: 21px;
  283. height: 19px;
  284. vertical-align:top;
  285. opacity:0.5;
  286. }
  287. .reblog-button:hover {
  288. background: url(http://static.tumblr.com/beiywxc/3iIm6lfn5/tumblr_reblog_green.png);
  289. opacity:1;
  290. }
  291. .note-count {
  292. opacity:0.5;
  293. display:inline;
  294. font-size:21px;
  295. }
  296. .note-count:hover {
  297. opacity:1.0;
  298. }
  299. .my-like {
  300. background-image: url(http://static.tumblr.com/beiywxc/tr5m6ldc9/tumblr_heart_black.png) !important;
  301. height:17px;
  302. width:19px;
  303. cursor:pointer;
  304. display:inline-block;
  305. vertical-align:top;
  306. opacity:0.5;
  307. }
  308. .my-liked, .my-like:hover {
  309. background-image: url(http://static.tumblr.com/beiywxc/a7Xm6lddk/tumblr_heart_red.png) !important;
  310. height:17px;
  311. width:19px;
  312. cursor:pointer;
  313. display:inline-block;
  314. vertical-align:top;
  315. opacity:1;
  316. }
  317.  
  318.  
  319. .letter{
  320. position:absolute;
  321. height:14px;bottom:0px;
  322. right:50%;
  323. z-index:9999;
  324. opacity:0;
  325. -webkit-transition: all .4s ease;
  326. -moz-transition: all .4s ease;
  327. -o-transition: all .4s ease;
  328. transition: all .4s ease;}
  329.  
  330. .letters{
  331. display:inline-block;
  332. margin-right:5px;
  333. padding:4px;
  334. height:14px;}
  335.  
  336. .entry:hover .letter{
  337. bottom:50%;
  338. -webkit-transition: all .4s ease;
  339. -moz-transition: all .4s ease;
  340. -o-transition: all .4s ease;
  341. transition: all .4s ease;}
  342.  
  343. .entry:hover .letter{
  344. bottom:50%;
  345. opacity:1;
  346. -webkit-transition: all .4s ease;
  347. -moz-transition: all .4s ease;
  348. -o-transition: all .4s ease;
  349. transition: all .4s ease;}
  350.  
  351. .heart{
  352. position:absolute;
  353. height:14px;
  354. bottom:0px;
  355. right:35%;
  356. opacity:0;
  357. -webkit-transition: all .4s ease;
  358. -moz-transition: all .4s ease;
  359. -o-transition: all .4s ease;
  360. transition: all .4s ease;}
  361.  
  362. .hearts{
  363. display:inline-block;
  364. margin-right:-12px;
  365. padding:4px;
  366. height:14px;}
  367.  
  368. .entry:hover .heart{
  369. bottom:50%;
  370. z-index:9999;
  371. opacity:1;
  372. -webkit-transition: all .4s ease;
  373. -moz-transition: all .4s ease;
  374. -o-transition: all .4s ease;
  375. transition: all .4s ease;}
  376.  
  377. .supreme{text-align:right;margin-top:5px;font-size:12px;}
  378. .info{width:250px;overflow-y:auto;padding-bottom:15px;height:auto;display:block;}
  379. .des{width:250px;padding-bottom:15px;height:auto;text-align:center;margin-bottom:18px;display:block;}
  380.  
  381.  
  382. .blogtitle{
  383. font-weight:bold;font-style:italic;font-family: Baskerville, 'Times New Roman', Times, serif;font-size:32px;width:auto;text-transform:lowercase;text-align:center;line-height:33px;margin-top:7px;text-align:center;letter-spacing:0px;}
  384.  
  385. .blogtitle a{border-bottom:2px solid {color:link};}
  386. .blogtitle a:hover{border-bottom:2px solid {color:hover};}
  387.  
  388. .blogtitle:hover{
  389. color:{color:hover};
  390. text-shadow: 0 0 0px rgba(1,1,1,1.0);
  391. -webkit-transition: all .3s ease-in-out;}
  392.  
  393. #basic{
  394. width:70px;
  395. height:17px;
  396. z-index:967588;
  397. overflow:hidden;
  398. position:absolute;
  399. padding:5px;
  400. -webkit-transition: all .5s ease-in-out;
  401. }
  402.  
  403. #basic:hover{
  404. height:100px;
  405. -webkit-transition: all .5s ease-in-out;}
  406.  
  407. #contact{
  408. width:70px;
  409. height:17px;
  410. z-index:988;
  411. overflow:hidden;
  412. position:absolute;
  413. padding:5px;
  414. -webkit-transition: all .5s ease-in-out;
  415. }
  416. #contact:hover{
  417. height:100px;
  418. -webkit-transition: all .5s ease-in-out;}
  419.  
  420. #etc{
  421. width:70px;
  422. height:17px;
  423. z-index:967588;
  424. overflow:hidden;
  425. position:absolute;
  426. padding:5px;
  427. -webkit-transition: all .5s ease-in-out;
  428. }
  429.  
  430. #etc:hover{
  431. height:237px;
  432. -webkit-transition: all .5s ease-in-out;}
  433.  
  434. .links1 {
  435. width: 60px;
  436. height: 5px;
  437. padding: 6px;
  438. font-family:courier new;
  439. Text-transform: uppercase;
  440. background-color: #e2e2e2;
  441. margin-right: -1px;
  442. margin-top: 3px;
  443. font-size:9px;
  444. letter-spacing:1px;
  445. line-height: 5px;
  446. display: inline-block;
  447. text-align:center;
  448. -webkit-transition-duration: .4s;
  449. border:1px solid #e2e2e2;}
  450.  
  451. .links1:hover {
  452. background-color:#eee;
  453. -moz-box-shadow: 0px 0px;
  454. -webkit-box-shadow: 0px 0px;
  455. }
  456.  
  457. .links1 a{
  458. color:#92baf8;
  459. }
  460.  
  461. .links1 a:hover{
  462. color:#888888;
  463. border-bottom:1px dashed #000;
  464. }
  465.  
  466. {CustomCSS}
  467.  
  468. </style>
  469.  
  470. <title>{title}</title>
  471.  
  472. <link rel="shortcut icon" href="{Favicon}">
  473. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  474. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  475. <meta name="viewport" content="width=1220" />
  476.  
  477.  
  478. </head><body>
  479.  
  480. <div id="all"></div>
  481. <div id="center">
  482.  
  483. <script>
  484. window.onload = function () {
  485. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  486. document.addEventListener( 'click', function ( event ) {
  487. var myLike = event.target;
  488. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  489. var frame = document.getElementById( 'my-like-frame' ),
  490. liked = ( myLike.className == 'my-liked' ),
  491. command = liked ? 'unlike' : 'like',
  492. reblog = myLike.getAttribute( 'data-reblog' ),
  493. id = myLike.getAttribute( 'data-id' ),
  494. oauth = reblog.slice( -8 );
  495. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  496. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  497. };
  498. }, false );
  499. };
  500. </script>
  501.  
  502. <!-- INFINTE SCROLL SCRIPT -->
  503. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  504. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/lBFmovu46/infintescroll.js"></script>
  505. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  506. <script>
  507. $(function(){
  508. var $container = $('.wrapper');
  509. $container.imagesLoaded(function(){
  510. $container.masonry({
  511. itemSelector: '.entry',
  512. columnWidth: 302
  513. });
  514. });
  515. $container.infinitescroll({
  516. navSelector : 'div#pagination',
  517. nextSelector : 'div#pagination a#nextPage',
  518. itemSelector : '.entry', // selector for all items you'll retrieve
  519. loading: {
  520. finishedMsg: '<em></em>',
  521. }
  522. },
  523. // trigger Masonry as a callback
  524. function( newElements ) {
  525. // hide new items while they are loading
  526. var $newElems = $( newElements ).css({ opacity: 0 });
  527. // ensure that images load before adding to masonry layout
  528. $newElems.imagesLoaded(function(){
  529. // show elems now they're ready
  530. $newElems.animate({ opacity: 1 });
  531. $container.masonry( 'appended', $newElems, true );
  532. });
  533. }
  534. );
  535. });
  536. </script>
  537.  
  538. {block:IndexPage}
  539. {block:Pagination}
  540. <div id="pagination">
  541. {block:NextPage}
  542. <a id="nextPage" href="{NextPage}"></a>
  543. {/block:NextPage}
  544. {block:PreviousPage}
  545. <a href="{PreviousPage}"></a>
  546. {/block:PreviousPage}
  547. </div>
  548. {/block:Pagination}
  549. {/block:IndexPage}
  550.  
  551. <div class="wrapper">
  552. <div id="content" style="position:fixed;">
  553. <div class="clear"></div>
  554.  
  555. <div class="sidebar">
  556. {block:ifshowsidebarimage}<a href="/"><img src="{PortraitURL-128}" style="width: 85px; float:right;border-radius:45px;margin-right:80px;margin-top:3px;margin-bottom:0px;display:block;" class="img"></a>{/block:ifshowsidebarimage}
  557.  
  558. <div class="info">
  559. {block:ifshowblogtitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowblogtitle}
  560. </div><div class="des">{description}</div>
  561.  
  562. <div style="margin-top:-30px;" id="basic">
  563. <a href="" class="links1">Basics</a>
  564. <a href="/" class="links1">Home</a><br>
  565. <a href="/rss" class="links1">RSS Feed</a>
  566. <a href="/archive" class="links1">Archive</a>
  567. </div>
  568.  
  569. <div style="margin-top:-30px; margin-left:83px;" id="contact">
  570. <a href="/" class="links1">Contact</a>
  571. {block:AskEnabled}<a href="/ask" class="links1">{text:Ask Title}</a><br>{/block:AskEnabled}
  572. {block:SubmissionsEnabled} <a href="/submit" class="links1">Submit</a><br>{/block:SubmissionsEnabled}
  573. </div>
  574.  
  575. <div style="margin-top:-30px; margin-left:166px;" id="etc">
  576. <a href="" class="links1">Links</a>
  577. {block:ifLinkOneTitle}
  578. <a href="{text:Link One}" class="links1">{text:Link One Title}</a>
  579. {/block:ifLinkOneTitle}
  580. {block:ifLinkTwoTitle}
  581. <a href="{text:Link Two}" class="links1">{text:Link Two Title}</a>
  582. {/block:ifLinkTwoTitle}
  583. {block:ifLinkThreeTitle}
  584. <a href="{text:Link Three}" class="links1">{text:Link Three Title}</a>
  585. {/block:ifLinkThreeTitle}
  586. {block:ifLinkFourTitle}
  587. <a href="{text:Link Four}" class="links1">{text:Link Four Title}</a>
  588. {/block:ifLinkFourTitle}
  589. {block:ifLinkFiveTitle}
  590. <a href="{text:Link Five}" class="links1">{text:Link Five Title}</a>
  591. {/block:ifLinkFiveTitle}
  592. {block:HasPages}{block:Pages}<a href="{URL}" class="link1">{Label}</a> {/block:Pages} {/block:HasPages}
  593. <!--PLEASE LEAVE THE THEME CREDIT OR MY THEMES WON'T BE FREE ANYMORE
  594. READ http://themesbyjames.com/termsconditions FOR MORE INFO -->
  595. <a href="http://final-stand.tumblr.com" target="_blank" class="links1">Theme</a>
  596. </div></center>
  597.  
  598. </div></div>
  599.  
  600. {block:Posts}
  601. <div class="entry">
  602.  
  603. {block:Text}
  604. <div class="text"><div style="padding:10px;">{Title}{Body}
  605. {block:IndexPage}
  606. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  607. {/block:IndexPage}
  608. {/block:Text}
  609.  
  610. {block:Answer}
  611. <div class="text"><div style="padding:10px;">
  612. <b><div align="left">{Asker} asked: {Question}</div></b>
  613. {Answer}
  614. {block:IndexPage}
  615. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a>
  616. {/block:IndexPage}</div></div>{/block:Answer}
  617.  
  618. {block:Link}
  619. <div class="text"><div style="padding:10px;">
  620. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  621. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  622. {block:IndexPage}
  623. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  624. {/block:IndexPage}
  625. {block:Link}
  626.  
  627. {block:Photo}
  628. {block:ifShowPhotoPermalinks}{block:Indexpage}
  629. <div class="permabox transition">
  630. <div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  631. <div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
  632. <div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  633. </div>{/block:Indexpage}{/block:ifShowPhotoPermalinks}
  634. <!--- OLD PERMALINKS REQUIRE MANUAL CHANGE TO ACTIVATE ---
  635. {block:ifShowPhotoPermalinks}
  636. {block:IndexPage}<span class="letter"><span class="letters"><a href="{ReblogURL}" target="_blank"><img style="border-radius:40px;height:40px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png" title="Reblog Post"></a></span></span>
  637. <div class="heart"><div class="hearts">
  638. <img style="border-radius:40px;height:40px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/aeQmam5ia/like1.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="Like Post"/>
  639. </div></div>{/block:IndexPage}
  640. {/block:ifShowPhotoPermalinks}
  641. ------------------------------------------------------ -->
  642. {block:IndexPage}
  643. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  644. {/block:IndexPage}
  645. {block:PermalinkPage}<div class="photobig"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div>
  646. {/block:PermalinkPage}
  647. {/block:Photo}
  648.  
  649. {block:Photoset}
  650. <center>
  651. {block:IndexPage}<div style="background-color:black;">{Photoset-250}<div>{/block:IndexPage}
  652. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  653. </center>
  654. {block:Indexpage}
  655. <div class="permabox transition">
  656. <div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  657. <div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
  658. <div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  659. </div>
  660. {/block:Indexpage}
  661. {/block:Photoset}
  662.  
  663. {block:Quote}
  664. <div class="text"><div style="padding:10px;">
  665. <div style="margin-left:3px;">
  666. {Quote}</span>
  667. {block:Source}<strong>{Source}</strong>{/block:Source}
  668. </div>
  669. {block:IndexPage}
  670. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  671. {/block:IndexPage}
  672. {/block:Quote}
  673.  
  674. {block:Chat}
  675. <div class="text"><div style="padding:10px;">
  676. <div style="margin-left:3px;">
  677. {block:Title}<span class="title">{title}</span>{/block:Title}
  678. <ul class="chat">
  679. {block:Lines}
  680. <li class="user_{UserNumber}">
  681. {block:Label}
  682. <span class="label">{Label}</span>
  683. {/block:Label}
  684. {Line}
  685. </li>
  686. {/block:Lines}
  687. </ul>
  688. </div>
  689. {block:IndexPage}
  690. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  691. {/block:IndexPage}
  692. {/block:Chat}
  693.  
  694. {block:Audio}
  695. <div class="text"><div style="padding:10px;">
  696. <div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  697. <center>{AudioPlayerBlack}
  698. {block:Caption}{Caption}{/block:Caption}</center>
  699. {block:IndexPage}
  700. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  701. {/block:IndexPage}
  702. {/block:Audio}
  703.  
  704. {block:Video}
  705. {block:IndexPage}
  706. <center>
  707. {Video-250}</center>
  708. {block:IndexPage}
  709. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  710. {/block:IndexPage}
  711. {block:PermalinkPage}
  712. <center>
  713. {Video-500}</center>
  714. {/block:PermalinkPage}
  715. {block:Video}
  716.  
  717. {block:PermalinkPage}
  718. {block:Date}
  719. <div style="font-size:12px;text-align:left;">
  720. <br>{block:Caption}{Caption}{/block:Caption}
  721. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  722. {/block:Date}</center>{/block:PermalinkPage}
  723.  
  724. {block:PermalinkPage}
  725. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  726. </div>{/block:Posts}</center>
  727. {/block:Posts}
  728. {/block:PermalinkPage}
  729. </div></div></div></div></body></html><!-- END OF THEME -->
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!