Advertisement
Guest User

Untitled

a guest
Sep 26th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.26 KB | None | 0 0
  1.  
  2.  
  3. <html lang="en">
  4. <head>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:text" content="#000000"/>
  17. <meta name="color:link" content="#000000"/>
  18. <meta name="color:hover" content="#cccccc"/>
  19.  
  20. <meta name="image:header" content=""/>
  21.  
  22. <meta name="if:show header image" content="0"/>
  23. <meta name="if:small posts" content="1"/>
  24. <meta name="if:image fade" content="1"/>
  25. <meta name="if:4 columns" content="0"/>
  26.  
  27. <meta name="text:link one" content=""/>
  28. <meta name="text:link one title" content=""/>
  29. <meta name="text:link two" content=""/>
  30. <meta name="text:link two title" content=""/>
  31. <meta name="text:link three" content=""/>
  32. <meta name="text:link three title" content=""/>
  33. <meta name="text:link four" content=""/>
  34. <meta name="text:link four title" content=""/>
  35. <meta name="text:link five" content=""/>
  36. <meta name="text:link five title" content=""/>
  37.  
  38. <style type="text/css">
  39.  
  40. #tumblr_controls{
  41. position:fixed !important;
  42. -webkit-filter: invert(100%) ;
  43. }
  44.  
  45. ::-webkit-scrollbar-thumb{
  46. background-color: {color:text};
  47. border: 2px solid {color:background};
  48. height:auto;
  49. -moz-border-radius: 10px;
  50. border-radius: 10px;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:auto;
  55. width:9px;
  56. background-color: #999999;
  57. border: 4px solid {color:background};
  58. }
  59.  
  60. body{
  61. margin:0px;
  62. background-attachment: fixed;
  63. background-repeat: repeat;
  64. background-color:{color:background};
  65. background-attachment: fixed;
  66. background-repeat: repeat;
  67. font-size: 11px;
  68. font-family: calibri;
  69. line-height:9px;
  70. text-transform:lowercase;
  71. color: {color:text};
  72. }
  73.  
  74. a:link, a:active, a:visited{
  75. color: {color:link};
  76. text-decoration: none;
  77. padding-bottom:1px;
  78. -webkit-transition-duration:.2s;
  79. }
  80.  
  81. a:hover{
  82. color: {color:hover};
  83. }
  84.  
  85. #topbar{
  86. padding: 8px;
  87. padding-top:0px;
  88. padding-bottom:0px;
  89. padding-left:0px;padding-right:0px;
  90. position:relative;
  91. {block:ifsmallposts}
  92. {block:if4columns}
  93. width:1000px;
  94. {/block:if4columns}
  95. {block:ifnot4columns}
  96. width:1200px;
  97. {/block:ifnot4columns}
  98. {/block:ifsmallposts}
  99. {block:ifnotsmallposts}
  100. {block:if4columns}
  101. width:1070px;
  102. {/block:if4columns}
  103. {block:ifnot4columns}
  104. width:1330px;
  105. {/block:ifnot4columns}
  106. {/block:ifnotsmallposts}
  107. height:auto;
  108. line-height:11px;
  109. font-size:9px;
  110. letter-spacing:1px;
  111. text-transform:uppercase;
  112. font-family: trebuchet ms;
  113. background:none;
  114. z-index:100;
  115. opacity:1;
  116. margin-top:0px;
  117. padding-top:2px;
  118. padding-bottom:3px;
  119. margin-left:0px;
  120. opacity:1;
  121. {block:permalinkpage}
  122. width:520px;
  123. {/block:permalinkpage}
  124. -webkit-transition-duration:.8s;
  125. }
  126.  
  127. .entry {
  128. margin:8px;
  129. padding: 0px;
  130. margin-bottom:5px;
  131. float:left;
  132. padding-bottom:0px;
  133. background-color:none;
  134. {block:IndexPage}
  135. {block:ifsmallposts}
  136. width:200px;
  137. margin:20px;
  138. margin-bottom:17px;
  139. {/block:ifsmallposts}
  140. {block:ifnotsmallposts}
  141. width:250px;
  142. {/block:ifnotsmallposts}
  143. {/block:IndexPage}
  144. {block:PermalinkPage}
  145. width:500px;
  146. {/block:PermalinkPage}
  147. font-family:calibri;
  148. font-size: 12px;
  149. letter-spacing:0px;
  150. text-transform:lowercase;
  151. line-height:14px;
  152. overflow:hidden;
  153. }
  154. .entry img{max-width:100%;}
  155. .photo a, .photo a:hover{background:none;border:none;}
  156.  
  157. .wrapper{{block:indexpage}{block:ifsmallposts}{block:if4columns}width:1000px;{/block:if4columns}{block:ifnot4columns}width:1200px;{/block:ifnot4columns}{/block:ifsmallposts}{block:ifnotsmallposts}{block:if4columns}width:1070px;{/block:if4columns}{block:ifnot4columns}width:1330px;{/block:ifnot4columns}{/block:ifnotsmallposts}{/block:indexpage}{block:permalinkpage}width:520px;{/block:permalinkpage}margin:0px auto;}
  158.  
  159. #posts {  
  160. width:100%;
  161. margin-left:0px;
  162. padding-top:10px;
  163. padding-bottom:250px;
  164. {block:permalinkpage}
  165. width:580px;
  166. margin:0px auto;
  167. {/block:permalinkpage}
  168. z-index:2;
  169. }
  170.  
  171. #infscr-loading{
  172. bottom: -10px;
  173. position: absolute;
  174. left: 50%;
  175. margin-left:-8px;
  176. width:16px;
  177. height:16px;
  178. overflow:hidden;
  179. margin-bottom: 50px;
  180. }
  181.  
  182. .img{{block:indexpage}{block:ifimagefade}opacity:.8;{/block:ifimagefade}{/block:indexpage}-webkit-transition-duration:.8s;
  183. }
  184.  
  185. .img:hover, .entry:hover .img{opacity:1;}
  186.  
  187. .blogtitle{
  188. font-family:'Cedarville Cursive';
  189. font-size:40px;
  190. text-align:center;
  191. letter-spacing:0px;
  192. line-height:50px;
  193. text-transform:lowercase;
  194. }
  195.  
  196. .title{
  197. font-family:consolas;
  198. font-size: 9px;
  199. font-weight:normal;
  200. line-height:7px;
  201. letter-spacing:1px;
  202. text-transform:uppercase;
  203. }
  204.  
  205. blockquote{
  206. padding:0px 0px 2px 5px;
  207. margin:2px 0px 2px 1px;
  208. border-left: 1px solid #cccccc;}
  209. blockquote p, ul{margin:0px; padding:0px;}
  210.  
  211. .chat .line{
  212. background-color:#ffffff;
  213. margin: 0 0 1px;
  214. padding: 5px;
  215. }
  216. .chat .line.odd{
  217. background-color:#e3e3e3;
  218. }
  219.  
  220. .label {font-weight:bold; color:{color:text}}
  221.  
  222. a img{border: 0px;}
  223.  
  224. .p { padding-top: 5px; }
  225. .ol, ul { margin-left: 10px; padding: 5px; }
  226. .ul { list-style-type: square; }
  227.  
  228. .albumart { margin-bottom: 0px; }
  229. .albumart img, .audio embed { width: 55px; padding-right: 5px;}
  230. .notes img{width:20px; position:left; top:5px;border-radius:100px;}
  231. .notes{line-height:17px;text-transform:uppercase;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:left;}
  232.  
  233. .perm{margin-top:5px;font-family:consolas;font-size:9px;letter-spacing:1px;text-transform:uppercase;opacity:1;text-align:right;border-top:1px solid #555555;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3 ease-in-out;}
  234.  
  235. .entry:hover .perm{margin-top:5px;opacity:1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
  236.  
  237. .ig{opacity:.8;-webkit-transition-duration:.8s;}.ig:hover, .entry:hover .ig{opacity:1;}
  238.  
  239. .perma {position:absolute; text-decoration:none; margin-top:-20px; margin-left:0px; padding:1px; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:55px;text-align:center;background:{color:background};padding-top:5px;padding-bottom:5px;font-size:9px;letter-spacing:1px;}
  240. .perma a {text-decoration:none;text-transform:uppercase;}
  241. .entry:hover .perma {-webkit-transition: 0.4s ease-in; position:absolute; margin-top:0px; margin-left:0px; background:{color:background}; opacity:.8;}
  242. .entry:hover .perma:hover{opacity:.9;padding-left:20px;z-index:100;}
  243.  
  244. .perma2 {position:absolute; text-decoration:none; margin-top:24px;margin-left:-20px; padding:1px;padding-top:5px;padding-bottom:5px; background:{color:background}; opacity:0; -webkit-transition: 0.4s ease-in;z-index:10;font-family:trebuchet ms;width:55px;text-align:center;font-size:9px;letter-spacing:1px;}
  245. .perma2 a {text-decoration:none;text-transform:uppercase;}
  246. .entry:hover .perma2 {-webkit-transition: 0.4s ease-in; position:absolute; margin-left:0px; background:{color:background}; opacity:.8;}
  247. .entry:hover .perma2:hover{opacity:.9;z-index:100;padding-left:20px;}
  248.  
  249. .nav{font-family:calibri;font-size:11px;letter-spacing:1px;text-align:center;}
  250. .nav a{padding:3px;padding-top:0px;margin:5px;border-top:2px solid {color:background};-webkit-transition-duration:.5s;}
  251. .nav a:hover{border-top:2px solid {color:link};}
  252.  
  253. {CustomCSS}
  254. </style>
  255. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  256. {block:IndexPage}
  257. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  258. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  259. <script type="text/javascript">
  260. $(window).load(function () {
  261. var $content = $('#posts');
  262. $content.masonry({itemSelector: '.entry'}),
  263. $content.infinitescroll({
  264. navSelector : 'div#pagination',
  265. nextSelector : 'div#pagination a#nextPage',
  266. itemSelector : '.entry',
  267. loading: {
  268. finishedMsg: '',
  269. img: 'http://static.tumblr.com/apahx90/gbVmpo84y/ajax-loader-1.gif'
  270. },
  271. bufferPx : 600,
  272. debug : false,
  273. },
  274. // call masonry as a callback.
  275. function( newElements ) {
  276. var $newElems = $( newElements );
  277. $newElems.hide();
  278. // ensure that images load before adding to masonry layout
  279. $newElems.imagesLoaded(function(){
  280. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1300);} );
  281. });
  282. });
  283. });
  284. </script>
  285.  
  286. {/block:IndexPage}
  287. <meta name="viewport" content="width=800" />
  288.  
  289. </head><body>
  290. <div class="wrapper">
  291. <div id="topbar">
  292. {block:ifshowheaderimage}
  293. <center><a href="/"><img src="{image:header}" style="max-width:500px;"/></a></center>
  294. {/block:ifshowheaderimage}
  295. {block:ifnotshowheaderimage}
  296. <div class="blogtitle"><a href="/">{title}</a></div>
  297. {/block:ifnotshowheaderimage}
  298. <br><center>{description}</center><br>
  299. <div class="nav">
  300. <a href="/">home</a>{block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}{block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{block:iflinkonetitle}{block:iflinktwotitle}<a href="{text:link two}">{text:link two title}</a>{block:iflinktwotitle}{block:iflinkthreetitle}<a href="{text:link three}">{text:link three title}</a>{block:iflinkthreetitle}{block:iflinkfourtitle}<a href="{text:link four}">{text:link four title}</a>{block:iflinkfourtitle}{block:iflinkfivetitle}<a href="{text:link five}">{text:link five title}</a>{block:iflinkfivetitle}<a href="http://instagram.com/lucaslealh/">ME</a>
  301. </div>
  302. </div>
  303.  
  304. <div class="autopagerize_page_element">
  305. <div id="posts">
  306.  
  307. {block:Posts}
  308. <div class="entry">
  309.  
  310. {block:Text}
  311. {block:Title}<div class="title">{Title}</div>{/block:Title}
  312. {Body}
  313. {block:IndexPage}
  314. <div class="perm"><a href="{reblogurl}" target-"_blank">reblog</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  315. {/block:IndexPage}
  316. {/block:Text}
  317.  
  318. {block:Link}
  319. <a href="{URL}" class="title">{Name}</a>
  320. {block:Description}{Description}{/block:Description}
  321. {block:IndexPage}
  322. <div class="perm"><a href="{reblogurl}" target-"_blank">reblog</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  323. {/block:IndexPage}
  324. {block:Link}
  325.  
  326. {block:Photo}
  327. <div class="img">
  328. {block:IndexPage}
  329. <div class="perma"><a href="{reblogurl}" target="_blank">REBLOG</a></div>
  330. <div class="perma2"><a href="{permalink}">{notecount}</a></div>
  331. {/block:IndexPage}
  332. {block:IndexPage}<a href="{Permalink}" style="background-color:transparent;">
  333. <img src="{PhotoURL-HighRes}" width="100%" class="border"></img></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" width="500px" class="border"></img>{/block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  334. </div>
  335. {/block:Photo}
  336.  
  337. {block:Answer}
  338. {block:IndexPage}
  339. {/block:IndexPage}
  340. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;border-radius:100px;"/>
  341. <b>{Asker}</b>: <b>{Question}</b>{Answer}
  342. {block:IndexPage}<div class="perm"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div>
  343. {/block:IndexPage}
  344. {/block:Answer}
  345.  
  346. {block:Photoset}
  347. <div class="img">
  348. {block:IndexPage}<a href="{permalink}">{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{block:ifsmallposts}200px{/block:ifsmallposts}{block:ifnotsmallposts}250px{/block:ifnotsmallposts}"/>{/block:Photos}<div style="display:none;">{block:RebloggedFrom}{ReblogParentName}{ReblogParentTitle}{ReblogParentURL}{/block:RebloggedFrom}{block:ContentSource}{SourceURL} {/block:ContentSource}</div></a>{/block:IndexPage}
  349. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  350. </div>
  351. {block:IndexPage}
  352. <div class="perm"><a href="{reblogurl}" target-"_blank">reblog</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  353. {/block:IndexPage}
  354. {/block:Photoset}
  355.  
  356. {block:Quote}
  357. {Quote}
  358. {block:IndexPage}
  359. <div class="perm"> - <a href="{permalink}">{Source}</a></div>
  360. {/block:IndexPage}
  361. {/block:Quote}
  362.  
  363. {block:Audio}
  364. {block:indexpage}
  365. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:100%;height:auto;position:relative;" class="ig">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:100%;height:27px;padding-top:5px;padding-bottom:5px;margin-top:0px;margin-bottom:0px;{block:albumart}margin-bottom:0px;margin-top:-3px;width:100%;{/block:albumart}float:right;overflow:hidden;background-color:#e3e3e3;">{AudioPlayerGrey}
  366. {block:ExternalAudio}{/block:ExternalAudio}</div>
  367. <div class="perm" style="border-top:0px;{block:albumart}border-top:1px solid #dddddd;{/block:albumart}">
  368. <a href="{permalink}">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</a>
  369. </div>
  370. {/block:indexpage}
  371. {block:permalinkpage}
  372. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}" style="width:47px;height:47px;position:relative;">{/block:AlbumArt}</div><div style="float:left;text-align:left;width:450px;height:27px;padding-top:10px;padding-bottom:10px;margin-top:-51px;float:right;background-color:#000000;">{AudioPlayerBlack}
  373. {block:ExternalAudio}{/block:ExternalAudio}</div>
  374. {/block:permalinkpage}
  375. {/block:Audio}
  376.  
  377. {block:video}
  378. {block:indexpage}
  379. <a href="{permalink}">view video</a>
  380. {block:indexpage}
  381. {block:permalinkpage}
  382. {video-500}
  383. {/block:permalinkpage}
  384. {block:IndexPage}
  385. <div class="perm"><a href="{reblogurl}" target-"_blank">reblog</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  386. {/block:IndexPage}
  387. {/block:video}
  388.  
  389. {block:Chat}
  390. {block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
  391. <div class="chat">
  392. <div class="lines">
  393. {block:Lines}
  394. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  395. {/block:Lines}
  396. </div>
  397. </div>
  398. {block:IndexPage}
  399. <div class="perm"><a href="{reblogurl}" target-"_blank">reblog</a> / <a href="{permalink}">{notecountwithlabel}</a></div>
  400. {/block:IndexPage}
  401. {/block:Chat}
  402.  
  403. {block:IndexPage}
  404. <div style="display:none;">
  405. {block:ContentSource}
  406. <a href="{SourceURL}">
  407. {lang:Source}:
  408. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  409. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  410. </a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>
  411. {/block:IndexPage}
  412.  
  413. {block:PermalinkPage}
  414. <center>
  415. {block:Date}
  416. <center>
  417. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  418. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  419. {/block:Date}
  420. {block:RebloggedFrom}
  421. <center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}
  422. </center>
  423. {/block:RebloggedFrom}
  424. {/block:PermalinkPage}
  425.  
  426. {block:PostNotes}<div class="notes">{PostNotes}</div>
  427. {/block:PostNotes}
  428. </div>
  429.  
  430.  
  431. {/block:Posts}
  432. </div>
  433. </div></div>
  434. <div class="right">
  435. </div>
  436. <div class="footer">
  437. <br>
  438. </div>
  439. </div>
  440. </body>
  441. </html>
  442. <div style="position:fixed;right:0px;bottom:-425px;">
  443. {block:IndexPage}
  444. {block:Pagination}
  445. <div id="pagination">
  446. {block:NextPage}
  447. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  448. {/block:NextPage}
  449. {block:PreviousPage}
  450. <a href="{PreviousPage}">&larr;&nbsp;</a>
  451. {/block:PreviousPage}
  452. </div>
  453. {/block:Pagination}
  454. {/block:IndexPage}</div>
  455. </body>
  456. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement