API tools faq
paste
Advertisement
bridabraga

Theme Red Velvet

bridabraga
Jul 18th, 2018
377
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.12 KB | None | 0 0
raw download clone embed print report
  1. <!--- THEME DESENVOLVIDO POR POR BRIDA BRAGA. É PROIBIDA A COPIA TOTAL OU PARCIAL DO MESMO HTML. OBRIGADA --->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="https://www.w3.org/1999/xhtml">
  4. <head profile="https://gmpg.org/xfn/11"><head>
  5.  
  6. <title>{title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  11. <link href='https://fonts.googleapis.com/css?family=Homemade+Apple|Julius+Sans+One|Nixie+One|Cinzel+Decorative|Mr+De+Haviland|Herr+Von+Muellerhoff|Norican|Meddon|Life+Savers|Dawning+of+a+New+Day|Flamenco|Sofia|Mrs+Saint+Delafield|Sacramento' rel='stylesheet' type='text/css'>
  12. <link href="https://fonts.googleapis.com/css?family=Cairo|Open+Sans+Condensed:300|Oswald|Playfair+Display|Sanchez" rel="stylesheet">
  13.  
  14. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/auyouzq5m/jquery.js"></script>
  15. <script type="text/javascript" src="https://static.tumblr.com/kecu8nj/qfAovx3no/min.js"></script>
  16. <!-- pxu by shythemes / explicado por passo-html --->
  17. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  18. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:200,
  28. tip_fade_speed:300
  29. }
  30. );
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  36.  
  37. <script type="text/javascript">var topButton = "sleek/circle-light";</script><script type="text/javascript" src="//backtotopbutton.com/script/toTop.js"></script>
  38.  
  39. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  40.  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  41.  
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Imagem Sidebar" content=""/>
  44.  
  45. <meta name="color:Background" content="#fff"/>
  46. <meta name="color:Texts" content="#333333"/>
  47. <meta name="color:Title" content="#823826"/>
  48. <meta name="color:Links" content="#222"/>
  49. <meta name="color:Hover" content="#823826"/>
  50.  
  51. <meta name="color:Titulo das postagens" content="#823826"/>
  52.  
  53. <meta name="color:Blockquote" content="#eee"/>
  54. <meta name="color:Rolagem" content="#57261a"/>
  55. <meta name="color:Selecao" content="#777"/>
  56.  
  57. <meta name="color:Menu" content="#555"/>
  58. <meta name="color:MenuHover" content="#a2452e"/>
  59.  
  60. <meta name="color:qSource" content="#444"/>
  61. <meta name="color:qSourceHover" content="#999"/>
  62.  
  63. <meta name="text:Link 1" content="index"/>
  64. <meta name="text:Link 1 URL" content="/"/>
  65. <meta name="text:Link 2" content="message"/>
  66. <meta name="text:Link 2 URL" content="/ask"/>
  67. <meta name="text:Link 3" content="archive"/>
  68. <meta name="text:Link 3 URL" content="/archive"/>
  69. <meta name="text:Link 4" content="autorias"/>
  70. <meta name="text:Link 4 URL" content="/link"/>
  71.  
  72. <meta name="color:Strike" content="#333"/>
  73. <meta name="color:Strong" content="#2b130d"/>
  74. <meta name="color:Italic" content="#893520"/>
  75. <meta name="color:Underline" content="#808080"/>
  76.  
  77. <meta name="color:Background ToolTips" content="#823826" />
  78. <meta name="color:Color ToolTips" content="#fff" />
  79.  
  80. <meta name="color:chat 1" content="#fbf8ff">
  81. <meta name="color:chat 2" content="#ffffff">
  82.    
  83. </head>
  84.  
  85.  
  86. <style type="text/css" media="screen">
  87.  
  88. #infscr-loading {display:none!important;}
  89. #infscr-loading img {display:none;}
  90. #pagination {display:none;}
  91.  
  92. /**** BODY ****/
  93. #pagina{width:880px; margin-left:auto;margin-right:auto;}
  94.  
  95. body {background-color:{color:Background}; background-image:url({image:Background}); color:{color:Texts}; text-align: justify; padding: 0; line-height: 17px; overflow-x:hidden; height:100%; font: 11px verdana;}
  96.  
  97. blockquote{margin:2px 5px 2px 5px; padding:1px 0 3px 6px; border-left:1px solid {color:Blockquote};}
  98. ul{list-style-type:circle;}
  99. blockquote img {width:100%; height:100%;}
  100.  
  101. #entry {width:300px; height:auto; margin-left:auto; margin-right:auto;}
  102.  
  103. .box {position:relative; margin-left:auto; margin-right:auto;}
  104. .box img {display:block; max-width:100%;}
  105. .box iframe {max-width:100%;}
  106.  
  107. .sidebar {margin: 0px 0px 0px 470px; text-align: justify; margin-top:50px; float: left; margin-left: auto; position: fixed; width:170px; font-family:courier; padding:20px 0px 20px 20px;}
  108.  
  109. .sid {font-family: 'calibri', sans-serif; line-height:18px; font-size: 11px; color:{color:Texts}; text-align: justify; margin-top: 7px; width: 170px;padding: 5px;margin-top:30px;}
  110.  
  111. .desc {width:175px;position:fixed;z-index:999999999; padding-top: 10px; text-align:justify; color:{color:Texts}; line-height:20px; font:13px 'calibri', sans-serif; letter-spacing:-.5px;}
  112.  
  113. .posts{font-family: 'calibri', sans-serif;  font-size: 13.5px; margin-bottom:60px; padding:3px; width:350px; height:auto; margin-left:auto; margin-right:auto; color:{color:Texts}; padding:10px 20px 11px 20px;}
  114.  
  115.  
  116. /*** POST - INFO ***/
  117. #info{margin-top: 15px; }
  118. #info a{color:{color:Links};}
  119. #info a:hover{color:{color:Links};}
  120. .postclear{clear: both; width: 100%; visibility: hidden; height: 1px}
  121. #clear{clear: both; width: 100%; visibility: hidden; height:auto;}
  122. .date {display:inline; text-align:right; float:right}
  123. .date a {color:{color:Links};}
  124.  
  125. /*Estilo de notes by @clamam inspirado em @enchantedthemes disponível em @passo-html. Não remova os créditos!!!*/
  126. #ph-notes{position:relative; line-height:15px; text-transform:uppercase; bottom:-7px; z-index:99; width:350px; border-top:1px solid #eee; padding-top:7px; font-family:calibri; font-size:9.5px; letter-spacing:.5px;}
  127. #ph-notes a{color:#888; padding:5px; margin:8px;}
  128. #ph-tags{font-size:10px; font-family:calibri; letter-spacing:1px; text-align:left; font-style:italic; text-transform:lowercase; margin-left:-13px;}.custom-like-button{right:5px; position:relative; display:inline; width:10px; height:10px; top:3px; cursor:pointer; font-size:15px;}
  129. .like_button{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; opacity:0; z-index:10;}
  130. .like_button iframe{width:100%!important; height:100%!important;}
  131. .our_button{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1;}
  132. .like_button:hover + .our_button{color:#aaccdd!important;}
  133. .like_button.liked + .our_button{background:red!important; color:#aaccdd!important;}
  134.  
  135. /***código por queen-designs***/
  136. .video embed, .video object, .video iframe {
  137.     width:300px!important;
  138.     height:200px!important;
  139.     display:block;margin:auto;}
  140.  
  141. .postext embed, .postext object, .postext iframe {
  142.     width:300px!important;
  143.     height:200px!important;
  144.     display:block;;}
  145.  
  146.  
  147. /*** chat by https://glenthemes.tumblr.com/ ***/
  148. .chat {line-height:20px; list-style:none;}
  149.  
  150. .linee.odd {background:{color:chat 1}; margin-bottom:2px; padding:5px; list-style:none; font-size:10px;}
  151.  
  152. .linee.even {background:{color:chat 2}; margin-bottom:2px; padding:5px; list-style:none; font-size:10px;}
  153.  
  154. .label {padding-right:1px; text-transform:uppercase; font-weight:bold; color:{color:Hover};}
  155.  
  156. /*** Estilo de Audio por Passo-Html/Cavalhera ***/
  157. #albumcapa img{width:82px;position:absolute;padding:5px;border:1px solid #eee;}  
  158. .play{margin-left:97px;border:1px solid #eee;}
  159. #cap{margin-left:97px;}
  160. .list{border:1px solid #eee;height:17px;line-height:20px; margin-top:2px;font-family:consolas;text-transform:uppercase;font-size:8px;word-spacing:-2px;padding-left:8px;}
  161.  
  162. /**** LINKS ****/
  163. a:link,a:active,a:visited { color:{color:Links}; text-decoration: none; }
  164. a:hover { color:{color:Hover} -webkit-transition-duration: .500s;}
  165.  
  166. s, strike {color:{color:Strike}; cursor: help; }
  167. strong,b {color:{color:Strong}; cursor: help; }
  168. i,em {color:{color:Italic};}
  169. u,underline {color:{color:Underline}; border-bottom: 2px solid #eee; text-decoration:none;}
  170.  
  171. /* ask by https://agridoceja.tumblr.com/ */
  172. .fotoask img{width:25px; height:25px; float:left; padding-right: 4px; border-radius: 100%;}
  173.  
  174. .por {font-family: 'arial', serif; font-size:6.5px; letter-spacing:2px; text-transform:uppercase; text-align:left;}
  175.  
  176. .perguntou {font-family: 'calibri', serif; font-style:italic; text-align:left; text-transform:lowercase; font-weight:bold; font-size:13px; color:{color:Texts};}
  177.  
  178. .perguntou a{color:{color:Hover}; line-height:85%;}
  179.  
  180. .perguntou a:hover{color:{color:Texts};}
  181.  
  182. .pergunta{float:right; font-size:13.5px; width:96%; background:#eee; padding:8px; margin-top:0px; margin-bottom:5px;}
  183.  
  184. .resposta{width:97%; padding:2px; background:{color:Background}; font-size:13.5px; border-top: 1px solid #eee; margin-top:7px;}
  185.  
  186. #ask_form {width: 300px; height: auto;}
  187.  
  188.  
  189. /*** OL.NOTES DISPONIBILIZADO EM PASSO-HTML, POR LEMBRAVEIS ***/
  190. ol.notes {width:300px; padding:0px; margin:0px; overflow-y:scroll;overflow-x:hidden; height:232px;border-top:solid 1px solid #ffc0cb;background:#eee;}
  191. ol.notes li.note {width:300px; padding:5px; font-size:10px;}
  192. ol.notes li.note img.avatar {vertical-align:-4px; margin-right:10px; width:17px; height:17px;border-radius:100px;}
  193. /*** OL.NOTES DISPONIBILIZADO EM PASSO-HTML, POR LEMBRAVEIS ***/
  194.  
  195. .boxperma{border-radius:5px; padding:0px; overflow:hidden; float:left; position:relative; width:300px;}
  196.  
  197. #permalink{width:300px; font-size:10px; text-transform:uppercase; padding-bottom:5px; margin-left:0px; margin-top:0px; line-height:17px;}
  198. aside.permalink_page {margin-top:30px; margin-bottom:60px;}
  199.  
  200. /**** QUOTE ****/
  201. .quote2 {color:{color:Texts}; font-family: 'calibri', sans-serif; text-align: justify; line-height:19px; font-size:11px; padding:5px;}
  202.  
  203. .qsource{font-family:'calibri', serif; text-align: justify; font-size:11px; text-transform: uppercase; padding: 5px; opacity: 0.9; margin-top: 1px; margin-left: -5px; color:{color:qSource};}
  204.  
  205. .qsource a{color:{color:qSource};}
  206.  
  207. .qsource a:hover{color:{color:qSourceHover};}
  208.  
  209. /**** TITLES ****/
  210.  
  211. h1{color:{color:Titulo das postagens}; font-family:Julius Sans One; font-size:14px; line-height:20px; text-transform:uppercase; font-weight:400; margin:0px; padding:0px; text-align:justify;}
  212.  
  213. h2{color:{color:Titulo das postagens}; font-family:Julius Sans One; font-size:14px; line-height:20px; text-transform:uppercase; font-weight:400; margin:0px; padding:0px; text-align:justify;}
  214.  
  215. h3 {color: {color:Title}; font-family:Julius Sans One; text-transform:uppercase; font-size:14px; letter-spacing:1px; margin-bottom:0px; padding-bottom:8px; text-align:center;}
  216.  
  217. /**** MENU DE LINKS ****/
  218.  
  219. #menu {width:170px; text-align:center; font-size:10px; margin-bottom:12px;}
  220.  
  221. #menu a {line-height:20px; font-family:calibri; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out; text-transform:uppercase;  padding:4px;}
  222.  
  223. #menu a:hover {line-height:20px; font-family:calibri; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out; text-transform:uppercase; color:{color:MenuHover}; padding:4px;}
  224.  
  225. #menu i{font-size:10px; color:{color:Icone Menu}; line-height:5px; padding:4px;}
  226.  
  227. /***** FOTO SIDEBAR BY BRIDA BRAGA @agridoceja ****/
  228.  
  229. .fotosid {border:5px solid transparent; width:131px; height:131px; padding:4px; border-radius:90px; -webkit-transition-duration: .90s;}
  230.  
  231. .fotosid:hover {-webkit-transition-duration: .90s;-webkit-filter: grayscale(50%);}
  232.  
  233.  
  234. /*** menu heart - by https://bridabraga.tumblr.com/ ***/
  235.  
  236. .heart {margin-bottom: 1px; display: block; padding-bottom : 2px; font-size: 10px; }
  237.  
  238.  
  239. /**** EXTRAS ****/
  240. .divtraso {width: 100%px;border-top: 1px solid #eee; margin-bottom: 2px; padding:2px;}
  241.  
  242.  
  243. #tumblr_controls{position: fixed!important;z-index:15;}
  244. iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  245. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  246.  
  247. html{cursor:url('https://static.tumblr.com/5u1fog0/aaEn06fxx/cursor.png'), auto;}
  248. a,a:hover{cursor:url("https://static.tumblr.com/5u1fog0/zJbn06fy8/cursor_hover.gif"), auto }
  249.  
  250. ::selection{background:{color:Selecao}; color:{color:title};}
  251. ::-moz-selection{background:{color:Selecao}; color:{color:title};}
  252. @-webkit-keyframes Fade{0%{opacity:0;} 100%{opacity:1;}}
  253.  
  254. ::-webkit-scrollbar{height:10px; width:5px; background:{color:Background};}
  255. ::-webkit-scrollbar-thumb:vertical{background:{color:Rolagem}; border-right:2px solid {color:Background}; border-top:2px solid {color:Background};}
  256.  
  257. #s-m-t-tooltip{
  258. position:absolute;
  259. max-width:300px;
  260. z-index:99999999;
  261. margin-top:5px;
  262. margin-left:10px;
  263. display:block;
  264. padding:8px;
  265. background:{color:Background ToolTips};
  266. font-size:8px;
  267. color:{color:Color ToolTips};
  268. letter-spacing:1px;
  269. text-transform:uppercase;
  270. }
  271.  
  272. .credits{width:auto; height:auto; font-size:10px; line-height:9px; text-align:center; font-family: calibri; padding: 6px; background:{color:Hover}; margin-left:8px; position:fixed; text-transform: uppercase; bottom:20px; overflow: hidden;}
  273.  
  274. </style></head>
  275. <body>
  276.  
  277. <div class="credits">
  278. <a href="https://agridoceja.tumblr.com" title="Theme by"><font color="#fff">agridoceja</a></font></div></div>
  279.  
  280.  
  281. <div id="pagina">
  282.  
  283.  
  284. <div class="sidebar">
  285.  
  286. <div class='sid'>
  287.  
  288. <center><img style="float: center;" src="{image:Imagem Sidebar}" class="fotosid"></center></div>
  289.  
  290. <h3>{title}</h3>
  291.  
  292. <center><a style="letter-spacing:-3px; color:#555;">--------------- </a></center>
  293.  
  294.  
  295. <div class="desc">{description}<br><br>
  296.  
  297.  
  298. <h3>Navegue</h3>
  299.  
  300. <center><a style="letter-spacing:-3px; color:#555;">--------------------------------------------------------- </a></center>  
  301.  
  302. <div id="menu">
  303.  
  304. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  305.  
  306. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  307.  
  308. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  309.  
  310. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  311.  
  312. </div>
  313.  
  314.  
  315. </div></div></div></div>
  316.  
  317.    
  318. <div id="entry">
  319. {block:Posts}
  320.  
  321. <div class="posts">
  322. {block:Text}{block:Title}<h1>{Title}</h1>
  323. {/block:Title}{Body}
  324. {block:IndexPage}
  325. <div id="ph-notes">
  326. {DayOfMonth} de {ShortMonth}
  327. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  328. <div class="custom-like-button">
  329. <div class="like_button">{LikeButton}</div>
  330. <span class="our_button">♡</a>
  331. </span>
  332. </div>
  333. <a href="{ReblogURL}">↻</a>
  334. </div>
  335. <div id="ph-tags">
  336. {block:HasTags}
  337. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  338. {/block:HasTags}
  339. </div>
  340. </div>
  341. {/block:IndexPage}
  342. {/block:Text}
  343.  
  344. {block:Quote}
  345. <div class="quote">{Quote}</div>
  346. {block:Source}
  347. <div class="qsource">- {Source}</div>
  348. {/block:Source}
  349. {block:IndexPage}
  350. <div id="ph-notes">
  351. {DayOfMonth} de {ShortMonth}
  352. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  353. <div class="custom-like-button">
  354. <div class="like_button">{LikeButton}</div>
  355. <span class="our_button">♡</a>
  356. </span>
  357. </div>
  358. <a href="{ReblogURL}">↻</a>
  359. </div>
  360. <div id="ph-tags">
  361. {block:HasTags}
  362. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  363. {/block:HasTags}
  364. </div>
  365. </div>
  366. {/block:IndexPage}
  367. {/block:Quote}
  368.  
  369. {block:Video}
  370. {block:IndexPage}<div class="video">{Video-500}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  371. <div id="cap">{block:Caption}{Caption}{/block:Caption}
  372. {block:IndexPage}
  373. <div id="ph-notes">
  374. {DayOfMonth} de {ShortMonth}
  375. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  376. <div class="custom-like-button">
  377. <div class="like_button">{LikeButton}</div>
  378. <span class="our_button">♡</a>
  379. </span>
  380. </div>
  381. <a href="{ReblogURL}">↻</a>
  382. </div>
  383. <div id="ph-tags">
  384. {block:HasTags}
  385. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  386. {/block:HasTags}
  387. </div>
  388. </div>
  389. {/block:IndexPage}
  390. {/block:Video}
  391.  
  392. {block:Link}
  393. <a href="{URL}" class="link" {Target}><h2><div class="divtraso">{Name}&nbsp;</h2></a>
  394. {block:Description}<P>{Description}</p>{/block:Description}
  395. {block:IndexPage}
  396. <div id="ph-notes">
  397. {DayOfMonth} de {ShortMonth}
  398. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  399. <div class="custom-like-button">
  400. <div class="like_button">{LikeButton}</div>
  401. <span class="our_button">♡</a>
  402. </span>
  403. </div>
  404. <a href="{ReblogURL}">↻</a>
  405. </div>
  406. <div id="ph-tags">
  407. {block:HasTags}
  408. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  409. {/block:HasTags}
  410. </div>
  411. </div>
  412. {/block:IndexPage}
  413. {/block:Link}
  414.  
  415. {block:Photo}
  416. <div class="box">
  417. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a></div>
  418. {block:IndexPage}
  419. <div id="ph-notes">
  420. {DayOfMonth} de {ShortMonth}
  421. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  422. <div class="custom-like-button">
  423. <div class="like_button">{LikeButton}</div>
  424. <span class="our_button">♡</a>
  425. </span>
  426. </div>
  427. <a href="{ReblogURL}">↻</a>
  428. </div>
  429. <div id="ph-tags">
  430. {block:HasTags}
  431. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  432. {/block:HasTags}
  433. </div>
  434. </div>
  435. {/block:IndexPage}
  436. {/block:Photo}
  437.  
  438. {block:Photoset}
  439. <a href="{Permalink}" target="_blank">{Photoset}</a></center>
  440. {block:IndexPage}
  441. <div id="ph-notes">
  442. {DayOfMonth} de {ShortMonth}
  443. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  444. <div class="custom-like-button">
  445. <div class="like_button">{LikeButton}</div>
  446. <span class="our_button">♡</a>
  447. </span>
  448. </div>
  449. <a href="{ReblogURL}">↻</a>
  450. </div>
  451. <div id="ph-tags">
  452. {block:HasTags}
  453. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  454. {/block:HasTags}
  455. </div>
  456. </div>
  457. {/block:IndexPage}
  458. {/block:Photoset}
  459.  
  460. {block:Chat}
  461. {block:IndexPage}
  462. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="linee {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  463. {block:IndexPage}
  464. <div id="ph-notes">
  465. {DayOfMonth} de {ShortMonth}
  466. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  467. <div class="custom-like-button">
  468. <div class="like_button">{LikeButton}</div>
  469. <span class="our_button">♡</a>
  470. </span>
  471. </div>
  472. <a href="{ReblogURL}">↻</a>
  473. </div>
  474. <div id="ph-tags">
  475. {block:HasTags}
  476. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  477. {/block:HasTags}
  478. </div>
  479. </div>
  480. {/block:IndexPage}
  481. {/block:Chat}
  482.  
  483. {block:Audio}
  484. <div class="audio">
  485. {block:AlbumArt}<div id="albumcapa"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  486. <div class="play">
  487. {AudioPlayerWhite}    
  488. </div>
  489. <div id="cap">
  490. <div class="list">Track: {block:TrackName} {TrackName} {/block:TrackName}</div>
  491. <div class="list">Artist: {block:Artist} {Artist} {/block:Artist}</div>
  492. <div class="list">Album: {block:Album} {Album} {/block:Album}</div>
  493. </div></div>
  494. {block:IndexPage}
  495. <div id="ph-notes">
  496. {DayOfMonth} de {ShortMonth}
  497. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  498. <div class="custom-like-button">
  499. <div class="like_button">{LikeButton}</div>
  500. <span class="our_button">♡</a>
  501. </span>
  502. </div>
  503. <a href="{ReblogURL}">↻</a>
  504. </div>
  505. <div id="ph-tags">
  506. {block:HasTags}
  507. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  508. {/block:HasTags}
  509. </div>
  510. </div>
  511. {/block:IndexPage}
  512. {/block:Audio}
  513.  
  514.  
  515. {block:Answer}
  516. <div class="fotoask"><img src="{AskerPortraitURL-48}"></div>
  517. <div class="por">pergunta por:</div>
  518. <div class="perguntou">{Asker}</div>
  519. <div class="pergunta">{Question}</div>
  520. <div class="resposta">{Answer}</div>
  521. {block:IndexPage}
  522. <div id="ph-notes">
  523. {DayOfMonth} de {ShortMonth}
  524. <a href="{Permalink}">{NoteCountWithLabel}</a><div style="float:right; margin-right:-10px; font-size:13px">
  525. <div class="custom-like-button">
  526. <div class="like_button">{LikeButton}</div>
  527. <span class="our_button">♡</a>
  528. </span>
  529. </div>
  530. <a href="{ReblogURL}">↻</a>
  531. </div>
  532. <div id="ph-tags">
  533. {block:HasTags}
  534. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}
  535. {/block:HasTags}
  536. </div>
  537. </div>
  538. {/block:IndexPage}
  539. {/block:Answer}
  540.  
  541. </div>
  542.  
  543. {block:PostNotes}
  544. {block:PermalinkPage}
  545.  
  546. <div class="posts">
  547. <div class="boxperma">
  548. {block:Date}
  549. <div id="permalink">
  550. Publicado em {DayOfMonthWithZero} {Month} {Year} :: <i>{TimeAgo}</i> <br>
  551. às {12hour}:{minutes}{ampm} </div>
  552. {/block:Date}
  553.  
  554. {block:RebloggedFrom}
  555. <div id="permalink">
  556. Via: <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a> • Source: {block:ContentSource}<a href="{SourceURL}" target=blank>{SourceTitle}</a>{/block:ContentSource}.</div>
  557.  
  558. <div id="permalink">
  559. {/block:RebloggedFrom}
  560. {/block:PermalinkPage}
  561. {PostNotes}
  562.  
  563. {/block:RebloggedFrom}
  564. {/block:PermalinkPage}
  565. {/block:PostNotes}
  566. {/block:Posts}
  567. </div></div>
  568.    
  569.    
  570. {block:Pagination}
  571. <div id="pagination">
  572. {block:PreviousPage}
  573. <a href="{PreviousPage}"></a>
  574. {/block:PreviousPage}  
  575. {block:NextPage}
  576. <a id="nextPage" href="{NextPage}"></a
  577. {/block:NextPage}
  578. </div>
  579. {/block:Pagination}
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586. {block:IndexPage}
  587. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  588. {/block:IndexPage}
  589. <script>
  590. $(document).ready(function(){
  591.    $('.photo-slideshow').pxuPhotoset({
  592.        lightbox: true,
  593.        rounded: false,
  594.        gutter: '0px',
  595.        photoset: '.photo-slideshow',
  596.        photoWrap: '.photo-data',
  597.        photo: '.pxu-photo'
  598.    });
  599.    {block:IndexPage}
  600.    
  601.    // coloque em #content a div que porta todos posts
  602.    var $content = $('#entry');
  603.    
  604.    
  605.    // coloque em .post a div custome dos posts
  606.    $content.masonry({ itemSelector: '.post' });
  607.    
  608.    
  609.    
  610.    $content.imagesLoaded(function(){
  611.        $content.masonry();
  612.        
  613.    // coloque em .post a div custome dos posts  
  614.        $content.find('.posts').animate({ opacity: 1, zIndex: 1 });
  615.    });
  616.    
  617.    
  618.    // coloque em .post a div custome dos posts
  619.    $content.infinitescroll({
  620.        itemSelector: '.posts',
  621.        navSelector: '#pagination',
  622.        nextSelector: '#nextPage',
  623.        bufferPx: 2000000
  624.    },
  625.    function( newElements ) {
  626.        var $newElems = $( newElements );
  627.        $newElems.find('.photo-slideshow').pxuPhotoset({
  628.            lightbox: true,
  629.            rounded: false,
  630.            gutter: '0px',
  631.            photoset: '.photo-slideshow',
  632.            photoWrap: '.photo-data',
  633.            photo: '.pxu-photo'
  634.        },
  635.        function(){
  636.            $content.masonry();
  637.        });
  638.        $newElems.imagesLoaded(function(){
  639.            $content.masonry( 'appended', $newElems );
  640.            $newElems.animate({ opacity: 1, zIndex: 1 });
  641.        });
  642.    });
  643.    
  644.    
  645.    
  646.    {/block:IndexPage}
  647. });
  648. </script>
  649.  
  650.    
  651. </div></div></div></div></div>
  652. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!