Advertisement
lucas_hnf

de fotos para alguém

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