API tools faq
paste
frellyou

t theme

frellyou
Sep 26th, 2012
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.46 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. 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>
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!