API tools faq
paste
Advertisement
themesbyjames

Reaper

themesbyjames
Mar 10th, 2012
1,092
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3. <!---------------------------------------
  4. Theme 'Reaper' by James, 2012.
  5. http://themesbyjames.tumblr.com
  6. --------------------------------------->
  7.  
  8. <html>
  9. <head>
  10. <!-- TO CHANGE THE TITLE SHOWN ON TAB CHANGE {TITLE} -->
  11. <title>{title}</title>
  12. <!-- FONT-->
  13. <meta name="text:font size" content="9px"/>
  14. <meta name="font:body" content="Arial, Helvetica, sans-serif"/>
  15. <!-- TEXT -->
  16. <meta name="text:Link One" content="" />
  17. <meta name="text:Link One Title" content="" />
  18. <meta name="text:Link Two" content="" />
  19. <meta name="text:Link Two Title" content="" />
  20. <meta name="text:Link Three" content="" />
  21. <meta name="text:Link Three Title" content="" />
  22. <meta name="text:Link Four" content="" />
  23. <meta name="text:link Four Title" content="" />
  24. <meta name="text:link Five" content="" />
  25. <meta name="text:link Five Title" content="" />
  26. <!-- COLOR -->
  27. <meta name="color:Background" content="#FFFFFF"/>
  28. <meta name="color:Sidebar" content="#FFF"/>
  29. <meta name="color:Posts" content="#ffffff"/>
  30. <meta name="color:Text" content="#363636"/>
  31. <meta name="color:Link" content="#0099E6"/>
  32. <meta name="color:Hover" content="#00AAFF"/>
  33. <meta name="color:Scrollbar" content="#130C11"/>
  34. <!-- THE IF'S -->
  35. <meta name="if:Show Sidebar Image" content="0"/>
  36. <meta name="if:Kony 2012 Badge" content="0"/>
  37. <meta name="if:Sidebar Border" content="0"/>
  38. <meta name="if:Inverted Fade" content="0"/>
  39. <meta name="if:Sidebar Shadow" content="1"/>
  40. <meta name="if:Post Shadow" content="1"/>
  41. <meta name="if:Show Default Links" content="1">
  42. <meta name="if:Install Button" content="1"/>
  43. <!-- IMAGES -->
  44. <meta name="image:Background" content=""/>
  45. <meta name="image:Sidebar" content=""/>
  46. <meta name="if:Show sidebar image" content="0"/>
  47. <meta name="if:Show Title" content="1"/>
  48. <!-- META & SCRIPT -->
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  50. <meta name="viewport" content="width=720" />
  51. <link rel="shortcut icon" href="{Favicon}">
  52. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  53. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  54. <style type="text/css">
  55.  
  56. body{
  57. margin:0px;
  58. background-color: {color:Background};
  59. background-image:url({image:Background});
  60. background-attachment: fixed;
  61. background-repeat: repeat;
  62. color:{color:Text};
  63. font-family: {font:body};
  64. font-size: {text:font size};
  65. }
  66.  
  67. @font-face {
  68. font-family: 'BebasRegular';
  69. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot');
  70. src: url('http://static.tumblr.com/rhoet4k/JEtlxr3nb/bebas___-webfont.eot?#iefix') format('embedded-opentype'),
  71. url('http://static.tumblr.com/rhoet4k/8dnlxr3ot/bebas___-webfont.woff') format('woff'),
  72. url('http://static.tumblr.com/rhoet4k/WV4lxr3nw/bebas___-webfont.ttf') format('truetype'),
  73. url('http://static.tumblr.com/rhoet4k/Yxolxr3ni/bebas___-webfont.svg#BebasRegular') format('svg');
  74. font-weight: normal;
  75. font-style: normal;
  76. }
  77.  
  78. #content{
  79. position: absolute;
  80. height:auto;
  81. z-index:999999;
  82. width:500px;
  83. padding:5px;
  84. margin-left:500px;
  85. background-color:{color:Posts};
  86. margin-left:430px;
  87. margin-bottom:-10px;
  88. left: 101px;
  89. top: 10px;
  90. {block:ifpostshadow}
  91. moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  92. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  93. box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  94. -webkit-transition: all 0.5s ease-out;
  95. -moz-transition: all 0.5s ease-out;
  96. transition: all 0.5s ease-out;
  97. {/block:ifpostshadow}
  98. }
  99.  
  100. #nav{
  101. z-index:999999999999999;
  102. position:absolute !important;
  103. position:fixed !important;
  104. position: absolute;
  105. width:250px;
  106. padding:5px;
  107. margin-left:250px;
  108. height:auto;
  109. background-color:{color:sidebar};
  110. margin-left:200px;
  111. {block:ifSidebarborder}
  112. border:1px solid #d6d6d6;
  113. -moz-border-radius:6px;
  114. border-radius:6px;
  115. {/block:ifSidebarborder}
  116. {block:ifsidebarshadow}
  117. moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  118. -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  119. box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
  120. -webkit-transition: all 0.5s ease-out;
  121. -moz-transition: all 0.5s ease-out;
  122. transition: all 0.5s ease-out;
  123. {/block:ifsidebarshadow}
  124. left: 50px;
  125. top: 70px;
  126. list-style:none;
  127. }
  128.  
  129. #install{
  130. top:27px !important;margin: 0 0 0 0;right:6px !important; position:fixed !important;}
  131.  
  132. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important;}
  133.  
  134. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.2s linear; opacity: .60;}
  135. {/block:ifInvertedFade}
  136.  
  137. #posts {
  138. width: 500px;
  139. background:{color:posts};
  140. padding: 0px 1px 0px 1px;
  141. float: left;}
  142.  
  143. #contain {
  144. width: 502px;
  145. margin: 0 auto;
  146.  
  147.  
  148. }
  149. #titexcel {
  150. position: absolute;
  151. right: 3px;
  152. top: 26px;
  153. }
  154.  
  155. .entry {
  156. float: left;
  157. display: block;
  158. margin: 0px 0px 1px 0px;
  159. {block:indexpage}
  160. width: 500px;
  161. {/block:indexpage}
  162. {block:permalinkpage}
  163. width: 500px;
  164. {/block:permalinkpage}
  165. overflow:hidden;
  166. background: {color:posts};
  167. {block:indexpage}
  168. }
  169. .entry:hover {
  170. }
  171. .entry img {
  172. display: block;
  173. {block:indexpage}
  174. width: 500px;
  175. {/block:indexpage}
  176. {block:permalinkpage}
  177. width: 500px;
  178. {/block:permalinkpage}
  179. }
  180. blockquote, q {
  181. quotes: "«" "»" "'" "'";
  182. padding-left: 5px;
  183. }
  184. a, a:link, a:active, a:visited{
  185.  
  186. color:{color:Link};
  187. text-decoration: none;
  188. webkit-transition: all 0.2s linear;
  189. -webkit-transition: all 0.2s linear;
  190. -moz-transition: all 0.2s linear;
  191. transition: all 0.2s linear;
  192.  
  193. }
  194. a:hover {
  195. color:{color:Hover};
  196. text-decoration: none;
  197. }
  198. #pagination{
  199. display:none;
  200. }
  201. .notes img {
  202. width: 10px;
  203. position: relative;
  204. top: 3px;
  205. }
  206. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  207.  
  208. margin: 0 auto;
  209. }
  210.  
  211. .text {
  212. padding: 5px;
  213. }
  214.  
  215. ol.notes {
  216. padding: 0 10px;
  217. }
  218.  
  219. .perma
  220. {
  221.  
  222. margin-top: 0px;
  223. width: 60px;
  224. height: 30px;
  225. line-height: 30px;
  226. font-size: 9px;
  227. position:absolute;
  228. text-align: center;
  229. z-index:11;
  230. margin-left: -3px;
  231. }
  232. a.p
  233. {
  234. color: {color:posts};
  235. }
  236. .entry:hover .likep, .entry:hover .rep {
  237. margin-top: 0px;
  238. -webkit-transition: opacity 0.4s linear;
  239. opacity: .75;
  240. -moz-transition: all 0.4s linear;
  241. transition: all 0.4s linear;
  242. filter: alpha(opacity = 75);
  243. margin-top: 5px;
  244. margin-left: -3px;
  245. }
  246.  
  247. select {
  248. font-size: 9px;
  249. width: 100px;
  250. margin-left: 10px;
  251.  
  252. }
  253. option {
  254. font-size: 9px;
  255. width: 100px;
  256. text-align: left;
  257.  
  258. }
  259. input[type=button]
  260. {
  261. font-size: 9px;
  262. }
  263. .likep:hover {
  264. -webkit-transition: opacity 0.4s linear;
  265. opacity: 1!important;
  266. -moz-transition: all 0.4s linear;
  267. transition: all 0.4s linear;
  268. filter: alpha(opacity = 100)!important;
  269.  
  270. }
  271. .rep:hover {
  272. -webkit-transition: opacity 0.4s linear;
  273. opacity: 1!important;
  274. -moz-transition: all 0.4s linear;
  275. transition: all 0.4s linear;
  276. filter: alpha(opacity = 100)!important;
  277.  
  278. }
  279. .likep {
  280. opacity: 0.0;
  281. filter: alpha(opacity = 0);
  282. width: 21px;
  283. height: 20px;
  284. position: absolute;
  285. left: 40px;
  286.  
  287. z-index: 9999999;
  288. }
  289.  
  290.  
  291. .likep a {
  292. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  293. background-position: 0px 0px;
  294. display: block;
  295. z-index: 9999999;
  296. width: 21px;
  297. height: 20px;
  298. webkit-transition: all 0s linear;
  299. -webkit-transition: all 0s linear;
  300. -moz-transition: all 0s linear;
  301. transition: all 0s linear;
  302. }
  303. .likep img {
  304. width: 21px;
  305. height: 20px;
  306. webkit-transition: all 0.2s linear;
  307. -webkit-transition: all 0.2s linear;
  308. -moz-transition: all 0.2s linear;
  309. transition: all 0.2s linear;
  310. f
  311. }
  312. .rep img{
  313. width: 24px;
  314. height: 20px;
  315. margin-left: 20px;
  316. line-height: 30px;
  317. margin-left: 11px;
  318. display: inline;
  319. }
  320. .rep{
  321. width: 35px;
  322. height: 20px;
  323. position: absolute;
  324. margin-left: 11px;
  325. opacity: 0.0;
  326. filter: alpha(opacity = 0);
  327. z-index:145435345341;
  328. }
  329.  
  330. .pl{
  331. list-style:none;}
  332.  
  333. .blogtitle {
  334. font-family: 'BebasRegular';
  335. font-style:none;
  336. font-size:30px;
  337. color:#5E5E5E;
  338. line-height:30px;
  339. -webkit-transition: 0.5s ease-in;
  340. -webkit-text-stroke: 1px transparent;
  341. line-height:56px;
  342. text-align:center;
  343. text-decoration:none;
  344. letter-spacing:0px;
  345. text-transform:normal;
  346. text-align:center;
  347. width:100%;
  348. background-color:transparent;
  349. }
  350. /***-----------------------Sidebar Links------------------------***/
  351.  
  352.  
  353. .links{
  354. display: block;
  355. font-size: 13px;
  356. text-align: center;
  357. margin-left: 0px;
  358. background-color:#EEEBEB;
  359. -webkit-transition: all 0.4s ease-out;
  360. -moz-transition: all 0.4s ease-out;
  361. transition: all 0.4s ease-out;
  362. }
  363.  
  364. .links a {
  365. padding:0.5px;
  366. padding-top:4px;
  367. margin-top:1px;
  368. margin-left:0px;
  369. display:block;
  370. font-family: '0pen Sans', sans-serif;
  371. font-size:10px;
  372. text-align: left;
  373. text-transform:uppercase;
  374. text-decoration:none;
  375. color: {color:Link};
  376. background-color:#cdcdcd;
  377. -webkit-transition: all 0.4s ease-out;
  378. -moz-transition: all 0.4s ease-out;
  379. transition: all 0.4s ease-out;
  380. }
  381.  
  382. .links a:hover{
  383. color: #eee;
  384. background-color:#aaa;
  385. -webkit-transition: all 0.4s ease-out;
  386. -moz-transition: all 0.4s ease-out;
  387. transition: all 0.4s ease-out;
  388. border-left:10px solid #00072C;
  389. text-align:center;
  390. }
  391.  
  392.  
  393. /***-----------------------End Sidebar Links------------------------***/
  394.  
  395. ::-webkit-scrollbar {width: 8px; height: 5px; background: {color:Background}; }
  396. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 4ex; }
  397.  
  398. {CustomCSS}
  399. </style>
  400. </head>
  401. <body>
  402.  
  403. {block:ifKony2012Badge}
  404. <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/tdlm0i3zg/kony_2012_black.js"></script>{/block:ifKony2012Badge}
  405.  
  406.  
  407. <div id="posts">
  408. <div id="content">
  409. <div class = "autopagerize_page_element" >
  410. {block:Posts}
  411. <div class="entry">
  412. {block:IndexPage}<div class="perma">
  413. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  414. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div></div>
  415. {/block:IndexPage}
  416. {block:Text}
  417. <div class="text">
  418. {block:Title}
  419. <h3><a href="{Permalink}">{Title}</a></h3>
  420. {/block:Title}
  421. {Body}
  422. </div>
  423. {/block:Text}
  424.  
  425. {block:Photo}
  426. {block:IndexPage}
  427. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  428. {/block:IndexPage}
  429. {block:permalinkpage}{LinkOpenTag}
  430. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  431. {/block:permalinkpage}
  432.  
  433. {/block:Photo}
  434.  
  435. {block:Photoset}
  436. {block:IndexPage}
  437. {Photoset-500}
  438. {/block:IndexPage}
  439. {block:permalinkpage}
  440. {Photoset-500}
  441. {/block:permalinkpage}
  442. {/block:Photoset}
  443.  
  444. {block:Quote}
  445. <div class="text">
  446. "{Quote}"
  447. {block:Source}
  448. <div class="source">{Source}</div>
  449. {/block:Source}
  450. </div>
  451. {/block:Quote}
  452.  
  453. {block:Link}
  454. <div class="text">
  455. <a href="{URL}" class="link" {Target}>{Name}</a>
  456. {block:Description}
  457. <div class="description">{Description}</div>
  458. {/block:Description}
  459. </div>
  460. {/block:Link}
  461.  
  462. {block:Chat}
  463. <div class="text">
  464. {block:Title}
  465. <h3><a href="{Permalink}">{Title}</a></h3>
  466. {/block:Title}
  467. <ul class="chat">
  468. {block:Lines}
  469. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  470.  
  471. {Line} </li>
  472. {/block:Lines}
  473. </ul>
  474. </div>
  475. {/block:Chat}
  476.  
  477. {block:Video}
  478.  
  479. {block:IndexPage}
  480. {Video-500}
  481. {/block:IndexPage}
  482. {block:permalinkpage}
  483. {Video-500}
  484. {/block:permalinkpage}
  485. {/block:Video}
  486.  
  487. {block:Audio}
  488. {AudioPlayerBlack}
  489. <div class="text">
  490. {block:Caption}
  491. {Caption}
  492. {/block:Caption}
  493. </div>
  494. {/block:Audio}
  495. </div>
  496.  
  497. {block:PermalinkPage}
  498. <div class="pl">
  499. {block:NoteCount}<li>{NoteCountWithLabel}</li>{/block:NoteCount}
  500. {block:RebloggedFrom}<li>Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a> </li> {/block:RebloggedFrom}
  501. {block:RebloggedFrom}<li> Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> </li> {/block:RebloggedFrom}
  502. {block:Date}<li>Posted: {TimeAgo} on {DayOfWeek} {DayOfMonth} {Month} {ShortYear}</li> {/block:Date}
  503. {/block:PermalinkPage}
  504. {block:PostNotes}{PostNotes}{/block:PostNotes}
  505. {/block:Posts}</div>
  506.  
  507. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  508. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  509. <script type="text/javascript">
  510. $(window).load(function(){
  511. var $wall = $('#posts');
  512. $wall.imagesLoaded(function(){
  513. $wall.masonry({
  514. itemSelector: '#entry, #entry_photo',
  515. isAnimated : false
  516. });
  517. });
  518.  
  519. $wall.infinitescroll({
  520. navSelector : '#page-nav',
  521. nextSelector : '#page-nav a',
  522. itemSelector : '#entry, #entry_photo',
  523. bufferPx : 2000,
  524. debug : false,
  525. errorCallback: function() {
  526. $('#infscr-loading').fadeOut('normal');
  527. }},
  528. function( newElements ) {
  529. var $newElems = $( newElements );
  530. $newElems.hide();
  531. $newElems.imagesLoaded(function(){
  532. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  533. });
  534. }); $('#content').show(500);
  535. });
  536. </script>
  537. </div>
  538. </div>
  539. </div>
  540.  
  541. <div id="nav">
  542. {block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div>
  543. {/block:ifShowTitle}
  544. {block:ifShowsidebarimage}
  545. <div style="padding-top:0px; padding-bottom:3px;">
  546. <div align="center">
  547. <a href="/">
  548. <span style="position: relative;">
  549. <img src="{image:sidebar}" width=250 style="
  550. border:0px solid;
  551. border-color:#000000;" /></span></div>
  552. </div>
  553. </a>
  554. {/block:ifShowsidebarimage}
  555. <center>
  556. {description}
  557. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  558. </center>
  559.  
  560. <br>
  561. <span class="links">
  562. {block:ifshowdefaultlinks}
  563. <a href="/">Home</a>
  564. <a href="/ask">Message</a>
  565. <a href="/archive">History</a>
  566. {/block:ifshowdefaultlinks}
  567.  
  568. {block:ifLinkOneTitle}
  569. <a href="{text:Link One}" class="link">{text:Link One Title}</a>
  570. {/block:ifLinkOneTitle}
  571. {block:ifLinkTwoTitle}
  572. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>
  573. {/block:ifLinkTwoTitle}
  574. {block:ifLinkThreeTitle}
  575. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>
  576. {/block:ifLinkThreeTitle}
  577. {block:ifLinkFourTitle}
  578. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>
  579. {/block:ifLinkFourTitle}
  580. {block:ifLinkFiveTitle}
  581. <a href="{text:Link Five}" class="link">{text:Link Five Title}</a>
  582. {/block:ifLinkFiveTitle}
  583.  
  584. <a href="http://final-stand.tumblr.com">Theme</a>
  585. </span>
  586. <br>
  587. </div></div>
  588.  
  589. {block:ifInstallButton}<div id="install"><a href="http://themesbyjames.tumblr.com/"><img src="http://static.tumblr.com/8jq17g7/Re3lqefyw/install.png" /></a></div>{/block:ifInstallButton}
  590.  
  591. {block:ifnotInstallButton}
  592. <big><div style="float: right; position: fixed; bottom:5px; right: 5px;"><a target="_blank" href="http://final-stand.tumblr.com">THEME</a></script></div>{/block:ifnotInstallButton}
  593.  
  594. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/2MFlzww4p/likenew.js"></script>
  595. <span id="scriptsinsert"> </span>
  596.  
  597. </body>
  598. </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!