Want more features on Pastebin? Sign Up, it's FREE!
Guest

t theme

By: frellyou on Sep 26th, 2012  |  syntax: None  |  size: 12.46 KB  |  views: 59  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. Timeless Theme by: destroyer.tumblr.com
  8. Timeless Theme by: destroyer.tumblr.com
  9. Timeless Theme by: destroyer.tumblr.com
  10. Timeless Theme by: destroyer.tumblr.com
  11. Timeless Theme by: destroyer.tumblr.com -->
  12.  
  13. <head>
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:Background" content="#dbdbdb"/>
  16. <meta name="color:Box" content="#ffffff"/>
  17. <meta name="color:Text" content="#4f4f4f"/>
  18. <meta name="color:text headers" content="#3c3c3c"/>
  19. <meta name="color:bold text" content="#3c3c3c"/>
  20. <meta name="color:label background" content="#dbdbdb"/>
  21. <meta name="color:link" content="#3c3c3c"/>
  22. <meta name="color:link hover" content="#ffffff"/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="if:Show Photo Caption" content="1" />
  25. <meta name="if:Show Title" content="1" />
  26. <meta name="if:Show Image Fade" content="1" />
  27. <meta name="if:Show Infinite Scroll" content="0" />
  28. <meta name="if:Show Tags" content="1" />
  29. <meta name="text:Font Size" content="9px"/>
  30. <meta name="font:Body" content="'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif" />
  31. <meta name="text:Custom Link One" content="" />
  32. <meta name="text:Custom Link One Title" content="" />
  33. <meta name="text:Custom Link Two" content="" />
  34. <meta name="text:Custom Link Two Title" content="" />
  35. <meta name="text:Custom Link Three" content="" />
  36. <meta name="text:Custom Link Three Title" content="" />
  37. <meta name="text:Custom Link Four" content="" />
  38. <meta name="text:Custom Link Four Title" content="" />
  39.  
  40.  
  41. <title>{Title}</title>
  42.  
  43. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  44.  
  45. {block:Indexpage}
  46.  
  47. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  48.  
  49. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  50.  
  51. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  52.  
  53. {block:IfShowInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>{/block:IfShowInfiniteScroll}
  54.  
  55.  
  56. <script>
  57. jQuery(window).load(function(){
  58. var $wall = $('#posts');
  59. $wall.imagesLoaded(function(){
  60. $wall.masonry({
  61. singleMode: true,
  62. columnWidth: 400,
  63. itemSelector: '#entry'
  64. });
  65. });
  66. $wall.infinitescroll({
  67. navSelector : '#page-nav',
  68. nextSelector : '#page-nav a',
  69. itemSelector : '#entry',
  70. },
  71.  
  72. function( newElements ){
  73. $(newElements).hide();
  74. setTimeout(function(){
  75. $wall.masonry({ appendedContent: $(newElements) });
  76. },2000);
  77. setTimeout(function(){
  78. $(newElements).fadeIn('slow');
  79. },2100);
  80. },1000);
  81. });
  82. </script>
  83.  
  84.  
  85. <script>
  86. $.fn.imagesLoaded = function(callback){
  87. var elems = this.find('img'),
  88. len = elems.length,
  89. _this = this;
  90. if ( !elems.length ) {
  91. callback.call( this );}
  92. elems.bind('load',function(){
  93. if (--len <= 0){
  94. callback.call( _this );}
  95. }).each(function(){
  96. // cached images don't fire load sometimes, so we reset src.
  97. if (this.complete || this.complete === undefined){
  98. var src = this.src;
  99. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  100. // data uri bypasses webkit log warning (thx doug jones)
  101. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  102. this.src = src;}
  103. });
  104. return this;};
  105. </script>
  106.  
  107. {/block:Indexpage}
  108.  
  109. <style type="text/css">
  110.  
  111. body{
  112. margin-top: 0px;
  113. text-align:justify;
  114. color: {color:text};
  115. font-family: {font:Body};
  116. font-size: {text:Font Size};
  117. line-height: 12px;
  118. text-align:justify;
  119. background-color:{color:background};
  120. background-image:url({image:Background});
  121. background-attachment: fixed;
  122. background-position:top center;
  123. background-repeat: repeat;}
  124.  
  125. a:link, a:visited, a:active{color: {color:link}; text-decoration:none;
  126. font-family: {font:Body};
  127. font-size: {text:Font Size}; line-height:12px; }
  128. a:hover{color: {color:link hover}; line-height:12px;}
  129.  
  130. {block:IfShowImageFade}a img {
  131. border: 0px;
  132. opacity: 1;
  133. filter: alpha(opacity=80);
  134. -o-transition: opacity 1.5s linear;
  135. -webkit-transition: opacity 1.5s linear;
  136. -moz-transition: opacity 1.5s linear;}
  137.  
  138. a:hover img {
  139. opacity: .60;
  140. filter: alpha(opacity=100);
  141. -o-transition: opacity .1s linear;
  142. -webkit-transition: opacity .1s linear;
  143. -moz-transition: opacity 1.5s linear;}{/block:IfShowImageFade}
  144.  
  145.  
  146. #tumblr_controls{
  147. position:fixed!important;}
  148.  
  149. b, strong{color: {color:bold text};
  150. font-family: {font:Body};
  151. font-size: {text:Font Size}; line-height:12px;}
  152.  
  153. #posts{
  154. margin-left: auto;
  155. margin-right: auto;
  156. width:1200px;
  157. background-color: transparent;}
  158.  
  159. #cent{
  160. margin-left: auto;
  161. margin-right: auto;
  162. z-index:8;
  163. padding: 4px;
  164. width: 1200px;
  165. height: auto;
  166. margin-top:10px;
  167. margin-bottom:10px;
  168. background-color: {color:box};}
  169.  
  170. #entry{
  171. overflow: hidden;
  172. float: left;
  173. {block:IndexPage}width: 390px;{/block:IndexPage}
  174. {block:PermalinkPage}width: 782px;{/block:PermalinkPage}
  175. background-color: {color:box};
  176. padding: 0px;
  177. margin: 4px;
  178. border: 4px solid {color:box};
  179. background-image:url();}
  180.  
  181. #permapage {
  182. padding:4px;
  183. margin-top:2px;
  184. margin-bottom:4px;
  185. background-color:{color:label background};}
  186.  
  187. #question{
  188. overflow:SHOW;
  189. padding-bottom:3px;
  190. margin-bottom:3px;}
  191.  
  192. #askr{
  193. display:block;
  194. float:left;
  195. width:33px;
  196. overflow:hidden;
  197. margin-right:3px;}
  198.  
  199. ul {
  200. list-style: disc;
  201. padding: 4px 0px 6px 20px;}
  202.  
  203. blockquote{padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:label background};}
  204.  
  205. blockquote img{display:block; width:100%;}
  206.  
  207. blockquote p{padding:0px; margin:0px;}
  208.  
  209. blockquote blockquote{position:relative; left:6px; margin-top:0px; margin-right:0px; padding-right:0px;}
  210.  
  211. #bottominfo{
  212. padding:2px 0px 0px 0px;
  213. display:block;}
  214.  
  215. .answer p{margin:0px;}
  216. .notes img{
  217. width:10px;
  218. position:relative;
  219. top:1px;}
  220.  
  221. ol.notes, .notes li{
  222. list-style:none;
  223. margin:0px;
  224. padding:0px;}
  225.  
  226. small {font-size:7px; line-height:8px; letter-spacing:0px;}
  227. big {font-family:arial black; color:{color:text}; font-size:14px;}
  228.  
  229. a img{border:none;}
  230.  
  231. .label {
  232. color: {color:bold text};font-weight: bold; line-height:12px;}
  233.  
  234. .odd {
  235. background-color:{color:label background};}
  236.  
  237. h1 {
  238. color: {color:text headers};
  239. font-size: 20px;
  240. line-height: 20px;
  241. font-family: Bookman Old Style;
  242. text-transform: uppercase;
  243. letter-spacing: 4px;
  244. margin-top:0px;
  245. margin-bottom:0px;}
  246.  
  247. h2 {
  248. color: {color:text headers};
  249. font-size: 12px;
  250. line-height: 12px;
  251. font-family: arial;
  252. font-weight:bold;
  253. text-transform: uppercase;
  254. letter-spacing: -1px;
  255. margin-top:0px;
  256. margin-bottom:-6px;
  257. padding-bottom:6px;}
  258.  
  259. .audio embed {width:350;}
  260.  
  261. .video embed, object {
  262. {block:IndexPage}
  263. width:390px;
  264. {/block:IndexPage}
  265. {block:PermalinkPage}
  266. width:782px;
  267. height:400px;
  268. {/block:PermalinkPage}
  269. }
  270.  
  271. #ask {
  272. background-color: {color:label background};
  273. padding:4px;
  274. margin-bottom:4px;}
  275.  
  276. #vid {
  277. margin-top:-12px;
  278. margin-bottom:-2px;
  279. text-align:right;}
  280.  
  281. a.links {
  282. color:{color:links};
  283. font-family: Arial;
  284. font-size: 7px;
  285. line-height: 10px;
  286. font-weight:bold;
  287. text-transform: uppercase;
  288. letter-spacing:2px;
  289. padding:4px;}
  290.  
  291. a.links:hover {
  292. color:{color:links hover};}
  293.  
  294. #notes{
  295. font-size:7px;
  296. text-align:right;
  297. margin-top:4px;
  298. margin-bottom:2px;
  299. background-color: {color:label background};
  300. padding:2px;
  301. border-top:0px solid {color:posts};}
  302.  
  303. #tags{
  304. font-size:8px;
  305. background-color: {color:label background};
  306. padding:2px;
  307. margin-top:4px;
  308. border-top:0px solid {color:posts};}
  309.  
  310. #notes a {
  311. font-size:7px;}
  312.  
  313. #tags a {
  314. font-size:8px;}
  315.  
  316. #tags b {
  317. font-size:8px;}
  318.  
  319. {CustomCSS}
  320. </style>
  321.  
  322. <link rel="shortcut icon" href="{Favicon}">
  323. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  324. </head>
  325.  
  326. <body>
  327. <div id="cent">
  328. {block:IfShowTitle}<center><h1>{Title}</h1></center>{/block:IfShowTitle}
  329.  
  330. <center><a href="/" class="links">Home</a>
  331. {block:AskEnabled}<a href="/ask" class="links">Ask</a>{/block:AskEnabled}
  332. {block:SubmissionsEnabled}<a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  333.  
  334. <a href="/archive" class="links">Archive</a>
  335.  
  336. {block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}
  337.  
  338. {block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}
  339.  
  340. {block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  341.  
  342. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}</center>
  343.  
  344. {block:Description}{Description}{/block:Description}
  345.  
  346.  
  347. <center><table width="70" border="0" cellspacing="0" cellpadding="0">
  348. <tr>
  349. <td width="10">{block:Pagination}
  350. {block:PreviousPage}<h1><a href="{PreviousPage}">◄</a></h1>{/block:PreviousPage}
  351. {/block:Pagination}</td>
  352. <td width="50"><center>{CurrentPage} of {TotalPages}</center></td>
  353. <td width="10">{block:Pagination}{block:NextPage}<h1><a href="{NextPage}">►</a></h1>{/block:NextPage}
  354. {/block:Pagination}</td>
  355. </tr>
  356. </table></center>
  357.  
  358. <center><b><small>Theme By:</small></b> <a href="http://destroyer.tumblr.com"><small>Destroyer</small></a> <small>|</small> <b><small>Powered By:</small></b> <a href="http://tumblr.com"><small>Tumblr.com</small></a></center>
  359. </div>
  360.  
  361. <div id="posts">
  362. {block:Posts}
  363. <div id="entry">
  364.  
  365. {block:Text}<h2>{Title}</h2>{Body}{/block:Text}
  366.  
  367. {block:Answer}
  368. <div id="ask"><b>{Asker}:</b> {Question}</div>
  369. <div style="padding-left: 2px;">{Answer}</div>
  370. {/block:Answer}
  371.  
  372. {block:Photo}
  373. {block:IndexPage}{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400"></a>
  374. {block:IfShowPhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowPhotoCaption}
  375. {/block:IndexPage}
  376.  
  377. {block:PermalinkPage}
  378. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="782px">
  379. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  380. {/block:Photo}
  381.  
  382. {block:Photoset}
  383. {block:IndexPage}
  384. {Photoset-400}
  385. {block:IfShowPhotoCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowPhotoCaption}
  386. {/block:IndexPage}
  387. {block:PermalinkPage}
  388. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  389. {/block:PermalinkPage}
  390. {/block:Photoset}
  391.  
  392.  
  393. {block:Quote}<h2>"{Quote}"</h2>{block:Source}{Source}{/block:Source}{/block:Quote}
  394.  
  395. {block:Link}<a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}{/block:Link}
  396.  
  397. {block:Chat}
  398. {block:Title}{Title}{/block:Title}
  399. {block:Lines}
  400. {block:Label}
  401. <div class="{Alt}"><span class="label"><strong>{Label}</strong></span>
  402. <span class="line">{Line}</span></div>
  403. {/block:Label}
  404. {/block:Lines}
  405. {/block:Chat}
  406.  
  407. {block:Audio}
  408. <center><br><div class="audio">{AudioPlayerBlack}</div>
  409. {block:Caption}{Caption}{/block:Caption}<br></center>
  410. {/block:Audio}
  411.  
  412. {block:Video}
  413. {block:IndexPage}<div class="video">{Video-400}</div>
  414. {block:Caption}{Caption}{/block:Caption}
  415. {/block:IndexPage}
  416. {block:PermalinkPage}<div class="video">{Video-500}</div>
  417. {block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  418. {block:Video}
  419.  
  420. {block:IndexPage}
  421.  
  422. <div id="notes">{ShortMonth}. {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year} - {TimeAgo} - <a href="{ReblogURL}">Reblog</a> - <a href="{Permalink}">{NoteCount} Notes</a></div>
  423.  
  424. {block:IfShowTags}
  425. {block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  426. {/block:IfShowTags}
  427.  
  428. {/block:IndexPage}
  429.  
  430. {block:PermalinkPage}{block:Date}
  431. <div id="permapage">
  432. 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}
  433. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}<br>{block:HasTags}Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  434. </div>{/block:Date}
  435. {/block:PermalinkPage}
  436.  
  437. {block:PostNotes}<div id="permapage">
  438. <h2>{NoteCount} Notes</h2>
  439. {PostNotes}</div>{/block:PostNotes}
  440. </div>
  441.  
  442. {/block:Posts}
  443.  
  444. </div>
  445. </div>
  446.  
  447. </body>
  448. </html>
clone this paste RAW Paste Data