Advertisement
consdeleonn

Giants - consdeleonn.tumblr.com

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