Advertisement
lsaac

Giants Theme

Sep 4th, 2012
100,278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.29 KB | None | 0 0
  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. <!--
  5. Giants Theme by lsaac.tumblr.com
  6.  
  7. Feel free to customise the theme as much as you like but please rememeber to leave at least one credit link, thank you :-)
  8. -->
  9.  
  10. <head>
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
  12. <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
  13. <script type="text/javascript">
  14. $(document).ready(function(){
  15. $(".description").hide();
  16. $(".about").click(function(){
  17. $('.description').slideToggle("fast");
  18. return true;
  19. });
  20. });
  21. </script>
  22.  
  23. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  24. <script type="text/javascript">
  25. $(document).ready(function () {
  26. $('li.drawer div:nth-child(2)').hide();
  27. $('li.drawer h4').click(function () {
  28. if ($(this).hasClass('open')) {
  29. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  30. else {
  31. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  32. $(this).next().slideDown();
  33. $(this).addClass('open');}
  34. });
  35. });
  36. </script>
  37.  
  38. <meta name="color:Background" content="#fff" />
  39. <meta name="color:Text" content="#333" />
  40. <meta name="color:Links" content="#888888"/>
  41. <meta name="color:Content" content="#555555"/>
  42. <meta name="if:background image" content="0" />
  43. <meta name="image:Background" content=""/>
  44. <meta name="text:first custom link title" content=""/>
  45. <meta name="text:first custom link url" content=""/>
  46. <meta name="text:second custom link title" content=""/>
  47. <meta name="text:second custom link url" content=""/>
  48. <meta name="text:third custom link title" content=""/>
  49. <meta name="text:third custom link url" content=""/>
  50. <meta name="text:fourth custom link title" content=""/>
  51. <meta name="text:fourth custom link url" content=""/>
  52. <meta name="if:first custom link" content="0"/>
  53. <meta name="if:second custom link" content="0"/>
  54. <meta name="if:third custom link" content="0"/>
  55. <meta name="if:fourth custom link" content="0"/>
  56. <meta name="if:submit link" content="0"/>
  57. <meta name="if:archive link" content="1"/>
  58. <meta name="if:home link" content="1"/>
  59. <meta name="if:message link" content="1"/>
  60. <meta name="if:inverted fade" content="1" />
  61. <meta name="if:faded images" content="0" />
  62. <meta name="if:rounded post corners" content="1" />
  63. <meta name="font:Body" content="Baskerville"/>
  64.  
  65.  
  66. <title>{Title}</title>
  67. <link rel="shortcut icon" href="{Favicon}">
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69. <link rel="shortcut icon" href="{Favicon}">
  70. <title>Untitled Document</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73.  
  74. {block:Description}
  75. <meta name="description" content="{MetaDescription}" />
  76. {/block:Description}
  77.  
  78. <style type="text/css">
  79. {CustomCSS}
  80.  
  81. p{
  82. margin:0px;
  83. padding:0px;
  84. }
  85.  
  86. #tumblr_controls{
  87. position:fixed;
  88. }
  89.  
  90. #tumblr_controls{
  91. -webkit-transition: opacity 0.2s linear;
  92. opacity: 0.7;
  93. }
  94. #tumblr_controls:hover{
  95. -webkit-transition: opacity 0.2s linear;
  96. opacity: 1;
  97. }
  98.  
  99. a{
  100. text-decoration:none;
  101. color:{color:links};
  102. -moz-transition: all 0.3s ease-out;
  103. -o-transition: all 0.3s ease-out;
  104. -webkit-transition: all 0.3s ease-out;
  105. transition: all 0.3s ease-out;
  106. }
  107.  
  108. a:hover{
  109. text-decoration:underline;
  110. -moz-transition: all 0.3s ease-out;
  111. -o-transition: all 0.3s ease-out;
  112. -webkit-transition: all 0.3s ease-out;
  113. transition: all 0.3s ease-out;
  114. }
  115.  
  116. body{
  117. color:{color:Text};
  118. background-color:{color:Background};
  119. font-size:12px;
  120. text-align: center;
  121. font-family: {font:Body};
  122. line-height:15px;
  123. }
  124.  
  125. #content{
  126. margin: auto auto auto auto ;
  127. width:100%;
  128. top:0px;
  129. position:relative;
  130. }
  131.  
  132. #content .posts{
  133. width:1320px;
  134. font-family: {font:Body};
  135. margin: 5px 0px 0px 0px;
  136. {block:PermalinkPage}
  137. width:510px;
  138. {/block:PermalinkPage}
  139. }
  140.  
  141. #content .entry{
  142. {block:IndexPage}
  143. width:430px;
  144. margin:5px;
  145. padding:0px;
  146. float:left;
  147. {/block:IndexPage}
  148. {block:PermalinkPage}
  149. margin-top:10px;
  150. width:500px;
  151. {/block:PermalinkPage}
  152. }
  153.  
  154. #content .entry img{
  155. {block:IndexPage}
  156. {block:ifroundedpostcorners}
  157. border-radius:8px;
  158. {/block:ifroundedpostcorners}
  159. max-width:430px
  160. {/block:IndexPage}
  161. }
  162.  
  163.  
  164.  
  165. .top{
  166. width:100%;
  167. text-align:left;
  168. margin: 565px 0px 0px -5px;
  169. z-index:5000;
  170. margin-bottom:10px;
  171. {block:ifdescrightborder}
  172. border-right-style:solid;
  173. border-width: 1px;
  174. {/block:ifdescrightborder}
  175. padding: 15px;
  176. position: fixed;
  177. background-color:{color:Content};
  178. font-family: Times New Roman;
  179. }
  180.  
  181. .top{
  182. -webkit-transition: opacity 0.5s linear;
  183. opacity: 0.60;
  184. }
  185. .top:hover{
  186. -webkit-transition: opacity 0.3s linear;
  187. opacity: 1;
  188. }
  189.  
  190. {block:ifinvertedfade}
  191. img{
  192. -webkit-transition: opacity 0.3s linear;
  193. opacity: 1;
  194. }
  195. img:hover{
  196. -webkit-transition: opacity 0.3s linear;
  197. opacity: 0.7;
  198. }
  199. {/block:ifinvertedfade}
  200.  
  201. {block:iffadedimages}
  202. img{
  203. -webkit-transition: opacity 0.3s linear;
  204. opacity: 0.8;
  205. }
  206. img:hover{
  207. -webkit-transition: opacity 0.3s linear;
  208. opacity: 1;
  209. }
  210. {/block:iffadedimages}
  211.  
  212.  
  213. .h1{
  214. display:block;
  215. font-size:27px;
  216. letter-spacing: 7px;
  217. line-height:20px;
  218. text-align: center;
  219. margin-bottom: 10px;
  220. font-family: {font:Body};
  221. }
  222.  
  223. .h2{
  224. font-size:27px;
  225. letter-spacing: 5px;
  226. line-height:20px;
  227. margin-bottom:5px;
  228. font-family: {font:Body};
  229. }
  230.  
  231. .h3{
  232. font-size:17px;
  233. line-height:20px;
  234. text-align:center;
  235. font-family: {font:Body};
  236. }
  237.  
  238. .nav{
  239. text-align:center;
  240. margin-top:0px;
  241. margin-bottom:0px;
  242. font-family: {font:Body};
  243. }
  244.  
  245. .h4{
  246. font-size:11px;
  247. line-height:20px;
  248. text-align:left;
  249. text-transform: uppercase;
  250. letter-spacing:1px;
  251. font-family: {font:Body};
  252. }
  253.  
  254. .permalink{
  255. display:block;
  256. font-size:15px;
  257. border-top-style: dotted;
  258. border-width:1px;
  259. text-align:center;
  260. padding:0px;
  261. font-family: {font:Body};
  262. }
  263.  
  264. .permalink{
  265. -webkit-transition: opacity 0.3s linear;
  266. opacity: 0.3;
  267. }
  268. .permalink:hover{
  269. -webkit-transition: opacity 0.3s linear;
  270. opacity: 1;
  271. }
  272.  
  273. .quote{
  274. font-size:17px;
  275. line-height:20px;
  276. text-transform:none;
  277. margin-bottom:5px;
  278. font-family: {font:Body};
  279. }
  280.  
  281. .audio{
  282. {block:IndexPage}
  283. width:418px;
  284. {/block:IndexPage}
  285. {block:PermalinkPage}
  286. width:488px;
  287. {/block:PermalinkPage}
  288. background-color:#fff;
  289. padding:5px;
  290. margin-bottom:0px;
  291. border-left:1px solid;
  292. border-right:1px solid;
  293. border-color:{color:Other};
  294. }
  295.  
  296. .audiocap, .videocap{
  297. background-color:{color:Other};
  298. display:block;
  299. padding:10px;
  300. }
  301.  
  302. .albumart, .albumart img{
  303. {block:IndexPage}
  304. width:430px;
  305. {/block:IndexPage}
  306. {block:PermalinkPage}
  307. width:500px;
  308. {/block:PermalinkPage}
  309. }
  310.  
  311. div.video embed,
  312. div.post div.video object {
  313. {block:IndexPage}
  314. width:250px !important;
  315. height:150px !important;
  316. {/block:IndexPage}
  317. {block:PermalinkPage}
  318. width:500px !important;
  319. height:400px !important;
  320. {/block:PermalinkPage}
  321. }
  322.  
  323. .question{
  324. font-weight:normal;
  325. margin-bottom:5px;
  326. font-size:13px;
  327. line-height:15px;
  328. display:block;
  329. font-family: {font:Body};
  330. }
  331.  
  332. a img{
  333. -webkit-box-shadow: 3px 14px 5px
  334. rgba(0,0,0,0.3);
  335. -moz-box-shadow: 3px 14px 5px
  336. rgba(0,0,0,0.3);
  337. box-shadow: 1px 2px 12px
  338. rgba(0,0,0,0.3);}
  339.  
  340. .nav { font-size:10px;
  341. }
  342.  
  343. #bg img {
  344. z-index:-1;
  345. position:fixed;
  346. top:0;
  347. left:0;
  348. height:100%;
  349. width:100%;
  350. }
  351.  
  352. </style>
  353. {block:IfBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfBackgroundImage}
  354.  
  355.  
  356. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  357. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  358. </script>
  359. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  360. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  361. <script type="text/javascript">
  362.  
  363. $(window).load(function () {
  364. $('.posts').masonry(),
  365. $('.masonryWrap').infinitescroll({
  366. navSelector : "div#navigation",
  367. // selector for the paged navigation (it will be hidden)
  368. nextSelector : "div#navigation a#nextPage",
  369. // selector for the NEXT link (to page 2)
  370. itemSelector : ".entry",
  371. // selector for all items you'll retrieve
  372. bufferPx : 10000,
  373. extraScrollPx: 11000,
  374. loadingImg : "",
  375. loadingText : "<em></em>",
  376. },
  377. // call masonry as a callback.
  378. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  379. );
  380. });
  381. </script>
  382. <script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script></head>
  383.  
  384. <body>
  385. <div class="top">
  386. <span class="h3"><a href="/">{Title}</a></span><br>
  387. <div class="nav"><div align="left"><p><span class="h4">
  388. {block:ifhomelink}<a href="/">Home</a> &middot;{block:ifhomelink}
  389. {block:ifmessagelink}<a href="/ask">Message</a> &middot;{block:ifmessagelink}
  390. {block:ifarchivelink} <a href="/archive">Archive</a> &middot;{/block:ifarchivelink}
  391. {block:ifsubmitlink}<a href="/submit">Submit</a> &middot;
  392. {/block:ifsubmitlink}
  393. {block:iffirstcustomlink}<a href="{text:first custom link url}">{text:first custom link title}</a> &middot;{/block:iffirstcustomlink}
  394. {block:ifsecondcustomlink}<a href="{text:second custom link url}">{text:second custom link title}</a> &middot;{/block:ifsecondcustomlink} {block:ifthirdcustomlink}<a href="{text:third custom link url}">{text:third custom link title}</a> &middot;{/block:ifthirdcustomlink}
  395. {block:iffourthcustomlink}<a href="{text:fourth custom link url}">{text:fourth custom link title}</a> &middot;{/block:iffourthcustomlink} <a href="http://lsaac.tumblr.com">Theme</a><br><br><br></span>
  396. </form></div></div></div></div><div id="content"><div class="posts">
  397.  
  398. {block:Posts}
  399. <div class="entry">
  400.  
  401. {block:Text}
  402. {block:Title}<span class="h1">{Title}</span>{/block:Title}
  403. {Body}
  404. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a><div>{/block:IndexPage}</span></div></div>
  405. {/block:Text}
  406.  
  407. {block:Photo}
  408. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoUrl-500}" width="430"></a>{LinkCloseTag}{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoUrl-500}" width="500"></a>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  409. {/block:Photo}
  410.  
  411. {block:Photoset}
  412. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  413. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  414. {block:Caption}{Caption}{/block:Caption}
  415. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a><div>{/block:IndexPage}</span></div></div>
  416. {/block:Photoset}
  417.  
  418. {block:Quote}
  419. <div class="quote"><b><i>"</i></b>{Quote}<b><i>"</i></b> </div>
  420. {block:Source}<small>{Source}</small>{/block:Source}
  421. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a><div>{/block:IndexPage}</span></div></div>
  422. {/block:Quote}
  423.  
  424. {block:Link}
  425. <a href="{URL}"{Target}><span class="h2"> ☞{Name}☜</span></a>
  426. {block:Description}<small>{Description}</small>{/block:Description}
  427. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a><div>{/block:IndexPage}</span></div></div>
  428. {/block:Link}
  429.  
  430. {block:Video}
  431. <div class="video">
  432. {block:IndexPage}{Video-400}{/block:IndexPage}
  433. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  434. </div>
  435. {block:IndexPage}{block:Caption}<div class="videocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  436. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  437. {/block:Video}
  438.  
  439. {block:Chat}
  440. {block:Title}
  441. <div class="ptitle">{Title}</div>
  442. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  443. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank">Reblog</a><div>{/block:IndexPage}</span></div></div>
  444. {/block:Chat}
  445.  
  446. {block:Audio}
  447. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></a></div>{/block:AlbumArt}
  448. <div class="audio">{AudioPlayerWhite}</div>
  449. {block:IndexPage}{block:Caption}<div class="audiocap"><a href="{Permalink}">{Caption}</a></div>{/block:Caption}{/block:IndexPage}
  450. {block:PermalinkPage}{block:Caption}<div class="audiocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  451. {/block:Audio}
  452.  
  453. {block:Answer}
  454. <div class="question">{Asker}: {Question}</div>
  455. {Answer}
  456. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a><div>{/block:IndexPage}</span></div></div>
  457. {/block:Answer}
  458.  
  459. {block:PostNotes}{PostNotes}{/block:PostNotes}
  460. </div>
  461. {/block:Posts}
  462. </div>
  463. </div>
  464.  
  465. {block:IndexPage}
  466. <div class="column navigation" id="navigation">
  467. {block:Pagination}
  468. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  469. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  470. </div>
  471. {/block:IndexPage}
  472.  
  473. <div style="right: 3px; top: 26px; opacity:0.7; position:absolute;"><a href="http://lsaac.tumblr.com"><img src="http://static.tumblr.com/ykziu7r/dGgm6nq81/install_theme.png"/></a></div>
  474.  
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </body>
  481. </html>
  482. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement