API tools faq
paste
sleeplessthemes

Accumulate V2

sleeplessthemes
Oct 25th, 2011
40,081
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- Please keep my credit on this theme. Or at least link
  5. me as the creator on your blog somewhere. Thanks! =)
  6.  
  7. Accumulate V2 Theme by: sleeplessthemes.com & destroyer.tumblr.com
  8. Accumulate V2 Theme by: sleeplessthemes.com & destroyer.tumblr.com
  9. Accumulate V2 Theme by: sleeplessthemes.com & destroyer.tumblr.com
  10. Accumulate V2 Theme by: sleeplessthemes.com & destroyer.tumblr.com
  11. Accumulate V2 Theme by: sleeplessthemes.com & destroyer.tumblr.com -->
  12.  
  13. <head>
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:Background" content="#070707"/>
  16. <meta name="color:Box" content="#0C0C0C"/>
  17. <meta name="color:Text" content="#808080"/>
  18. <meta name="color:text headers" content="#db1745"/>
  19. <meta name="color:bold text" content="#B6B6B6"/>
  20. <meta name="color:label background" content="#181818"/>
  21. <meta name="color:link" content="#87caf6"/>
  22. <meta name="color:link hover" content="#417fa8"/>
  23.  
  24. <meta name="image:Portrait" content=""/>
  25. <meta name="image:Background" content=""/>
  26.  
  27. <meta name="if:Show Caption" content="1" />
  28. <meta name="if:Show Title" content="1" />
  29. <meta name="if:Show Reblog Button" content="1" />
  30. <meta name="if:Show Image Fade" content="1" />
  31. <meta name="if:Show Infinite Scroll" content="1" />
  32.  
  33. <meta name="text:Font Size" content="9px"/>
  34. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  35.  
  36. <meta name="text:Custom Link One" content="" />
  37. <meta name="text:Custom Link One Title" content="" />
  38. <meta name="text:Custom Link Two" content="" />
  39. <meta name="text:Custom Link Two Title" content="" />
  40. <meta name="text:Custom Link Three" content="" />
  41. <meta name="text:Custom Link Three Title" content="" />
  42. <meta name="text:Custom Link Four" content="" />
  43. <meta name="text:Custom Link Four Title" content="" />
  44.  
  45.  
  46. <title>{Title}</title>
  47.  
  48. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  49.  
  50. {block:Indexpage}
  51.  
  52. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  53.  
  54. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  55.  
  56. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  57.  
  58. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>{/block:IfShowInfiniteScroll}
  59.  
  60.  
  61. <script>
  62. jQuery(window).load(function(){
  63. var $wall = $('#posts');
  64. $wall.imagesLoaded(function(){
  65. $wall.masonry({
  66. singleMode: true,
  67. columnWidth: 215,
  68. itemSelector: '#entry'
  69. });
  70. });
  71. $wall.infinitescroll({
  72. navSelector : '#page-nav',
  73. nextSelector : '#page-nav a',
  74. itemSelector : '#entry',
  75. },
  76.  
  77. function( newElements ){
  78. $(newElements).hide();
  79. setTimeout(function(){
  80. $wall.masonry({ appendedContent: $(newElements) });
  81. },2000);
  82. setTimeout(function(){
  83. $(newElements).fadeIn('slow');
  84. },2100);
  85. },1000);
  86. });
  87. </script>
  88.  
  89.  
  90. <script>
  91. $.fn.imagesLoaded = function(callback){
  92. var elems = this.find('img'),
  93. len = elems.length,
  94. _this = this;
  95. if ( !elems.length ) {
  96. callback.call( this );}
  97. elems.bind('load',function(){
  98. if (--len <= 0){
  99. callback.call( _this );}
  100. }).each(function(){
  101. // cached images don't fire load sometimes, so we reset src.
  102. if (this.complete || this.complete === undefined){
  103. var src = this.src;
  104. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  105. // data uri bypasses webkit log warning (thx doug jones)
  106. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  107. this.src = src;}
  108. });
  109. return this;};
  110. </script>
  111.  
  112. {/block:Indexpage}
  113.  
  114. <style type="text/css">
  115.  
  116. body{
  117. margin-top: 40px;
  118. text-align:justify;
  119. color: {color:text};
  120. font-family: {font:Body};
  121. font-size: {text:Font Size};
  122. line-height: 12px;
  123. text-align:justify;
  124. background-color:{color:background};
  125. background-image:url({image:Background});
  126. background-attachment: fixed;
  127. background-position:top center;
  128. background-repeat: repeat;}
  129.  
  130. a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  131. font-family: {font:Body};
  132. font-size: {text:Font Size}; line-height:12px; }
  133. a:hover{color: {color:link hover}; line-height:12px;}
  134.  
  135. {block:IfShowImageFade}a img {
  136. border: 0px;
  137. opacity: 1;
  138. filter: alpha(opacity=80);
  139. }
  140.  
  141. a:hover img {
  142. opacity: .60;
  143. filter: alpha(opacity=100);
  144. }{/block:IfShowImageFade}
  145.  
  146.  
  147. #tumblr_controls{
  148. position:fixed!important;}
  149.  
  150. b, strong{color: {color:bold text};
  151. font-family: {font:Body};
  152. font-size: {text:Font Size}; line-height:12px;}
  153.  
  154. #posts{
  155. margin-left:-432px;
  156. left:50%;
  157. position:absolute;
  158. width:646px;
  159. background-color: transparent;}
  160.  
  161. #right{
  162. position: fixed;
  163. z-index:8;
  164. overflow:hidden;
  165. display:block;
  166. margin-left: 218px;
  167. left: 50%;
  168. padding: 4px;
  169. top:44px;
  170. width: 200px;
  171. height: auto;
  172. background-image:url();
  173. background-color: {color:box};}
  174.  
  175. #entry{
  176. overflow: hidden;
  177. float: left;
  178. {block:IndexPage}width: 200px;{/block:IndexPage}
  179. {block:PermalinkPage}width: 628px;{/block:PermalinkPage}
  180. background-color: {color:box};
  181. padding: 0px;
  182. margin: 4px;
  183. border: 4px solid {color:box};
  184. background-image:url();}
  185.  
  186.  
  187. #permapage {
  188. padding:4px;
  189. margin-top:2px;
  190. margin-bottom:2px;
  191. background-color:{color:label background};}
  192.  
  193. #question{
  194. overflow:SHOW;
  195. padding-bottom:3px;
  196. margin-bottom:3px;}
  197.  
  198. #askr{
  199. display:block;
  200. float:left;
  201. width:33px;
  202. overflow:hidden;
  203. margin-right:3px;}
  204.  
  205. ul {
  206. list-style: disc;
  207. padding: 4px 0px 6px 20px;}
  208.  
  209. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  210.  
  211. blockquote img{display:block; width:100%;}
  212.  
  213. blockquote p{padding:0px; margin:0px;}
  214.  
  215. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  216.  
  217. #bottominfo{
  218. padding:2px 0px 0px 0px;
  219. display:block;}
  220.  
  221. .answer p{margin:0px;}
  222. .notes img{
  223. width:10px;
  224. position:relative;
  225. top:1px;}
  226.  
  227. ol.notes, .notes li{
  228. list-style:none;
  229. margin:0px;
  230. padding:0px;}
  231.  
  232. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  233. big {font-family:arial black; color:{color:text}; font-size:14px;}
  234.  
  235. a img{border:none;}
  236.  
  237. .label {
  238. color: {color:bold text};font-weight: bold; line-height:12px;}
  239.  
  240. .odd {
  241. background-color:{color:label background};}
  242.  
  243. h1 {
  244. color: {color:text headers};
  245. font-size: 12px;
  246. line-height: 12px;
  247. font-family: arial black;
  248. text-transform: uppercase;
  249. letter-spacing: -1px;}
  250.  
  251. h2 {
  252. color: {color:text headers};
  253. font-size: 12px;
  254. line-height: 12px;
  255. font-family: arial;
  256. font-weight:bold;
  257. text-transform: uppercase;
  258. letter-spacing: -1px;
  259. margin-top:0px;
  260. margin-bottom:-6px;
  261. padding-bottom:6px;}
  262.  
  263. h3 {
  264. color: {color:text headers};
  265. font-size: 10px;
  266. line-height: 12px;
  267. font-family: arial;
  268. font-weight:bold;
  269. text-transform: uppercase;
  270. letter-spacing: 1px;
  271. margin-top:0px;
  272. margin-bottom:-6px;
  273. padding-bottom:6px;}
  274.  
  275. .audio embed {width:200px; z-index:-2;}
  276.  
  277. .video embed, object {
  278. {block:IndexPage}
  279. width:200px;
  280. {/block:IndexPage}
  281. {block:PermalinkPage}
  282. width:628px;
  283. {/block:PermalinkPage}
  284. }
  285.  
  286. #ask {
  287. background-color: {color:label background};
  288. padding:4px;
  289. margin-bottom:4px;}
  290.  
  291. #vid {
  292. margin-top:-12px;
  293. margin-bottom:-2px;
  294. text-align:right;}
  295.  
  296. #entry #infos {
  297. opacity:0.8;
  298. filter: alpha(opacity=80);
  299. -moz-opacity:0.8;
  300. background-color:#000000;
  301. width:202px;
  302. position: absolute;
  303. top:-50px;
  304. margin-left:0px;
  305. -webkit-transition: all .4s ease-out;
  306. -moz-transition: all .4s ease-out;
  307. -o-transition: all .4s ease-out;
  308. transition: all .4s ease-out;
  309. z-index:10;
  310. overflow-y:hidden;
  311. height: 50px;}
  312.  
  313. #entry:hover #infos {
  314. top:0px;
  315. -webkit-transition: all .4s ease-out;
  316. -moz-transition: all .4s ease-out;
  317. -o-transition: all .4s ease-out;
  318. transition: all .4s ease-out;}
  319.  
  320. #entry #infos #details {
  321. background-image:url();
  322. background-position:top center;
  323. background-repeat:repeat;
  324. float:left;
  325. display:block;
  326. width:202px;
  327. height: auto;
  328. padding: 8px 0px 0px 0px;}
  329.  
  330. a.notecount {
  331. color:#ffffff;
  332. font-size: 24px;
  333. line-height: 20px;
  334. font-family: arial black;
  335. font-weight:bold;
  336. text-transform: uppercase;
  337. letter-spacing: -4px;}
  338.  
  339. a.notecount:hover { color: #777777;}
  340.  
  341. a.notecount2 {
  342. color: {color:text headers};
  343. font-size: 8px;
  344. line-height: 10px;
  345. font-family: arial;
  346. font-weight: normal;
  347. text-transform: uppercase;
  348. letter-spacing: 10px;}
  349.  
  350. a.notecount2:hover {
  351. color:#ffffff;}
  352.  
  353.  
  354. a.links {
  355. background-color:{color:label background};
  356. font-family: Arial;
  357. font-size: 7px;
  358. line-height: 10px;
  359. font-weight:bold;
  360. text-transform: uppercase;
  361. letter-spacing:0px;
  362. display:block;
  363. padding:1px;
  364. margin-top: 4px;
  365. margin-bottom: 4px;}
  366.  
  367. a.links:hover {
  368. text-align: center;
  369. background-color:{color:background}; }
  370.  
  371. {CustomCSS}
  372. </style>
  373.  
  374. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  375.  
  376. <script type="text/javascript" src="http://static.tumblr.com/eptm5us/Rb0llmimz/jquery.magnifier.js">
  377.  
  378. /***********************************************
  379. * jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  380. * This notice MUST stay intact for legal use
  381. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
  382. ***********************************************/
  383. </script>
  384.  
  385. <link rel="shortcut icon" href="{Favicon}">
  386. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  387. </head>
  388. <body>
  389.  
  390.  
  391. <div id="posts">
  392.  
  393. <div id="right">
  394. {block:IfPortraitImage}<center>
  395. <a href="/"><img src="{image:Portrait}" width="200"></a></center>{/block:IfPortraitImage}
  396.  
  397. {block:IfShowTitle}<center><p><h2>{Title}</h2></p></center>{/block:IfShowTitle}
  398.  
  399.  
  400. {block:Description}<p>{Description}</p>{/block:Description}
  401.  
  402. <a href="/" class="links">Home</a>
  403. {block:AskEnabled}<a href="/ask" class="links">Ask</a>{/block:AskEnabled}
  404. {block:SubmissionsEnabled}<a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  405.  
  406. <a href="/archive" class="links">Archive</a>
  407.  
  408. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  409.  
  410. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  411.  
  412. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  413.  
  414. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  415.  
  416. <center><table width="70" border="0" cellspacing="0" cellpadding="0">
  417. <tr>
  418. <td width="10">{block:Pagination}
  419. {block:PreviousPage}<h1><a href="{PreviousPage}">◄</a></h1>{/block:PreviousPage}
  420. {/block:Pagination}</td>
  421. <td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
  422. <td width="10">{block:Pagination}{block:NextPage}<h1><a href="{NextPage}">►</a></h1>{/block:NextPage}
  423. {/block:Pagination}</td>
  424. </tr>
  425. </table></center>
  426.  
  427. <center><b><small>Theme By:</small></b> <a href="http://destroyer.tumblr.com"><small>Destroyer</small></a>/<a href="http://sleeplessthemes.tumblr.com"><small>Sleepless</small></a> <small>|</small> <b><small>Powered By:</small></b> <a href="http://tumblr.com"><small>Tumblr.com</small></a></center>
  428. </div>
  429.  
  430. {block:Posts}
  431. <div id="entry">
  432.  
  433. {block:IndexPage}
  434. <center><div id="infos">
  435. <div id="details">
  436.  
  437. <center><a href="{Permalink}" class="notecount">{NoteCountWithLabel}</a></center>
  438.  
  439. <center>&nbsp;&nbsp;&nbsp;&nbsp;<a href="{ReblogURL}" class="notecount2">Reblog</a></center>
  440.  
  441. </div>
  442. </div></center>
  443. {/block:IndexPage}
  444.  
  445. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  446.  
  447. {block:Answer}
  448. <div id="ask"><b>{Asker}:</b> {Question}</div>
  449. <div style="padding-left: 2px;">{Answer}</div>
  450. {/block:Answer}
  451.  
  452. {block:Photo}
  453. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="200"></a>
  454. {/block:IndexPage}
  455.  
  456. {block:PermalinkPage}
  457. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="628px">
  458. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  459. {/block:Photo}
  460.  
  461. {block:Photoset}
  462. {block:IndexPage}
  463. <div style="margin-left:-24px;">{Photoset-250}</div>
  464. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  465. {/block:IndexPage}
  466. {block:PermalinkPage}
  467. <center>{Photoset-500}</center>
  468. {block:Caption}{Caption}{/block:Caption}
  469. {/block:PermalinkPage}
  470. {/block:Photoset}
  471.  
  472.  
  473. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  474.  
  475. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  476.  
  477. {block:Chat}
  478. {block:Title}{Title}{/block:Title}
  479. {block:Lines}
  480. {block:Label}
  481. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  482. <span class="line">{Line}</span></div>
  483. {/block:Label}
  484. {/block:Lines}
  485. {/block:Chat}
  486.  
  487. {block:Audio}
  488. <center><br><br><br><div class="audio">{AudioPlayerBlack}</div>
  489. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}</center>
  490. {/block:Audio}
  491.  
  492. {block:Video}
  493. {block:IndexPage}<div class="video">{Video-250}</div>
  494. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  495. {/block:IndexPage}
  496. {block:PermalinkPage}<div class="video">{Video-500}</div>
  497. {block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:PermalinkPage}
  498.  
  499. {block:IndexPage}
  500. <div id="vid"><a href="{Permalink}">∞</a></div>
  501. {/block:IndexPage}
  502. {block:Video}
  503.  
  504.  
  505.  
  506. {block:PermalinkPage}{block:Date}
  507. <div id="permapage">
  508. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a> at {12Hour}:{Minutes}{AmPm}{block:RebloggedFrom}<br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  509. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  510. </div>{/block:Date}
  511. {/block:PermalinkPage}
  512.  
  513. {block:PostNotes}<div id="permapage">
  514. <h2>{NoteCount} Notes</h2>
  515. <br>{PostNotes}</div>{/block:PostNotes}
  516. </div>
  517.  
  518. {/block:Posts}
  519.  
  520. </div>
  521. </div>
  522.  
  523. </body>
  524. </html>
  525.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!