API tools faq
paste
Advertisement
reptilha

Delicato — 001

reptilha
May 18th, 2019
715
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!--SHOW AVATAR-->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function(){
  30. /**** tumblr blogs avatars ****/
  31. $(".tumblr_blog").each(function() {
  32. var tumblrblogurl = $(this).text();
  33. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  34. });
  35. /**** tumblr blogs avatars ****/
  36. });
  37. </script>
  38. <!--SHOW AVATAR-->
  39.  
  40.  
  41.  
  42. <meta name="image:Background" content="" />
  43. <meta name="image:Foto" content="" />
  44.  
  45. <meta name="color:Font" content="#000"/>
  46. <meta name="color:Background" content="#fff"/>
  47. <meta name="color:Links" content="#000"/>
  48. <meta name="color:Menu Links" content="#ccc"/>
  49. <meta name="color:Menu Links Hover" content="red"/>
  50. <meta name="color:Titles" content="#000"/>
  51. <meta name="color:Borders" content="#eee"/>
  52. <meta name="color:Posts" content="#fff"/>
  53. <meta name="color:Menu" content="#fff"/>
  54.  
  55. <meta name="if:LightVersion" content="" />
  56.  
  57. <meta name="text:Link 1" content="Link" />
  58. <meta name="text:Link 1 url" content="" />
  59. <meta name="text:Link 2" content="Link" />
  60. <meta name="text:Link 2 url" content="" />
  61. <meta name="text:Link 3" content="Link" />
  62. <meta name="text:Link 3 url" content="" />
  63. <meta name="text:Link 4" content="Link" />
  64. <meta name="text:Link 4 url" content="" />
  65. <meta name="text:Link 5" content="Link" />
  66. <meta name="text:Link 5 url" content="" />
  67.  
  68.  
  69. <!--TOOLTIP-->
  70. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72. <a href="http://reptilha.tumblr.com" class="by">R</a>
  73. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  74. <!--TOOLTIP-->
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79.  
  80.  
  81. /*BY*/
  82. .by{
  83. right:0px;
  84. bottom:30px;
  85. position:fixed;
  86. font-family:'Karla',sans-serif;
  87. opacity:0.9;
  88. padding-left:7px;
  89. padding-bottom:2px;
  90. padding-right:5px;
  91. border-radius:3px;
  92. border:1px solid {color:Borders};
  93. text-decoration:none;
  94. font-size:13px;
  95. z-index:9999999999999999999999999999;
  96. {block:IfLightVersion}
  97. color:black;
  98. {/block:IfLightVersion}
  99. {block:IfNotLightVersion}
  100. color:white;
  101. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  102. {/block:IfNotLightVersion}
  103. }
  104.  
  105.  
  106.  
  107. /*CONFIG*/
  108.  
  109. body{
  110.  
  111. /*BACKGROUND*/
  112. background:{color:Background};
  113. background-image:url('{image:Background}');
  114. background-repeat:no-repeat;
  115. background-attachment:fixed;
  116. background-size:100%;
  117. /*BACKGROUND*/
  118.  
  119.  
  120. /*FONT*/
  121. -webkit-font-smoothing: antialiased;
  122. font-size: 13px;
  123. color:{color:Font};
  124. font-family:Lucida Sans;
  125. letter-spacing: -0.5px;
  126. word-spacing: 0.9px;
  127. line-height: 1.5em;
  128. /*FONT*/
  129.  
  130.  
  131. /*OTHER*/
  132. overflow-x:hidden;
  133. /*OTHER*/
  134. }
  135.  
  136.  
  137.  
  138.  
  139.  
  140. /*IMAGES*/
  141.  
  142. img {
  143. height: auto;
  144. width: auto;
  145. }
  146.  
  147. iframe, img, embed, object, video{
  148. max-width: 100%;
  149. }
  150.  
  151. .photo{
  152. width:100%;
  153. border-radius:2px;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. -o-transition: all 0.5s ease-out;
  157. transition: all 0.5s ease-out;
  158. {block:IfNotCaption}
  159. margin-bottom:20px;
  160. {/block:IfNotCaption}
  161. }
  162.  
  163.  
  164.  
  165.  
  166.  
  167. /*LINKS*/
  168. a{
  169. color:{color:Links};
  170. cursor:hand;
  171. font-weight:bold;
  172. -webkit-transition: all 0.5s ease-out;
  173. -moz-transition: all 0.5s ease-out;
  174. -o-transition: all 0.5s ease-out;
  175. transition: all 0.5s ease-out;
  176. text-decoration:none;
  177. }
  178.  
  179. a:hover{
  180. text-decoration:none;
  181. }
  182.  
  183.  
  184.  
  185.  
  186.  
  187. /*INFINITE SCROLL*/
  188.  
  189. #infscr-loading{position:absolute!important;
  190. width:16px!important;
  191. height:11px!important;
  192. margin-bottom:-16px!important;
  193. top:auto!important;
  194. bottom:0;
  195. left:50%!important} .box iframe {max-width: 100%;}
  196. .text img {max-width: 100%;}
  197. img {display: block;}.box img {display: block;}
  198.  
  199. .clear {clear: both;} #pagination {display: none; opacity:0.0;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%;}
  200. img {-webkit-filter: grayscale(20%);}
  201.  
  202.  
  203.  
  204.  
  205.  
  206.  
  207.  
  208. /*IFRAMES*/
  209.  
  210. .box iframe {
  211. max-width: 100%;
  212.  
  213. }
  214.  
  215. .text img {
  216. max-width: 100%;
  217.  
  218. }
  219.  
  220. blockquote{
  221. margin-left:0%;
  222. width:100%;
  223. }
  224.  
  225. .box img {
  226. display: block;
  227.  
  228. }
  229.  
  230. .clear {
  231. clear: both;
  232.  
  233. }
  234.  
  235.  
  236. .clearfix:after{
  237. content:".";
  238. display:block;
  239. clear:both;
  240. visibility:hidden;
  241. line-height:0;
  242. height:0;
  243.  
  244. }
  245.  
  246. .clearfix{
  247. display:inline-block;
  248.  
  249. }
  250.  
  251. html[xmlns] .clearfix{
  252. display:block;
  253.  
  254. }*
  255.  
  256. html .clearfix{
  257. height:1%;
  258.  
  259. }
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266. /*POST CONFIG*/
  267.  
  268. /*INDIVIDUAL POST*/
  269. .post {
  270. position: relative;
  271. width:350px;
  272. margin-right:350px;
  273. text-align:justify;
  274. float:left;
  275. margin-bottom:30px;
  276. {block:PermalinkPage}
  277. width:450px;
  278. {/block:PermalinkPage}
  279.  
  280. }
  281. /*INDIVIDUAL POST*/
  282.  
  283.  
  284. /*ALL*/
  285. #contain {
  286. width:1500px;
  287. background
  288. height:100%;
  289. margin-top:0px;
  290. margin-right:auto!important;
  291. margin-left:10%;
  292. min-height:700px;
  293.  
  294. }
  295. /*ALL*/
  296.  
  297.  
  298.  
  299. /*POST CONTAINER*/
  300. #content {
  301. width:1500px;
  302. z-index:-1;
  303. {block:PermalinkPage}
  304. width:700px;
  305. margin-left:400px;
  306. {/block:PermalinkPage}
  307. margin-top:100px;
  308. }
  309. /*POST CONTAINER*/
  310.  
  311.  
  312. /*SHOW AVATAR*/
  313. .tumblr_blog {
  314. margin-left: 30px;
  315. text-transform:uppercase;
  316. font-weight:bold;
  317. font-size:10px;
  318. letter-spacing:1px;
  319.  
  320. }
  321.  
  322. .tumblr_blog_avatar {
  323. width: 20px;
  324. height: 20px;
  325. border-radius:100%;
  326. position:absolute;
  327. margin-right:px;
  328. margin-top:px;
  329. vertical-align:-5px;
  330. }
  331. /*SHOW AVATAR*/
  332.  
  333.  
  334. /*CONTROLS*/
  335. .iframe-controls--desktop {
  336. position:fixed;
  337. padding-top:10px;
  338. padding-right:10px;
  339. z-index:9999999999999999999999999999;
  340. {block:IfLightVersion}
  341. filter:invert(100%);
  342. -webkit-filter:invert(100%);
  343. {/block:IfLightVersion}
  344. -webkit-transform:scale(0.6,0.6);
  345. -webkit-transform-origin: 100% 0%;
  346. -ms-transform-origin:100% 0%;
  347. -ms-transform:scale(0.6,0.6);
  348. transform:scale(0.6,0.6);
  349. transform-origin:100% 0%;
  350. }
  351. /*CONTROLS*/
  352.  
  353.  
  354. /*SCROLL TO TOP*/
  355. #scrollToTop{
  356. right:5px;
  357. bottom:10px;
  358. position:fixed;
  359. font-size:13px;
  360. z-index:9999999999999999999999999999;
  361. {block:IfLightVersion}
  362. color:black;
  363. {/block:IfLightVersion}
  364. {block:IfNotLightVersion}
  365. color:white;
  366. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  367. {/block:IfNotLightVersion}
  368. }
  369. /*SCROLL TO TOP*/
  370.  
  371.  
  372.  
  373.  
  374. /* APPARENCE */
  375.  
  376. /*SELECTION*/
  377. ::-moz-selection {color:inherit;background: transparent;}
  378. ::selection {color:inherit;background: transparent;}
  379. /*SELECTION*/
  380.  
  381.  
  382. /*BOLD*/
  383. b{
  384. font-weight:bold;
  385. }
  386. /*BOLD*/
  387.  
  388.  
  389. /*SCROLLBAR*/
  390. ::-webkit-scrollbar
  391. {width: 19px; height: 19px; z-index:-1;}
  392. ::-webkit-scrollbar-track-piece
  393. {background-color: {color:Background};-webkit-border-radius:px;}
  394. ::-webkit-scrollbar-thumb:vertical
  395. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:9px solid {color:Background}; }
  396. ::-webkit-scrollbar-thumb:horizontal
  397. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:9px solid {color:Background}; }
  398. /*SCROLLBAR*/
  399.  
  400.  
  401. /*TOOLTIP*/
  402. #s-m-t-tooltip {
  403. max-width:200px;
  404. padding:3px 10px 3px 10px;
  405. margin:15px 20px;
  406. border:1px solid {color:Borders};
  407. border-radius:2px;
  408. background:{color:Background};
  409. z-index:123456789;
  410.  
  411. }
  412. /*TOOLTIP*/
  413.  
  414.  
  415. /*LIGHTBO*/
  416. #tumblr_lightbox {
  417. background-color:rgba(225, 225, 225, .7)!important;
  418. z-index:99999!important;
  419. }
  420.  
  421. #tumblr_lightbox img {opacity:0;}
  422.  
  423. #tumblr_lightbox_caption {
  424. color:black!important;
  425. font-family:arial!important;
  426. font-size:10px!important;
  427. font-weight:normal!important;
  428. text-shadow:none!important;
  429. }
  430. #tumblr_lightbox_center_image,
  431. #tumblr_lightbox_left_image,
  432. #tumblr_lightbox_right_image {
  433. background:white!important;
  434. -moz-box-shadow:none!important;
  435. -webkit-box-shadow:none!important;
  436. box-shadow:none!important;
  437. -moz-border-radius:0px!important;
  438. -webkit-border-radius:0px!important;
  439. border-radius:0px!important;
  440. opacity:1!important;
  441. }
  442.  
  443. #tumblr_lightbox_left_image,
  444. #tumblr_lightbox_right_image {opacity:.6!important;}
  445.  
  446. /* LIGHTBO */
  447.  
  448.  
  449. /* BLOCKQUOTE */
  450. blockquote{
  451. margin-left:0px;
  452. }
  453. /* BLOCKQUOTE */
  454.  
  455.  
  456. /* TITLES */
  457. h1, h2, h3{
  458. font-size:20px;
  459. font-weight:normal;
  460. font-family: 'Playfair Display', serif;
  461. color:{color:Titles};
  462. }
  463.  
  464. h1t{
  465. font-size:20px;
  466. font-weight:normal;
  467. font-family: 'Playfair Display', serif;
  468. color:{color:Titles};
  469. border-bottom:1px solid {color:Borders};
  470. display:block;
  471. width:100%;
  472. padding-bottom:15px;
  473. }
  474.  
  475. /* TITLES */
  476.  
  477. /* APPARENCE */
  478.  
  479.  
  480.  
  481.  
  482.  
  483. /**NOTES**/
  484. .notes {
  485. display:block;
  486. margin-top:5px;
  487. margin-left:-45px;
  488. }
  489. .notes .avatar {
  490. border:none;
  491. margin:5px;
  492. width:26px;
  493. padding:0;
  494. border-radius:100%;
  495. border-radius:px;
  496.  
  497. }
  498. .notes ol {
  499. margin:0;
  500. padding:0;
  501.  
  502. }
  503. .notes li {
  504. list-style:none;
  505. border:none;
  506. float:left;
  507. margin:0;
  508. padding:0;
  509. margin-right:4px;
  510. margin-bottom:-2px;
  511.  
  512. }
  513. .notes .note .action {
  514. display:none;
  515. visibility:hidden;
  516. margin:0;
  517. padding:0;
  518.  
  519. }
  520. .more_box {
  521. display:block;
  522. height:35px;
  523. margin:0;
  524. padding:0;
  525.  
  526. }
  527. .more_notes_link_container a {
  528. width:;
  529. font-style:normal;
  530. font-size:12px;
  531. display:block;
  532. text-align:center;
  533. width:;
  534. margin-left:20px;
  535. padding:5px;
  536. border:1px solid {color:Borders};
  537. border-radius:3px;
  538. margin-top:60px;
  539.  
  540. font-family:'Karla',sans-serif;
  541. margin-bottom:30px;
  542.  
  543. }
  544. .notes blockquote {
  545. display:none;
  546.  
  547. }
  548. /*NOTES*/
  549.  
  550.  
  551. /*ANSWER*/
  552. .pessoa {
  553. text-transform:;
  554. font-size:12px;
  555. line-height:10px;
  556. display:block;
  557. margin-left:px;
  558. margin-top:10px;
  559. padding-bottom:0px;
  560. padding-left:0px;
  561.  
  562. }
  563.  
  564.  
  565. .pessoa asker{
  566. display:;
  567. text-transform:;
  568. font-size:px;
  569. font-weight:bold;
  570. color:{color:Link};
  571. z-index:9999!important!important;
  572. letter-spacing:x;
  573. padding:px;
  574. margin-left:10px;
  575. background:{color:Posts};
  576. border-radius:;
  577.  
  578. }
  579. .pessoa img{
  580. width:40px;
  581. display:none;
  582. border-radius:100%;
  583. margin-bottom:-10px;
  584. z-index:2!important;
  585. margin-left:-55px;
  586.  
  587. }
  588. .pergunta {
  589. background:;
  590. margin-top:20px;
  591. padding-bottom:20px;
  592. margin-left:0px;
  593. border-bottom:1px solid {color:Borders};
  594. text-align:left;
  595.  
  596. }
  597. .resposta {
  598. padding-top:15px;
  599. padding-top:px;
  600. padding-bottom:px;
  601. background:transparent;
  602. margin-top:0px;
  603.  
  604. }
  605. /*ANSWER*/
  606.  
  607.  
  608.  
  609.  
  610.  
  611. /*POST TYPES*/
  612.  
  613.  
  614. /*CHAT*/
  615. ul.chat{
  616. padding:0px;
  617. }
  618. /*CHAT*/
  619.  
  620.  
  621. /**THEME**/
  622.  
  623.  
  624. pd{
  625. display:block;
  626. padding:20px;
  627. border-radius:4px;
  628. border:1px solid {color:Borders};
  629. background:{color:Posts};
  630. }
  631.  
  632. sidebar{
  633. width:140px;
  634. position:fixed;
  635. margin-left:450px;
  636. {block:PermalinkPage}
  637. margin-left:100px;
  638. {/block:PermalinkPage}
  639. margin-top:0px;
  640. z-index:9999999999;
  641. border-radius:1px;
  642. }
  643.  
  644. bio img{
  645. width:60%;
  646. border-radius:100%;
  647. display:block;
  648. }
  649.  
  650. bio{
  651. text-align:center;
  652. display:block;
  653. padding:10px;
  654. }
  655.  
  656. bio h1{
  657. font-weight:;
  658. display:block;
  659. border-bottom:1px solid {color:Borders};
  660. margin-top:15px;
  661. padding-bottom:15px;
  662. width:;
  663. margin-bottom:5px;
  664. margin-left:-10px;
  665. }
  666.  
  667. detail{
  668. border-bottom:1px solid {color:Borders};
  669. font-size:40px;
  670. display:block;
  671. font-family:century gothic;
  672. line-height:70px;
  673. margin-top:-40px;
  674. margin-bottom:20px;
  675. color:{color:Menu Links};
  676. width:100%;
  677. }
  678.  
  679. menu a{
  680. display:block;
  681. -webkit-transition: all 0.5s ease-out;
  682. -moz-transition: all 0.5s ease-out;
  683. -o-transition: all 0.5s ease-out;
  684. transition: all 0.5s ease-out;
  685. border:20px solid {color:Background};
  686. width:7px;
  687. height:7px;
  688. line-height:0px;
  689. margin:px;
  690. border-radius:100%;
  691. background:{color:Menu Links};
  692. }
  693.  
  694. menu a:hover{
  695. -webkit-transform: rotateX(150deg); /* Safari */
  696. transform: rotateX(150deg);
  697. background:{color:Menu Links Hover};
  698. }
  699.  
  700. menu{
  701. display:block;
  702. width:100%;
  703. text-align:center;
  704. }
  705.  
  706. .source{
  707. text-transform:uppercase;
  708. font-weight:bold;
  709. font-size:10px;
  710. letter-spacing:1px;
  711. margin-top:20px;
  712. padding-top:20px;
  713. border-top:1px solid {color:Borders};
  714. }
  715.  
  716. /*estilo de áudio #04 em @passo-html por @clamam insp:tumblr*/
  717. .ph-album{border:1px solid {color:Borders}; padding:15px; height:63px; border-radius:5px;}
  718. .ph-player{width:7px; height:7px; overflow:hidden; padding:4px 21px 21px 4px; position:absolute; z-index:9999999999999999999; float:right; margin-top:15px; right:65px; background:; opacity:.8; border-radius:30px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  719. .ph-player:hover{opacity:1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  720. .ph-track{margin-right:15px; overflow:auto; max-height:80px; font-family:; font-size:12px; margin-top:5px; float:right; text-align:right;}
  721. .ph-track b{font-size:14px}
  722. .ph-image{width:60px; height:60px; float:right; border-radius:30px;}
  723.  
  724. .chat li{
  725. list-style:none;
  726. line-height:30px;
  727. text-align:left;
  728. }
  729.  
  730. .chat label{
  731. border:1px solid {color:Borders};
  732. padding:5px;
  733. border-radius:3px;
  734. font-weight:bold;
  735. text-transform:uppercase;
  736. font-size:11px;
  737. margin-right:2px;
  738. letter-spacing:1px;
  739. }
  740.  
  741. notas{
  742. z-index:9!important;
  743. margin-top:30px;
  744. display:block;
  745. -webkit-transition: all 0.5s ease-out;
  746. -moz-transition: all 0.5s ease-out;
  747. -o-transition: all 0.5s ease-out;
  748. transition: all 0.5s ease-out;
  749. opacity:0.0;
  750. }
  751.  
  752. notas a{
  753. opacity:0.2;
  754. margin:20px;
  755. font-weight:normal;
  756. font-size:10px;
  757. font-family: 'Karla', sans-serif;
  758. }
  759.  
  760. notas a:hover{
  761. opacity:1.0;
  762. }
  763.  
  764. .post:hover notas{
  765. opacity:1.0;
  766. }
  767.  
  768. lin{
  769. display:block;
  770. border-bottom:1px solid {color:Borders};
  771. padding:30px;
  772. margin-bottom:20px;
  773. }
  774.  
  775. social{
  776. display:block;
  777. margin-top:30px;
  778. text-align:center;
  779. border-top:1px solid {color:Borders};
  780. padding-top:30px;
  781. }
  782.  
  783. social a{
  784. margin:20px;
  785. opacity:0.3;
  786. }
  787.  
  788. social a:hover{
  789. opacity:1.0;
  790. }
  791.  
  792. line{
  793. display:inline-block;
  794. width:1px;
  795. height:40px;
  796. background:{color:Borders};
  797. vertical-align:-17px;
  798. }
  799.  
  800. </style>
  801.  
  802. <!--JS-->
  803. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  804.  
  805. <script type="text/javascript" src="https://static.tumblr.com/mcvd3uv/hVSn5j522/scroll.js"></script>
  806. <!--JS-->
  807.  
  808.  
  809. <!--FONTS-->
  810. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  811. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  812. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Comfortaa|Courgette|Kalam|Karla|Overlock|Patrick+Hand|Rancho|Varela+Round" rel="stylesheet">
  813. <link href="https://fonts.googleapis.com/css?family=Domine|EB+Garamond|Merriweather|PT+Serif|Playfair+Display|Source+Serif+Pro&display=swap" rel="stylesheet">
  814. <!--FONTS-->
  815.  
  816.  
  817. <!--SCROLL TO TOP-->
  818. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  819. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  820. <!--SCROLL TO TOP-->
  821.  
  822.  
  823. </head>
  824. <body>
  825.  
  826. <div id="contain">
  827.  
  828.  
  829. <sidebar>
  830. <bio><center><img src="{image:Foto}"><h1>{Title}</h1></center> {Description}</bio>
  831.  
  832. <menu>
  833.  
  834. <a href="{text:Link 1 Url}" title="{text:Link 1}"></a>
  835. <a href="{text:Link 2 Url}" title="{text:Link 2}"></a>
  836. <a href="{text:Link 3 Url}" title="{text:Link 3}"></a>
  837. <a href="{text:Link 4 Url}" title="{text:Link 4}"></a>
  838. <a href="{text:Link 5 Url}" title="{text:Link 5}"></a>
  839.  
  840. </menu>
  841.  
  842. </sidebar>
  843.  
  844.  
  845. <div id="content">
  846. {block:Posts}
  847. <div class="post">
  848.  
  849. <!--POST TYPE-->
  850. {block:Text}
  851. <pd>
  852. {block:Title}
  853. <h1t>{Title}</h1t>
  854. {/block:Title}
  855. {Body}
  856. </pd>
  857. {/block:Text}
  858. <!--POST TYPE-->
  859.  
  860.  
  861. <!--POST TYPE-->
  862. {block:Photo}
  863. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  864. {block:Caption}
  865. <pd><div class="caption">{Caption}</div>
  866. </pd>{/block:Caption}
  867. {/block:Photo}
  868. <!--POST TYPE-->
  869.  
  870.  
  871. <!--POST TYPE-->
  872. {block:Panorama}
  873. {LinkOpenTag}
  874. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  875. {LinkCloseTag}
  876. {block:Caption}
  877. <pd><div class="caption">{Caption}</div>
  878. </pd>{/block:Caption}
  879. {/block:Panorama}
  880. <!--POST TYPE-->
  881.  
  882.  
  883. <!--POST TYPE-->
  884. {block:Photoset}
  885. <pd>
  886. {Photoset}
  887. <br>
  888. {block:Caption}
  889. {Caption}
  890. {/block:Caption}
  891. </pd>
  892. {/block:Photoset}
  893. <!--POST TYPE-->
  894.  
  895.  
  896. <!--POST TYPE-->
  897. {block:Quote}
  898. <pd>
  899. <detail>...</detail>
  900. {Quote}
  901. {block:Source}
  902. <div class="source">{Source}</div>
  903. {/block:Source}
  904. </pd>
  905. {/block:Quote}
  906. <!--POST TYPE-->
  907.  
  908.  
  909. <!--POST TYPE-->
  910. {block:Link}
  911. <pd>
  912. <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  913. {block:Description}
  914. <div class="description">
  915. {Description}
  916. </div>
  917. {/block:Description}
  918. </pd>
  919. {/block:Link}
  920. <!--POST TYPE-->
  921.  
  922.  
  923. <!--POST TYPE-->
  924. {block:Chat}
  925. <pd>
  926. {block:Title}
  927. <h3><a href="{Permalink}">{Title}</a></h3>
  928. {/block:Title}
  929. <ul class="chat">
  930. {block:Lines}
  931. <li class="{Alt} user_{UserNumber}">
  932. {block:Label}
  933. <label>{Label}</label>
  934. {/block:Label}{Line}
  935. </li>
  936. {/block:Lines}
  937. </ul>
  938. </pd>
  939. {/block:Chat}
  940. <!--POST TYPE-->
  941.  
  942.  
  943. <!--POST TYPE-->
  944. {block:Video}
  945. {Video-500}
  946. {block:Caption}
  947. <pd><div class="caption">{Caption}</div>
  948. </pd>{/block:Caption}
  949. {/block:Video}
  950. <!--POST TYPE-->
  951.  
  952.  
  953. <!--POST TYPE-->
  954. {block:Audio}
  955. <div class="ph-album">
  956. {block:AlbumArt}
  957. <img src="{AlbumArtURL}" class="ph-image"/>
  958. {/block:AlbumArt}
  959. {block:AudioPlayer}
  960. <div class="ph-player">{AudioPlayer}</div>
  961. {/block:AudioPlayer}
  962. <div class="ph-track">
  963. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  964. {block:Artist}{Artist}{/block:Artist}<br/>
  965. {formattedplaycount} reproduções
  966. </div></div>
  967. {/block:Audio}
  968. <!--POST TYPE-->
  969.  
  970.  
  971. <!--POST TYPE-->
  972. {block:Answer}
  973. <pd>
  974. <div class="pessoa">
  975. <span class="fa fa-question"></span>
  976. <asker>{Asker}</asker>
  977. </div>
  978. <div class="pergunta">
  979. {Question}
  980. </div>
  981. <div class="resposta">
  982. {Answer}
  983. </div>
  984. </pd>
  985. {/block:Answer}
  986. <!--POST TYPE-->
  987.  
  988.  
  989. {block:IndexPage}
  990. <center><notas>
  991. <a href="{ReblogUrl}" title="Reblog"><span class="fa fa-refresh"></span></a>
  992. <a href="{Permalink}" title="{NoteCount}"><span class="fa fa-heart"></span></a>
  993. </notas></center>
  994. {/block:IndexPage}
  995.  
  996. {block:ContentSource}
  997. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  998. {/block:ContentSource}
  999. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1000.  
  1001.  
  1002.  
  1003. </div>
  1004.  
  1005.  
  1006.  
  1007. {block:PermalinkPage}
  1008.  
  1009. {block:PostNotes}
  1010. <div class="post">
  1011.  
  1012. <!--DADOS-->
  1013. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  1014. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  1015.  
  1016. <!--TAGS-->
  1017. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  1018.  
  1019. </div>
  1020. {/block:PostNotes}
  1021.  
  1022. <!--NOTES-->
  1023. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  1024.  
  1025. {/block:PermalinkPage}
  1026.  
  1027.  
  1028. {/block:Posts}
  1029. </div>
  1030.  
  1031. {block:Pagination}<ul id="pagination">
  1032. {block:PreviousPage}
  1033. <li><a href="{PreviousPage}"></a></li>
  1034. {/block:PreviousPage}
  1035. {block:JumpPagination length="5"}
  1036. {block:CurrentPage}
  1037. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1038. {/block:CurrentPage}
  1039. {block:JumpPage}
  1040. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1041. {/block:JumpPage}
  1042. {/block:JumpPagination}
  1043. {block:NextPage}
  1044. <li><a id="nextPage" href="{NextPage}"></a></li>
  1045. {/block:NextPage}
  1046. </ul>{/block:Pagination}
  1047.  
  1048. {block:IndexPage}
  1049. <script type="text/javascript">
  1050. $(window).load(function () {
  1051. $('#content').masonry(),
  1052. $('.masonryWrap').infinitescroll({
  1053. navSelector : '#pagination',
  1054. nextSelector : '#pagination a#nextPage',
  1055. itemSelector : ".post, .loading",
  1056. bufferPx : 40,
  1057. loadingImg : "https://29.media.tumblr.com/tumblr_m1kigtqf881r6etyzo1_400.gif",
  1058. loadingText : "<em></em>",
  1059. },
  1060. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1061. );
  1062. });
  1063. </script>
  1064. {/block:IndexPage}
  1065.  
  1066. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  1067. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1068.  
  1069. </body>
  1070. </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!