API tools faq
paste
Advertisement
Carolaine_Vieira

Rabôni + Disqus

Carolaine_Vieira
Jan 29th, 2017
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 52.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}{block:Portuguese}pt{/block:Portuguese}">
  3.  
  4. <head>
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; CREATED BY CAROLAINE VIEIRA
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17.  
  18. <title>{Title}{block:PermalinkPage}{block:PostSummary} &mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}{block:SearchPage} &mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}{block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. {block:Hidden}
  24. <meta name="color:Background" content="#eee" />
  25. <meta name="color:Post" content="#Fff" />
  26. <meta name="color:Ask" content="#f6f6f6" />
  27. <meta name="color:Ask text" content="#222" />
  28. <meta name="color:Ask border" content="#Eee" />
  29. <meta name="color:Borders" content="#eee" />
  30. <meta name="color:Header bg" content="#Fff" />
  31. <meta name="color:Header links" content="#999" />
  32. <meta name="color:Header links hover" content="#000" />
  33. <meta name="color:Sidebar titles" content="#888" />
  34. <meta name="color:Accent" content="#c9a7ea" />
  35. <meta name="color:Text" content="#999" />
  36. <meta name="color:Link" content="#888" />
  37. <meta name="color:Link hover" content="#ccc" />
  38. <meta name="color:Title" content="#Fff" />
  39. <meta name="color:Featured Texts" content="#888" />
  40. <meta name="color:Footer bg" content="#555" />
  41. <meta name="color:Footer text" content="#999" />
  42. <meta name="color:Footer borders" content="#222" />
  43.  
  44. <meta name="image:Background" content="" />
  45. <meta name="image:Sidebar" content="" />
  46. <meta name="image:Banner" content="" />
  47. <meta name="image:Featured 1" content="" />
  48. <meta name="image:Featured 2" content="" />
  49. <meta name="image:Featured 3" content="" />
  50.  
  51. <meta name="if:Caption" content="/" />
  52. <meta name="if:Tags" content="/" />
  53. <meta name="if:Featured" content="" />
  54. <meta name="if:Container Borders" content="" />
  55. <meta name="if:Members" content="" />
  56. <meta name="if:Following" content="" />
  57. <meta name="if:Affliates" content="" />
  58. <meta name="if:Posts I Like" content="" />
  59. <meta name="if:Infinite Scrolling" content=""/>
  60. <meta name="if:Tumblr Controls" content="/" />
  61.  
  62. <meta name="select:Text Align" title="Left" content="Left" />
  63. <meta name="select:Text Align" title="Justify" content="Justify" />
  64.  
  65. <meta name="text:Disqus Shortname" content="" />
  66. <meta name="text:Font Size" content="13" />
  67. <meta name="text:Twitter Code" content="" />
  68. <meta name="text:Featured Label" content="Recent Posts" />
  69. <meta name="text:AskLabel" content="Ask me anything" />
  70. <meta name="text:Affliates Label" content="Affiliates" />
  71. <meta name="text:Disclaimer Label" content="Disclaimer" />
  72. <meta name="text:Disclaimer" content="Disclaimer message goes here..." />
  73. <meta name="text:Creator" content="Creator" />
  74. <meta name="text:Estabilished" content="Estabilished" />
  75. <meta name="text:OnlineScript" content="" />
  76. <meta name="text:ViewsScript" content="" />
  77.  
  78. <meta name="text:Featured Title 1" content="Featured Title 1" />
  79. <meta name="text:Featured Url 1" content="Featured Url 1" />
  80. <meta name="text:Featured SubTitle 1" content="Featured Subtitle 1" />
  81. <meta name="text:Featured Title 2" content="Featured Title 2" />
  82. <meta name="text:Featured Url 2" content="Featured Url 2" />
  83. <meta name="text:Featured SubTitle 2" content="Featured Subtitle 2" />
  84. <meta name="text:Featured Title 3" content="Featured Title 3" />
  85. <meta name="text:Featured Url 3" content="Featured Url 3" />
  86. <meta name="text:Featured SubTitle 3" content="Featured Subtitle 3" />
  87.  
  88. <meta name="text:Link 1 Title" content="Message" />
  89. <meta name="text:Link 1 Url" content="/ask" />
  90. <meta name="text:Link 2 Title" content="Submit" />
  91. <meta name="text:Link 2 Url" content="/submit" />
  92. <meta name="text:Link 3 Title" content="Archive" />
  93. <meta name="text:Link 3 Url" content="/archive" />
  94. <meta name="text:Link 4 Title" content="Random" />
  95. <meta name="text:Link 4 Url" content="/random" />
  96. <meta name="text:FacebookUsername" content="" />
  97. <meta name="text:InstagramUsername" content="" />
  98. <meta name="text:LastFmUrl" content="" />
  99. <meta name="text:SkypeUsername" content="" />
  100. <meta name="text:GooglePlusUrl" content="" />
  101. <meta name="text:TwitterUsername" content="" />
  102. <meta name="text:TumblrUsername" content="" />
  103. <meta name="text:WeHeartItUsername" content="" />
  104. <meta name="text:FlickrUsername" content="" />
  105. <meta name="text:FlickrId" content="" />
  106. <meta name="text:YoutubeUsername" content="" />
  107. <meta name="text:WhatsAppNumber" content="" />
  108. <meta name="text:WebsiteUrl" content="" />
  109. <meta name="text:Email" content="" />
  110. {/block:Hidden}
  111.  
  112. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Handlee|Sacramento|Italianno|Crimson+Text|Oxygen|Raleway|Bangers|Great+Vibes|Roboto|Pt+Sans|Source+Sans+Pro|Allura|Roboto+Slab|Lora|Cookie|Playfair+Display|Gilda+Display|Montserrat|Lato|Satisfy|Ubuntu|Oswald|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  113.  
  114. <!--- tooltips script --->
  115. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  117. <script>
  118. (function($){
  119. $(document).ready(function(){
  120. $("a[title]").style_my_tooltips({
  121. tip_follows_cursor:true,
  122. tip_delay_time:90,
  123. tip_fade_speed:200,
  124. attribute:"title"
  125. });});})(jQuery);
  126. </script>
  127.  
  128. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  129.  
  130. <style type="text/css">
  131.  
  132. /** BODY **/
  133.  
  134. *html, body { width:100%; }
  135.  
  136. body {
  137.     margin:0;
  138.     background: {color:background} url("{image:background}") fixed;
  139.     color:{color:Text};
  140.     font-size:{text:font size}px;
  141.     font-family:Open Sans;
  142. }
  143.  
  144. a {
  145.     text-decoration:none;
  146.     color:{color:link};
  147.     -webkit-transition: all 0.5s ease-out;
  148.     -moz-transition: all 0.5s ease-out;
  149.     -ms-transition: all 0.5s ease-out;
  150.     -o-transition: all 0.5s ease-out;
  151.     transition: all 0.5s ease-out;
  152. }
  153.  
  154. a:hover {
  155.     color:{color:link hover};
  156.     -webkit-transition: all 0.5s ease-out;
  157.     -moz-transition: all 0.5s ease-out;
  158.     -ms-transition: all 0.5s ease-out;
  159.     -o-transition: all 0.5s ease-out;
  160.     transition: all 0.5s ease-out;
  161. }
  162.  
  163. b { color:{color:accent}; }
  164.  
  165. #post {
  166.     width:1040px;
  167.     min-height:2400px;
  168.     margin:0px auto 0px auto;
  169.     padding:60px 40px 50px 40px;
  170.     background:{color:post};
  171.     {block:IfContainerBorders}
  172.         border-left:1px solid {color:borders};
  173.         border-right:1px solid {color:borders};
  174.     {/block:IfContainerBorders}
  175. }
  176.  
  177. .entry {
  178.     {block:IndexPage} width:700px; {/block:IndexPage}
  179.     {block:PermalinkPage} width:700px; {/block:PermalinkPage}
  180.     text-align:{select:text align};
  181.     margin:0 0 50px 0;
  182.     background:{color:post};
  183.     transition:all 0.5s linear;
  184.     -webkit-transition:all 0.5s linear;
  185. }
  186. .entry img {
  187.     max-width:100%;
  188.     height:auto;
  189.     margin-bottom:-4px;
  190. }
  191.  
  192. .rbb {
  193.     width:16px;
  194.     height:10px;
  195.     margin:0px 7px 0px 80px;
  196.     position:relative;
  197.     float:left;
  198.     font-weight:600;
  199. }
  200.  
  201. .pr {
  202.     float:left;
  203.     font-size:16px;
  204.     font-weight:600;
  205. }
  206. .pr a {
  207.     color:{color:text} !important;
  208. }
  209.  
  210. .custom-like-button *{cursor:pointer!important;}
  211. .custom-like-button {
  212.     position:relative;
  213.     display:inline-block;
  214.     vertical-align:top;
  215.     width:10px;
  216.     height:10px;
  217.     cursor:pointer;
  218.     margin:0 3px 0 1px;
  219.     font-size:16px;
  220.     color:{color:text};
  221. }
  222. .like_button:hover + .our_button {color:{color:link hover}; font-weight:600; text-decoration:line-through;}
  223. .like_button.liked + .our_button {color:{color:link hover}; font-weight:600; text-decoration:line-through;}
  224. .like_button iframe {width:100%!important;height:100%!important;}
  225. .like_button {z-index:10;opacity:0;}
  226. .our_button {z-index:1;}
  227. .our_button,.like_button {
  228.     position:absolute;
  229.     top:0;
  230.     left:0;
  231.     width:100%;
  232.     height:100%;
  233.     color:{color:text};
  234. }
  235. .entry .info2 {
  236.     padding:10px 0px;
  237.     margin:15px 0px 0px 0px;
  238.     border-top:1px solid {color:borders};
  239.     border-bottom:1px solid {color:borders};
  240. }
  241. .entry .info2 li {
  242.     list-style:none;
  243.     display:inline-block;
  244. }
  245. .entry .info2 li:before {
  246.     content:">";
  247.     margin-right:5px;
  248.     font-weight:600;
  249. }
  250.  
  251. ul#likes {
  252.                 list-style-type: none;
  253.                 margin: 0 0 0 0;
  254.                 padding: 0 0 0 0;
  255.             }
  256.  
  257.     li.like_post {
  258.         /* Should match the width specified in the Likes tag */
  259.         width:100%;
  260.         padding: 15px 0px 15px 0;
  261.         display:inline-block;
  262.     }
  263.  
  264.       li.like_post img {
  265.           width: 100%;
  266.       }
  267.  
  268.       li.like_post blockquote {
  269.           margin: 0;
  270.           padding: 0 0 0 10px;
  271.           border-left: 1px solid {color:borders};
  272.       }
  273.  
  274.       li.like_post ol,
  275.       li.like_post ul {
  276.           margin: 0 0 0 15px;
  277.           padding: 0;
  278.       }
  279.  
  280.       li.like_post .like_link a {
  281.           font-weight: bold;
  282.       }
  283.  
  284.       li.like_post .like_title {
  285.           font-weight: bold;
  286.       }
  287.  
  288.       li.like_post .post_info_bottom {
  289.           margin: 10px 0 0 0;
  290.           display: block !important;
  291.       }
  292.  
  293. li.like_post {
  294.      border-bottom:1px solid {color:borders};  
  295.     }
  296.  
  297. .src { display:none; }
  298.  
  299. ::-webkit-scrollbar {
  300.   width: 5px;
  301.   height: 5px;
  302. }
  303. ::-webkit-scrollbar-thumb {
  304.   background:{color:accent};
  305. }
  306. ::-webkit-scrollbar-track {
  307.   background:rgba({RGBcolor:background},0.0);
  308. }
  309.  
  310. .quote {
  311.     font-family:Lora;
  312.     font-size:20px;
  313.     text-align:left;
  314.     padding-bottom:20px;
  315. }
  316. .qsub {
  317.     text-align:left;
  318.     font-size:13px;
  319.     margin-top:20px;
  320.     font-weight:600;
  321.     position:relative;
  322.     font-family:Raleway;
  323.     color:{color:accent};
  324. }
  325. .qsub a {
  326.     color:{color:accent};
  327.     border-bottom:1px dotted {color:borders};
  328. }
  329. .qsub:after {
  330.     content:"";
  331.     left:0;
  332.     height:1px;
  333.     width:50px;
  334.     background:{color:accent};
  335.     top:-10px;
  336.     position:absolute;
  337. }
  338.     .quote span {
  339.         color:{color:accent};
  340.         font-size:17px;
  341.         display:inline-block;
  342.         margin-right:4px;
  343.     }
  344.  
  345.  
  346. #s-m-t-tooltip{
  347.     max-width:500px;
  348.     padding:10px;
  349.     min-height:7px;
  350.     margin:20px 0px 0px 20px;
  351.     line-height:100%;
  352.     background:#fff;
  353.     border:1px solid #eee;
  354.     text-transform:uppercase;
  355.     font-family:roboto;
  356.     font-size:11px;
  357.     word-wrap:break-word;
  358.     word-break:break-all;
  359.     opacity:1;
  360.     z-index:9999999999999999999;
  361. }
  362.  
  363. pre {
  364.     overflow:auto;
  365.     color:{color:post};
  366.     background:{color:accent};
  367.     font-size:calc({text:font size}px - 1px);
  368.     font-style:italic;
  369.     padding:3px;
  370.     width:100%;
  371. }
  372. hr {
  373.     border:1px solid {color:borders};
  374.     width:60%;
  375.     margin:20px auto;
  376. }
  377. .entry h1 {
  378.     text-align:center;  
  379.     font-size:30px;
  380.     margin:0;
  381.     padding:10px 10px 15px 10px;
  382.     color:{color:accent};
  383.     font-family:Raleway;
  384.     font-weight:400;
  385. }
  386. .entry h1 span {
  387.     position:relative;
  388.     display:inline-block;
  389. }
  390. .entry h1 span:after {
  391.     content:"";
  392.     position:absolute;
  393.     height:1px;
  394.     width:60%;
  395.     left:50%;
  396.     -moz-transform: translateX(-50%);
  397.     -webkit-transform: translateX(-50%);
  398.     -o-transform: translateX(-50%);
  399.     -ms-transform: translateX(-50%);
  400.     transform: translateX(-50%);
  401.     bottom:-6px;
  402.     background:{color:accent};
  403. }
  404.  
  405. .entry h2 {
  406.     color:{color:accent};
  407.     font-size:16px;
  408.     text-transform:uppercase;
  409. }
  410.  
  411. blockquote {
  412.     margin-left:5px;
  413.     padding-left:10px;
  414.     border-left:2px solid {color:accent};
  415.     width:calc(100% - 20px);
  416. }
  417. blockquote a.read_more {
  418.     width:calc(100% - 20px);
  419. }
  420. blockquote img {
  421.     max-width:100%;
  422.     height:auto;
  423. }
  424.  
  425. .ch { background:transparent; padding:0px;}
  426. .ch .ch1 { padding:10px; margin-bottom:5px;}
  427. .ch1:nth-child(2n+1){ background:{color:accent}; border:1px solid {color:accent}; color:{color:post}; border-radius:6px; border-bottom-left-radius:0px; }
  428. .ch1:nth-child(2n+1) b { color:{color:post}; }
  429. .ch1:nth-child(2n+2){background:{color:post}; border:1px solid {color:accent}; color:{color:accent}; border-radius:6px; border-bottom-right-radius:0px; }
  430. .ch b{text-transform:uppercase; margin-right:5px; }
  431.  
  432. .albumfoto{
  433.     float:left;
  434.     width:100px;
  435.     margin-top:0px;
  436.     margin-left:0px;
  437. }
  438. .albumfoto img{
  439.     width:100px;
  440. }
  441. .audiodesc {
  442.     padding:14px;
  443.     background:{color:accent};
  444.     color:{color:post};
  445.     margin:0px 0px 10px 100px;
  446.     font-weight:bold;
  447.     text-align:left;
  448.     min-height:72px;
  449. }
  450. .audioplay {
  451.     overflow:hidden;
  452.     padding:5px;
  453.     max-width:26px;
  454.     width:26px;
  455.     height:28px;
  456.     margin:4px 0px 0px 6px;
  457.     -webkit-transition:all 0.3s ease-out;
  458. }
  459. .playbg {
  460.     opacity:0.6;
  461.     position:absolute;
  462.     overflow:hidden;
  463.     padding:10px;
  464.     width:50px;
  465.     max-width:50px;
  466.     height:45px;
  467.     background:{color:post};
  468.     margin:-84px 0px 0px 15px;
  469.     -webkit-transition:all 0.3s ease-out;
  470. }
  471. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  472.  
  473. .pessoap {
  474.     text-transform:uppercase;
  475.     font-weight:bold;
  476.     margin-bottom:5px;
  477. }
  478. .pessoap a {
  479.     color:{color:ask text};
  480. }
  481. .pessoapfoto {
  482.     margin-left:0px;
  483. }
  484. .pessoapfoto img{
  485.     width:44px;
  486.     border-radius:4px;
  487.     margin-right:5px;
  488.     float:left;
  489. }
  490. .pergunta {
  491.     padding:15px;
  492.     margin-left:65px;
  493.     border-radius:4px;
  494.     position:relative;
  495.     color:{color:ask text};
  496.     background:{color:ask};
  497.     border:1px solid {color:ask border};
  498. }
  499. .pergunta:after, .pergunta:before {
  500.     right: 100%;
  501.     top: 20px;
  502.     border: solid transparent;
  503.     content: " ";
  504.     height: 0;
  505.     width: 0;
  506.     position: absolute;
  507.     pointer-events: none;
  508. }
  509. .pergunta:after {
  510.     border-color: rgba(136, 183, 213, 0);
  511.     border-right-color:{color:ask};
  512.     border-width: 10px;
  513.     margin-top: -10px;
  514. }
  515. .pergunta:before {
  516.     border-color: rgba(194, 225, 245, 0);
  517.     border-right-color:{color:ask border};
  518.     border-width: 11px;
  519.     margin-top: -11px;
  520. }
  521. .sresposta {
  522.     padding:10px;
  523.     padding-bottom:5px;
  524. }
  525. .sresposta img {max-width:100%; height:auto;}
  526.  
  527. .pagination {display:none;}
  528.  
  529. .tags {
  530.     margin-bottom:10px;
  531.     text-align:left;
  532.     font-size:11px;
  533.     {block:IfNotTags}
  534.         display:none;
  535.     {/block:IfNotTags}
  536. }
  537. .tags a {
  538.     text-transform:lowercase;
  539.     display:inline-block;
  540.     color:{color:text};
  541.     opacity:0.7;
  542.     margin:1px 2px;
  543. }
  544. .tags a:hover {
  545.     opacity:1;
  546.     color:{color:accent};
  547. }
  548.  
  549. ::-moz-selection { /* Code for Firefox */
  550.     color:{color:post};
  551.     background:{color:accent};
  552. }
  553. ::selection {
  554.     color:{color:post};
  555.     background:{color:accent};
  556. }
  557.  
  558. #tumblr_controls, .tmblr-iframe {-webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); opacity:0.5 !important; right:0px !important; z-index:99999!important; -webkit-transition: all 0.5s linear; top:0px !important; {block:IfNotTumblrControls} display:none; {/block:IfNotTumblrControls}}
  559. #tumblr_controls, .tmblr-iframe:hover { opacity:1; }
  560.  
  561. .sc {
  562.     margin:10px 0px 0px 0px;
  563.     font-family:roboto;
  564.     font-size:14px;
  565. }
  566. .sc a {
  567.     display:inline-block;
  568.     text-align:center;
  569.     border:2px solid {color:accent};
  570.     color:{color:accent};
  571.     width:20px;
  572.     font-family:roboto;
  573.     padding:7px;
  574.     margin:0px 1px 4px 2px;
  575.     font-size:15px;
  576.     border-radius:100%;
  577. }
  578. .sc a:hover {
  579.     color:{color:footer bg};
  580.     border-color:{color:accent};
  581.     background:{color:accent};
  582. }
  583.  
  584. #soc2 {
  585.     margin:10px 0px 0px 0px;
  586.     font-family:roboto;
  587.     font-size:14px;
  588.     text-align:center;
  589. }
  590. #soc2 a {
  591.     -moz-transform: skewX(-4deg);
  592.     -webkit-transform: skewX(-4deg);
  593.     -o-transform: skewX(-4deg);
  594.     -ms-transform: skewX(-4deg);
  595.     transform: skewX(-4deg);
  596.     display:inline-block;
  597.     text-align:center;
  598.     border:1px solid {color:accent};
  599.     color:{color:accent};
  600.     width:23px;
  601.     font-family:roboto;
  602.     padding:7px;
  603.     margin:0px 1px 4px 1px;
  604.     font-size:15px;
  605. }
  606. #soc2 a:hover {
  607.     color:{color:post};
  608.     border-color:{color:accent1};
  609.     background:{color:accent};
  610. }
  611.  
  612. .sform input {
  613.     outline:none;
  614.     text-align:center;
  615.     border:none;
  616.     margin:10px 0px 0px 0px;
  617.     width:244px;
  618.     border:1px solid {color:borders};
  619.     background:transparent;
  620.     padding:10px 12px;
  621. }
  622. ::-webkit-input-placeholder { color:{color:text}; }
  623. :-moz-placeholder { color:{color:text}; }
  624. ::-moz-placeholder { color:{color:text}; }
  625. :-ms-input-placeholder { color:{color:text}; }
  626. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:text}; }
  627. .sbox:hover { background:transparent; color:{color:Text}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; border-color:{color:accent};}
  628.  
  629. #disqus_thread {
  630.     clear:left;
  631. }
  632.  
  633. footer {
  634.     background:{color:footer bg};
  635.     color:{color:footer text};
  636.     padding:20px 0px;
  637.     bottom:0;
  638.     margin:0 auto;
  639.     width:100%;
  640.     min-width:1040px;
  641.     clear:both;
  642.     text-align:center;
  643.     vertical-align:bottom;
  644. }
  645. footer h2 {
  646.     color:{color:accent};
  647.     margin-bottom:15px;
  648.     padding-bottom:5px;
  649.     font-family:Raleway;
  650.     font-size:25px;
  651.     text-transform:uppercase;
  652.     position:relative;
  653. }
  654. footer h2:after {
  655.     width:50px;
  656.     left:50%;
  657.     bottom:0;
  658.     height:1px;
  659.     background:{color:accent};
  660.     -moz-transform: translateX(-50%);
  661.     -webkit-transform: translateX(-50%);
  662.     -o-transform: translateX(-50%);
  663.     -ms-transform: translateX(-50%);
  664.     transform: translateX(-50%);
  665.     content: " ";
  666.     position: absolute;
  667.     pointer-events: none;
  668. }
  669. footer .quote {
  670.     font-family:Playfair Display;
  671.     margin-top:7vh;
  672.     padding-bottom:0px;
  673. }
  674. footer .qsub {
  675.     font-weight:400;
  676.     font-family:Raleway;
  677. }
  678. footer .descricao {
  679.     width:90%;
  680.     margin:0 auto;
  681. }
  682. footer .aviv {
  683.     border-radius:100%;
  684.     margin:0 auto;
  685.     width:100%;
  686.     max-width:110px;
  687. }
  688. footer .dd {
  689.     width:26%;
  690.     border-right:1px solid transparent;
  691.     display:inline-block;
  692.     margin-right:15px;
  693.     padding-bottom:15px;
  694.     vertical-align:top;
  695. }
  696. footer .inf {
  697.     font-size:12px;
  698.     font-family:Roboto;
  699.     border-top:1px solid {color:footer borders};
  700.     text-align:center;
  701.     width:80%;
  702.     margin:0 auto;
  703.     padding-top:15px;
  704.     text-transform:uppercase;
  705. }
  706. footer .inf a {
  707.     border-bottom:1px solid;
  708.     color:{color:accent};
  709. }
  710.  
  711. #paginacao {
  712.     margin:-30px auto 0px auto;
  713.     padding:30px 40px 30px 40px;
  714.     width:1040px;
  715.     background:{color:post};
  716.     text-transform:uppercase;
  717.     text-align:center;
  718.     clear:both;
  719.     font-size:11px;
  720. }
  721. #paginacao a {
  722.     margin:0 1px 0 2px;
  723.     padding:11px;
  724.     color:{color:text};
  725.     background:{color:post};
  726.     border:1px solid {color:borders};
  727.     display:inline-block;
  728.     text-align:center;
  729.     min-width:16px;
  730.     border-radius:100%;
  731. }
  732. span.current_page {
  733.     border-radius:100%;
  734.     color:{color:post};
  735.     background:{color:accent};
  736.     margin:0 1px 0 2px;
  737.     display:inline-block;
  738.     padding:11px;
  739.     min-width:16px;
  740.     text-align:center;
  741. }
  742. span.total_pages {
  743.     border-radius:3px;
  744.     color:{color:text};
  745.     background:{color:post};
  746.     border:1px solid {color:borders};
  747.     margin:10px 1px 0 1px;
  748.     display:inline-block;
  749.     padding:11px;
  750.     min-width:16px;
  751.     text-align:center;
  752. }
  753. #paginacao a:hover{
  754.     color:{color:post};
  755.     box-shadow:inset 0px 40px {color:accent};
  756.     border:1px solid {color:accent};
  757.     color:{color:post};
  758. }
  759.  
  760. .credit {
  761.     position:fixed;
  762.     right:10px;
  763.     bottom:10px;
  764.     text-transform:uppercase;
  765.     font-size:10px;
  766.     z-index:9999;
  767. }
  768. .credit a {
  769.     display:inline-block;
  770.     background:{color:post};
  771.     padding:10px;
  772.     font-weight:900;
  773.     {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  774. }
  775. .credit a:hover {
  776.     background:{color:accent};
  777.     color:{color:post};
  778.     border-color:{color:accent};
  779. }
  780.  
  781. .read_more {
  782.     text-transform:uppercase;
  783.     display:block;
  784.     font-size:11px;
  785.     padding:10px 5px;
  786.     border:1px solid rgba({RGBcolor:accent},0.8);
  787.     background:rgba({RGBcolor:accent},0.5);
  788.     color:{color:accent};
  789.     font-weight:600;
  790.     width:calc(100% - 10px);
  791.     text-align:center;
  792.     -webkit-transition: all .3s;
  793. }
  794. .read_more:hover {
  795.     -webkit-transition: all .3s;
  796.     background:{color:accent};
  797.     border-color:{color:accent};
  798.     color:{color:post};
  799. }
  800.  
  801. .entry ol, ul {padding:0px;list-style-type:none;}
  802. .entry ul li {position:relative;padding-left:20px;}
  803. .entry ul li:before {
  804.     content:'';
  805.     position:absolute;
  806.     display:block;
  807.     top:8px;
  808.     left:0px;
  809.     width:10px;
  810.     height:1px;
  811.     background:{color:accent};
  812.     z-index:0;
  813. }
  814.  
  815. #notas {
  816.     max-height:300px;
  817.     overflow-y:auto;
  818. }
  819. .notes img {
  820.     width: 20px;
  821.     border-radius:100%;
  822.     float:left;
  823. }
  824. ol.notes, .notes li {
  825.     border-bottom:1px solid {color:borders};
  826.     list-style:none;
  827.     width: 100%;
  828.     padding:10px 0px;
  829.     font-size:12px;
  830. }
  831. .notes li:hover img {
  832.     list-style:none;
  833. }
  834. ol.notes, .notes li a { margin-right:8px; }
  835.  
  836. .menu * {
  837.     box-sizing: border-box;
  838. }
  839. .menu {
  840.     width: 33.1%;
  841.     float: left;
  842.     padding:12px;
  843.     box-sizing: border-box;
  844.     border-right:1px solid {color:borders};
  845. }
  846. .menu:last-child {
  847.     border:none;
  848. }
  849. .from {
  850.     font-family:Handlee;
  851.     text-align:center;
  852.     margin-top:5px;
  853.     min-height:41px;
  854.     border-top:1px solid {color:borders};
  855.     border-bottom:1px solid {color:borders};
  856.     {block:PermalinkPage} display:none; {/block:PermalinkPage}
  857. }
  858. .from a {
  859.     color:{color:text};
  860. }
  861. .from a:hover {
  862.     color:{color:accent};
  863. }
  864.  
  865. .link {
  866.     padding:15px;
  867.     margin:0;
  868.     background:{color:accent};
  869.     color:{color:post};
  870.     text-align:center !important;
  871. }
  872. .linktitle a {
  873.     font-size:25px;
  874.     font-family:Raleway;
  875.     text-transform:uppercase;
  876.     color:{color:post};
  877. }
  878.  
  879. .tcaption img { max-width:100% !important; height:auto !important; width:100% !important;}
  880. .caption {
  881.     {block:IndexPage} {block:IfNotCaption} display:none; {/block:IfNotCaption} {/block:IndexPage}
  882. }
  883. .caption a:hover { text-decoration:underline; }
  884.  
  885. header {
  886.     position:fixed;
  887.     z-index:99;
  888.     top:0;
  889.     left:50%;
  890.     margin-left:-560px;
  891.     width:1120px;
  892.     height:45px;
  893.     padding:10px 0px;
  894.     text-transform:uppercase;
  895.     font-family:Raleway;
  896.     font-size:12px;
  897.     text-align:right;
  898.     border-bottom:1px solid {color:borders};
  899.     {block:IfContainerBorders}
  900.         margin-left:-561px;
  901.         border-left:1px solid {color:borders};
  902.         border-right:1px solid {color:borders};
  903.     {/block:IfContainerBorders}
  904.     background:{color:header bg};
  905. }
  906. .nav {
  907.     float:right;
  908.     margin:15px 0px 0px 0px;
  909. }
  910. .nav a {
  911.     margin:0 7px;
  912.     display:inline-block;
  913.     cursor:help;
  914.     color:{color:header links};
  915. }
  916. .nav li {
  917.     list-style:none;
  918.     display:inline-block;
  919. }
  920. .nav a:hover, .nav li:hover {
  921.     color:{color:header links hover};
  922.     font-weight:600;
  923. }
  924. header .container {
  925.     width:1040px;
  926.     margin:0 auto;
  927. }
  928. header .bigti {
  929.     text-transform:uppercase;
  930.     font-family:Raleway;
  931.     float:left;
  932.     font-size:30px;
  933.     margin:4px 0px 0px 0px;
  934. }
  935. header .bigti a {
  936.     color:{color:title};
  937. }
  938.  
  939. .banner {
  940.     width:100%;
  941.     margin:0px auto 0 auto;
  942. }
  943. .banner img {
  944.     width:100%;
  945.     margin:0 auto -4px auto;
  946. }
  947.  
  948. #feat {
  949.     height:60px;
  950.     padding:10px 0px;
  951.     border-bottom:1px dotted {color:borders};
  952. }
  953. #feat img {
  954.     width:60px;
  955.     float:left;
  956.     border-radius:100%;
  957. }
  958. .mdesc2 {
  959.     float:left;
  960.     margin-left:10px;
  961.     margin-top:15px;
  962.     font-size:12px;
  963.     line-height:1.3em;
  964. }
  965. .mdesc2 a {
  966.     color:{color:text};
  967.     font-weight:600;
  968.     font-size:12px;
  969. }
  970.  
  971. #membros {
  972.     background:rgba({RGBcolor:accent},0.5);
  973.     border:1px solid {color:accent};
  974.     color:{color:accent};
  975.     height:42px;
  976.     margin-bottom:7px;
  977. }
  978. #membros img {
  979.     width:42px;
  980.     float:left;
  981.     border-radius:100%;
  982.     border-bottom-left-radius:0px;
  983.     border-top-left-radius:0px;
  984.     border-right:3px solid {color:accent};
  985. }
  986.  
  987. .mdesc {
  988.     float:left;
  989.     margin-left:10px;
  990.     margin-top:5px;
  991.     font-size:12px;
  992. }
  993. .mdesc a {
  994.     color:{color:accent};
  995.     font-weight:600;
  996.     text-transform:uppercase;
  997.     font-size:11px;
  998. }
  999.  
  1000. #medias {
  1001.     width:680px;
  1002.     position:absolute;
  1003.     text-align:right;
  1004.     margin-top:0px;
  1005.     font-family:roboto;
  1006.     font-size:14px;
  1007.     opacity:0;
  1008.     {block:PermalinkPage} width:680px; {/block:PermalinkPage}
  1009.     transition:all 0.5s linear;
  1010.     -webkit-transition:all 0.5s linear;
  1011. }
  1012. .entry:hover #medias  {
  1013.     opacity:1;
  1014.     margin-top:10px;
  1015.     transition:all 0.5s linear;
  1016.     -webkit-transition:all 0.5s linear;
  1017. }
  1018. #medias a {
  1019.     display:inline-block;
  1020.     text-align:center;
  1021.     background:transparent;
  1022.     border-radius:100%;
  1023.     width:17px;
  1024.     height:16px;
  1025.     font-family:roboto;
  1026.     padding:6px;
  1027.     margin:0px 0px 0px 3px !important;
  1028.     font-size:13px;
  1029.     background:{color:accent};
  1030.     color:{color:post};
  1031. }
  1032. #medias a:hover:nth-child(8n+1){ color:#00aced; }
  1033. #medias a:hover:nth-child(8n+2){ color:#3b5998; }
  1034. #medias a:hover:nth-child(8n+3){ color:#cb2027; }
  1035. #medias a:hover:nth-child(8n+4){ color:#dd4b39; }
  1036. #medias a:hover:nth-child(8n+5){ color:#517fa4; }
  1037.  
  1038. #medias a:hover {
  1039.     -moz-transform: scale(1.2);
  1040.     -webkit-transform: scale(1.2);
  1041.     -o-transform: scale(1.2);
  1042.     -ms-transform: scale(1.2);
  1043.     transform: scale(1.2);
  1044. }
  1045.  
  1046. .desc {
  1047.     margin:6px auto 0px auto;
  1048.     background:rgba({RGBcolor:accent},0.2);
  1049.     padding:13px;
  1050.     text-align:justify;
  1051. }
  1052.  
  1053. .sidebar {
  1054.     float:right;
  1055.     width:300px;
  1056. }
  1057.  
  1058. .sidebar .caixas {
  1059.     padding:0px 15px;
  1060.     margin-bottom:40px;
  1061. }
  1062. .caixas_t {
  1063.     padding:13px 20px;
  1064.     color:{color:sidebar titles};
  1065.     text-align:center;
  1066.     font-size:16px;
  1067.     font-family:Playfair Display;
  1068.     margin-bottom:20px;
  1069.     position:relative;
  1070. }
  1071. .caixas_t:after {
  1072.     width:50px;
  1073.     left:50%;
  1074.     bottom:0;
  1075.     height:1px;
  1076.     background:{color:accent};
  1077.     -moz-transform: translateX(-50%);
  1078.     -webkit-transform: translateX(-50%);
  1079.     -o-transform: translateX(-50%);
  1080.     -ms-transform: translateX(-50%);
  1081.     transform: translateX(-50%);
  1082.     content: " ";
  1083.     position: absolute;
  1084.     pointer-events: none;
  1085. }
  1086.  
  1087. #stitle {
  1088.     width:calc(100% + 0px);
  1089.     margin-bottom:3px;
  1090. }
  1091. #stitle b {
  1092.     text-transform:uppercase;
  1093.     font-weight:600;
  1094.     display:inline-block;
  1095.     margin-right:5px;
  1096.     position:relative;
  1097.     font-size:calc({text:font size}px - 1px);
  1098.     color:{color:accent};
  1099. }
  1100. #stitle b:after {
  1101.     content:"➡";
  1102.     margin-left:5px;
  1103. }
  1104.  
  1105. .pt {
  1106.     font-family:open sans;
  1107.     font-size:12px;
  1108.     margin:0px 0px 0px 6px;
  1109.     text-align:center;
  1110. }
  1111. .pt img {
  1112.     font-family:open sans;
  1113.     font-size:12px;
  1114.     display:inline-block;
  1115.     margin:6px 6px 0px 0px;
  1116.     padding:5px;
  1117.     width:47px; height:47px;
  1118.     background:transparent;
  1119.     -webkit-transition: all 0.5s ease-out;
  1120.     transition: all 0.5s ease-out;
  1121. }
  1122. .pt img:hover {
  1123.     background:{color:accent};
  1124.     -webkit-transition: all 0.5s ease-out;
  1125.     transition: all 0.5s ease-out;
  1126. }
  1127.  
  1128. .flickr_badge_image {margin:0px; display:inline;}
  1129. .flickr_badge_image img { margin:0px 2px 0px 2px; width:85px !important; height:85px !important; }
  1130. .flickr_badge_image img:hover { opacity:0.5; }
  1131. #flickr_badge_wrapper {width:100%; text-align:left;}
  1132.  
  1133. .blogroll {
  1134.     margin:0px 0px 0px 4px;
  1135.     font-family:roboto;
  1136.     font-size:12px;
  1137. }
  1138.  
  1139. .blogroll img {
  1140.     width:36px;
  1141.     height:36px;
  1142.     margin:0px 1px 0px 1px;
  1143.     display:inline-block;
  1144.     opacity:1;
  1145.     border-radius:2px;
  1146.     padding:2px;
  1147.     -webkit-transition: all 0.5s ease;
  1148.     -moz-transition: all 0.5s ease;
  1149.     -o-transition: all 0.5s ease;
  1150.     -ms-transition: all 0.5s ease;
  1151.     transition: all 0.5s ease;
  1152.     }
  1153. .blogroll a:hover {background:transparent;}
  1154. .blogroll img:hover {
  1155.     cursor:help;
  1156.     -webkit-transition: all 0.5s ease;
  1157.     -moz-transition: all 0.5s ease;
  1158.     -o-transition: all 0.5s ease;
  1159.     -ms-transition: all 0.5s ease;
  1160.     transition: all 0.5s ease;
  1161.     opacity:0.6;
  1162.     border-radius:100%;
  1163. }
  1164.  
  1165. {CustomCSS}
  1166.  
  1167. </style>
  1168.  
  1169. </head>
  1170.  
  1171. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
  1172.  
  1173. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1174. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1175.  
  1176. <script>
  1177. $(function(){
  1178. var $container = $('#post');
  1179. $container.imagesLoaded(function(){
  1180. $container.masonry({
  1181. itemSelector: '.entry',
  1182. });
  1183. });
  1184. $container.infinitescroll({
  1185. itemSelector : ".entry",
  1186. navSelector : "div.pagination",
  1187. nextSelector : ".pagination a#next",
  1188. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  1189. loadingText : "<em></em>",
  1190. },
  1191. // trigger Masonry as a callback
  1192. function( newElements ) {
  1193. var $newElems = $( newElements ).css({ opacity: 0 });
  1194. // ensure that images load before adding to masonry layout
  1195. $newElems.imagesLoaded(function(){
  1196. $newElems.animate({ opacity: 1 });
  1197. $container.masonry( 'appended', $newElems, true );
  1198. });
  1199. }
  1200. );
  1201. });
  1202. </script>
  1203.  
  1204. <body>
  1205.  
  1206. <header>
  1207.     <div class="container">
  1208.         <div class="bigti">
  1209.             <a href="{BLogUrl}">{Title}</a>
  1210.         </div>
  1211.         <div class="nav">
  1212.             <li> <a href="{text:link 1 url}">{text:link 1 title}</a> </li>
  1213.             <li> <a href="{text:link 2 url}">{text:link 2 title}</a> </li>
  1214.             <li> <a href="{text:link 3 url}">{text:link 3 title}</a> </li>
  1215.             <li> <a href="{text:link 4 url}">{text:link 4 title}</a> </li>
  1216.             {block:IfNotTumblrControls}
  1217.                 <li> <a href="https://www.tumblr.com/follow/{name}" target="_blank" title="{lang:Follow} {name}">{lang:Follow}</a> </li>
  1218.                 <li> <a href="https://www.tumblr.com/dashboard?conversation={name}" target="_blank" title="conversation with {name}">Conversation</a></li>
  1219.             {/block:IfNotTumblrControls}
  1220.             {block:HasPages}
  1221.                 {block:Pages}
  1222.                     <li> <a href="{URL}">{Label}</a> </li>
  1223.                 {/block:Pages}
  1224.             {/block:HasPages}
  1225.         </div>
  1226.     </div>
  1227. </header>
  1228.  
  1229. <div class="banner">
  1230.     <img src="{image:banner}" >
  1231. </div>
  1232.  
  1233. <div id="post">
  1234.  
  1235. <div class="sidebar">
  1236.  
  1237.     <div class="caixas">
  1238.         <img src="{image:sidebar}" class="profile" width="100%">
  1239.         {block:Description}
  1240.             <div class="desc">
  1241.                 {Description}
  1242.             </div>
  1243.         {/block:Description}
  1244.         <form action="/search" method="get" class="sform" name="form">
  1245.         <input type="text" name="q" value="{SearchQuery}" class="sbox"               placeholder="{lang:Search}"/></form>
  1246.     </div>
  1247.    
  1248.     {block:IfTwitterCode}
  1249.         <div class="caixas">
  1250.             <div class="caixas_t" >{lang:Latest Tweets}</div>
  1251.             {text:Twitter Code}
  1252.         </div>
  1253.     {/block:IfTwitterCode}
  1254.    
  1255.     {block:IfFeatured}
  1256.         <div class="caixas">
  1257.             <div class="caixas_t" >{text:Featured Label}</div>
  1258.            
  1259.             <div id="feat" style="padding-top:0px;">
  1260.                 <img src="{image:featured 1}" />
  1261.                 <div class="mdesc2">
  1262.                     <a href="{text:featured url 1}" target="_blank">{text:featured title 1}</a></br>
  1263.                     {text:featured subtitle 1}
  1264.                 </div>
  1265.             </div>
  1266.            
  1267.             <div id="feat">
  1268.                 <img src="{image:featured 2}" />
  1269.                 <div class="mdesc2">
  1270.                     <a href="{text:featured url 2}" target="_blank">{text:featured title 2}</a></br>
  1271.                     {text:featured subtitle 2}
  1272.                 </div>
  1273.             </div>
  1274.            
  1275.             <div id="feat">
  1276.                 <img src="{image:featured 3}" />
  1277.                 <div class="mdesc2">
  1278.                     <a href="{text:featured url 3}" target="_blank">{text:featured title 3}</a></br>
  1279.                     {text:featured subtitle 3}
  1280.                 </div>
  1281.             </div>
  1282.         </div>
  1283.     {/block:IfFeatured}
  1284.    
  1285.     {block:IfPostsILike}
  1286.         {block:Likes}
  1287.             <div class="caixas">
  1288.                 <div class="caixas_t">{lang:Stuff I like}</div>
  1289.                
  1290.                 <div id="likes_container">
  1291.                     {Likes limit="5" summarize="100"}
  1292.                     <br>
  1293.                     <div class="plinks">
  1294.                         <a href="http://www.tumblr.com/liked/by/{Name}" target="_blank">
  1295.                             {lang:More liked posts}
  1296.                         </a>
  1297.                     </div>
  1298.                 </div>
  1299.             </div>
  1300.         {/block:Likes}
  1301.     {/block:IfPostsILike}
  1302.    
  1303.     <!-- MEMBERS BOX -->
  1304.     {block:IfMembers}
  1305.         <div class="caixas">
  1306.             <div class="caixas_t">{lang:Members}</div>
  1307.             {block:GroupMembers}
  1308.                 {block:GroupMember}
  1309.                     <div id="membros">
  1310.                         <a href="{GroupMemberUrl}" target="_blank">
  1311.                             <img src="{GroupMemberPortraitURL-128}" />
  1312.                         </a>
  1313.                         <div class="mdesc">
  1314.                             <a href="{GroupMemberURL}" target="_blank">{GroupMemberName}</a></br>
  1315.                             {GroupMemberTitle}
  1316.                         </div>
  1317.                     </div>
  1318.                 {/block:GroupMember}
  1319.             {/block:GroupMembers}
  1320.         </div>
  1321.     {/block:IfMembers}
  1322.        
  1323.     {block:IfFlickrId}
  1324.         <div class="caixas">
  1325.             <div class="caixas_t">Flickr {lang:Feed}</div>
  1326.             <div id="flickr_badge_wrapper"><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=12&display=latest&size=s&layout=x&source=user&user={text:FlickrId}"></script><center></center></div>
  1327.         </div>
  1328.     {/block:IfFlickrId}
  1329.    
  1330.     <div class="caixas">
  1331.         <div class="caixas_t" >{lang:Follow Me}</div>
  1332.        
  1333.         <div id="soc2">
  1334.             {block:IfInstagramUsername}
  1335.                 <a target="_blank" href="http://instagram.com/{text:InstagramUsername}"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  1336.             {/block:IfInstagramUsername}
  1337.            
  1338.             {block:IfLastFmUrl}
  1339.                 <a target="_blank" href="{text:LastFmUrl}"><i class="fa fa-lastfm" aria-hidden="true"></i></a>
  1340.             {/block:IfLastFmUrl}
  1341.            
  1342.             {block:IfFacebookUsername}
  1343.                 <a target="_blank" href="http://facebook.com/{text:FacebookUsername}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  1344.             {/block:IfFacebookUsername}
  1345.            
  1346.             {block:IfSkypeUsername}
  1347.                 <a target="_blank" href="skype:{text:SkypeUsername}"><i class="fa fa-skype" aria-hidden="true"></i></a>
  1348.             {/block:IfSkypeUsername}
  1349.            
  1350.             {block:IfFlickrUsername}
  1351.                 <a target="_blank" href="http://flickr.com/photos/{text:FlickrUsername}"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  1352.             {/block:IfFlickrUsername}
  1353.            
  1354.             {block:IfTumblrUsername}
  1355.                 <a target="_blank" href="http://{text:TumblrUsername}.tumblr.com/"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  1356.             {/block:IfTumblrUsername}            
  1357.                
  1358.             {block:IfTwitterUsername}
  1359.                 <a target="_blank" href="http://twitter.com/{text:TwitterUsername}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  1360.             {/block:IfTwitterUsername}
  1361.            
  1362.             {block:IfYoutubeUsername}
  1363.                 <a target="_blank" href="http://youtube.com/{text:YoutubeUsername}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  1364.             {/block:IfYoutubeUsername}
  1365.            
  1366.             {block:IfWeHeartItUsername}
  1367.                 <a target="_blank" href="http://weheartit.com/{text:WeHeartItUsername}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1368.             {/block:IfWeHeartItUsername}
  1369.            
  1370.             {block:IfWebsiteUrl}
  1371.                 <a target="_blank" href="{text:WebsiteUrl}"><i class="fa fa-globe" aria-hidden="true"></i></a>
  1372.             {/block:IfWebsiteUrl}
  1373.            
  1374.             {block:IfGooglePlusUrl}
  1375.                 <a target="_blank" href="{text:GooglePlusUrl}"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  1376.             {/block:IfGooglePlusUrl}
  1377.            
  1378.             {block:IfWhatsAppNumber}
  1379.                 <a title="{text:WhatsAppNumber}"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
  1380.             {/block:IfWhatsAppNumber}
  1381.            
  1382.             {block:IfEmail}
  1383.                 <a title="{text:Email}"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  1384.             {/block:IfEmail}
  1385.         </div>
  1386.     </div>
  1387.    
  1388.     {block:IfFollowing}
  1389.         {block:Following}
  1390.             <div class="caixas">
  1391.                 <div class="caixas_t">{lang:Following}</div>
  1392.                
  1393.                 <div class="blogroll">
  1394.                     {block:Followed}
  1395.                         <a href="{FollowedURL}" title="{FollowedName} &mdash; {FollowedTitle}   ">
  1396.                             <img src="{FollowedPortraitURL-128}"/>
  1397.                         </a>
  1398.                     {/block:Followed}
  1399.                 </div>
  1400.             </div>
  1401.         {/block:Following}
  1402.     {/block:IfFollowing}
  1403.    
  1404.     {block:IfAffiliates}
  1405.         <div class="caixas">
  1406.             <div class="caixas_t" >{text:Affliates Label}</div>
  1407.             <div class="pt">
  1408.                 <marquee direction="right" scrollamount="4" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();">
  1409.                     <a href="http://anyhs-themes.tumblr.com" ><img src="http://api.tumblr.com/v2/blog/anyhs-themes.tumblr.com/avatar/96/" /></a>
  1410.                     <a href="http://braziliancode.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/braziliancode.tumblr.com/avatar/96/" /></a>
  1411.                     <a href="http://passo-html.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/passo-html.tumblr.com/avatar/96/" /></a>
  1412.                     <a href="http://lunarthemers.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/lunarthemers.tumblr.com/avatar/96/" /></a>
  1413.                     <a href="http://anyhs-themes.tumblr.com" ><img src="http://api.tumblr.com/v2/blog/anyhs-themes.tumblr.com/avatar/96/" /></a>
  1414.                     <a href="http://braziliancode.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/braziliancode.tumblr.com/avatar/96/" /></a>
  1415.                     <a href="http://passo-html.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/passo-html.tumblr.com/avatar/96/" /></a>
  1416.                     <a href="http://lunarthemers.tumblr.com/" ><img src="http://api.tumblr.com/v2/blog/lunarthemers.tumblr.com/avatar/96/" /></a>
  1417.                 </marquee>
  1418.             </div>
  1419.         </div>
  1420.     {/block:IfAffiliates}
  1421.    
  1422.     {block:AskEnabled}
  1423.         <div class="caixas">
  1424.             <div class="caixas_t" >{text:AskLabel}</div>
  1425.            
  1426.             <p><iframe frameborder="0" scrolling="no" width="100%" height="auto" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form"></iframe><!—[if IE]><script type="text/javascript">document.getElementById("ask_form").allowTransparency=true;</script><![endif]—></p>
  1427.         </div>
  1428.     {/block:AskEnabled}
  1429.    
  1430.     {block:IfDisclaimer}
  1431.         <div class="caixas">
  1432.             <div class="caixas_t" >{text:Disclaimer label}</div>
  1433.        
  1434.             {block:IfCreator}
  1435.                 <div id="stitle"><b>Creator</b>{text:Creator}</div>
  1436.             {/block:IfCreator}
  1437.             {block:IfEstabilished}
  1438.                 <div id="stitle"><b>Estabilished</b>{text:Estabilished}</div>
  1439.             {/block:IfEstabilished}
  1440.             {block:IfOnlineScript}
  1441.                 <div id="stitle"><b>Online</b>{text:OnlineScript}</div>
  1442.             {/block:IfOnlineScript}
  1443.             {block:IfViewsScript}
  1444.                 <div id="stitle"><b>Views</b>{text:ViewsScript}</div>
  1445.             {/block:IfViewsScript}
  1446.             <div id="stitle"><b>Theme by</b><a href="http://ttamplamente.tumblr.com/" target="_blank">Amplamente</a></div>
  1447.             <br>
  1448.             {text:Disclaimer}
  1449.         </div>
  1450.     {/block:IfDisclaimer}
  1451.    
  1452. </div>
  1453.  
  1454. {block:SearchPage}
  1455.     <div class="entry">
  1456.         <h1 class="solution"><i class="fa fa-search"></i> &nbsp;{lang:Search results for SearchQuery} ({SearchResultCount}) </h1>
  1457.     </div>
  1458. {/block:SearchPage}
  1459.  
  1460. {block:TagPage}
  1461.     <div class="entry">
  1462.          <h1 class="solution"><i class="fa fa-tags"></i> &nbsp;{lang:TagResultCount posts tagged Tag}</h1>
  1463.     </div>
  1464. {/block:TagPage}
  1465.  
  1466. {block:Posts}
  1467.  
  1468. <div class="entry">
  1469.  
  1470.     {block:Date}
  1471.         <div id="medias">
  1472.             <a target="_blank" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  1473.             <a target="_blank" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  1474.             <a target="_blank" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
  1475.         </div>
  1476.     {/block:Date}
  1477.  
  1478. {block:Title} <h1><span>{TItle}</span></h1> {/block:Title}
  1479.  
  1480. {block:Text}<div class="tcaption"> {Body} </div>{/block:Text}
  1481.  
  1482. {block:Photo}
  1483.     {LinkOpenTag}
  1484.         <img src="{PhotoURL-HighRes}" alt="{Photo-Alt}" width="100%"/>
  1485.     {LinkCloseTag}
  1486. {/block:Photo}
  1487.  
  1488. {block:Photoset}
  1489.     {block:IndexPage} {Photoset-700} {/block:IndexPage}
  1490.     {block:PermalinkPage} {Photoset-700} {/block:PermalinkPage}
  1491. {/block:Photoset}
  1492.  
  1493. {block:Quote}
  1494.     <div class="quote">"{Quote}"
  1495.         <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div>
  1496.     </div>
  1497. {/block:Quote} 
  1498.  
  1499. {block:Link}
  1500. <div class="link">
  1501.     <div class="linktitle">
  1502.         <a href="{URL}"{Target}>{Name} <span class="lnr lnr-chevron-right"></span></a>
  1503.     </div>
  1504.     {block:Description}
  1505.         <div class="linkdesc">
  1506.             {Description}
  1507.         </div>
  1508.     {/block:Description}
  1509. </div>
  1510. {/block:Link}
  1511.  
  1512. {block:Chat}<div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>
  1513. {/block:Chat}
  1514.  
  1515. {block:Audio}
  1516. <div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1517.  
  1518. {/block:Audio} 
  1519.  
  1520. {block:Video}
  1521.     {block:IndexPage} {Video-700} {/block:IndexPage}
  1522.     {block:PermalinkPage} {Video-700} {/block:PermalinkPage}
  1523. {/block:Video} 
  1524.  
  1525. {block:Answer}
  1526.     <div class="pessoapfoto">
  1527.         <img src="{AskerPortraitURL-64}">
  1528.     </div>
  1529.     <div class="pergunta">
  1530.         <div class="pessoap">{lang:Asker asked 2}:</div>
  1531.         {Question}
  1532.     </div>
  1533.     <div class="sresposta">
  1534.         {Answer}
  1535.     </div>
  1536. {/block:Answer}
  1537.  
  1538. <div class="caption">
  1539.     {block:Caption}
  1540.         {Caption}
  1541.     {/block:Caption}
  1542.        
  1543.     {block:HasTags}
  1544.         <div class="tags">
  1545.             {block:Tags}
  1546.                 <a href="{TagURL}">#{Tag}</a>
  1547.             {/block:Tags}
  1548.         </div>
  1549.     {/block:HasTags}
  1550. </div>
  1551.  
  1552. {block:Date}
  1553.     <div class="from">
  1554.         <div class="menu" style="padding-bottom:8px;">
  1555.             <div class="rbb">
  1556.                 <a>
  1557.                     <div class="custom-like-button">{LikeButton}
  1558.                         <span class="our_button" title="like?"><i class="lnr lnr-heart"></i></span>
  1559.                     </div>
  1560.                 </a>
  1561.             </div>
  1562.             <div class="pr">
  1563.                 <a href="{ReblogUrl}"><span class="lnr lnr-sync"></span></a>
  1564.             </div>
  1565.         </div>
  1566.    
  1567.         <div class="menu">
  1568.             <a href="{Permalink}#notas"><span class="lnr lnr-star"></span> {lang:It has NoteCount notes}</a>
  1569.         </div>
  1570.    
  1571.         <div class="menu" style="border:none;">
  1572.             <a href="{Permalink}"><span class="lnr lnr-clock"></span> {Month} {DayOfMonthWithZero}, {Year}</a>
  1573.         </div>
  1574.     </div>
  1575. {/block:Date}
  1576.  
  1577. {block:PermalinkPage}
  1578.     {block:Date}
  1579.         <div class="info2">
  1580.             <li><a>{lang:It has NoteCount notes} </a></li> <br>
  1581.             <li><a>{lang:Posted on DayOfWeek DayOfMonth Month Year 3}</a></li> <br>
  1582.             <li><a>{lang:Reblogged from ReblogRootName}</a></li> <br>
  1583.             <li><a>{lang:Originally from ReblogRootName}</a></li> <br>
  1584.         </div>
  1585.     {/block:Date}
  1586.  
  1587.     {block:PostNotes}<div id="notas">{PostNotes-64}</div>{/block:PostNotes}
  1588.    
  1589.     {block:IfDisqusShortname}
  1590.         <div class="post disqus">
  1591.             <h1 class="post_info">
  1592.                 {lang:Recent comments}
  1593.             </h1>
  1594.             <!-- DISQUS SCRIPT -->
  1595.             {block:IndexPage}
  1596.             <script type="text/javascript">
  1597.                 var disqus_shortname = '{text:Disqus Shortname}';
  1598.            
  1599.                 (function () {
  1600.                     var s = document.createElement('script'); s.async = true;
  1601.                     s.type = 'text/javascript';
  1602.                     s.src = '//' + disqus_shortname + '.disqus.com/count.js';
  1603.                     (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1604.                 }());
  1605.             </script>
  1606.             {/block:IndexPage}{block:PermalinkPage}{block:IfDisqusShortname}
  1607.             <div id="disqus_thread"></div>
  1608.             <script type="text/javascript">
  1609.                 var disqus_shortname = '{text:Disqus Shortname}';
  1610.                 var disqus_url = '{Permalink}';
  1611.                 (function() {
  1612.                     var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  1613.                     dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  1614.                     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  1615.                 })();
  1616.             </script>
  1617.             {/block:IfDisqusShortname}{/block:PermalinkPage}
  1618.             <!-- DISQUS SCRIPT -->
  1619.         </div>
  1620.     {/block:IfDisqusShortname}
  1621.  
  1622. {/block:PermalinkPage}
  1623.    
  1624. </div>
  1625. {/block:Posts}
  1626. </div>
  1627.  
  1628. {block:IfNotInfiniteScrolling}
  1629.     {block:Pagination}
  1630.         <div id="paginacao">
  1631.             {block:PreviousPage}
  1632.             <a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a>
  1633.             {/block:PreviousPage}
  1634.             {block:JumpPagination length="5"}
  1635.             {block:CurrentPage}
  1636.             <span class="current_page">{CurrentPage}</span>
  1637.             {/block:CurrentPage}
  1638.             {block:JumpPage}
  1639.             <a class="jump_page" href="{URL}">{PageNumber}</a>
  1640.             {/block:JumpPage}
  1641.             {/block:JumpPagination}
  1642.             {block:NextPage}
  1643.             <a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>
  1644.             {/block:NextPage} <br>
  1645.             <span class="total_pages">{lang:Page CurrentPage of TotalPages}</span>
  1646.         </div>
  1647.     {/block:Pagination}
  1648. {/block:IfNotInfiniteScrolling}
  1649.  
  1650. <footer>
  1651.     <div class="dd">
  1652.         <img src="{Favicon}" class="aviv" >
  1653.         <p class="descricao">
  1654.             {Description}
  1655.         </p>
  1656.     </div>
  1657.    
  1658.     <div class="dd">
  1659.         <h2>{Title}</h2>
  1660.         <div class="sc">
  1661.             {block:IfInstagramUsername}
  1662.                 <a target="_blank" href="http://instagram.com/{text:InstagramUsername}"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  1663.             {/block:IfInstagramUsername}
  1664.            
  1665.             {block:IfLastFmUrl}
  1666.                 <a target="_blank" href="{text:LastFmUrl}"><i class="fa fa-lastfm" aria-hidden="true"></i></a>
  1667.             {/block:IfLastFmUrl}
  1668.            
  1669.             {block:IfFacebookUsername}
  1670.                 <a target="_blank" href="http://facebook.com/{text:FacebookUsername}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  1671.             {/block:IfFacebookUsername}
  1672.            
  1673.             {block:IfSkypeUsername}
  1674.                 <a target="_blank" href="skype:{text:SkypeUsername}"><i class="fa fa-skype" aria-hidden="true"></i></a>
  1675.             {/block:IfSkypeUsername}
  1676.            
  1677.             {block:IfFlickrUsername}
  1678.                 <a target="_blank" href="http://flickr.com/photos/{text:FlickrUsername}"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  1679.             {/block:IfFlickrUsername}
  1680.            
  1681.             {block:IfTumblrUsername}
  1682.                 <a target="_blank" href="http://{text:TumblrUsername}.tumblr.com/"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  1683.             {/block:IfTumblrUsername}            
  1684.                
  1685.             {block:IfTwitterUsername}
  1686.                 <a target="_blank" href="http://twitter.com/{text:TwitterUsername}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  1687.             {/block:IfTwitterUsername}
  1688.            
  1689.             {block:IfYoutubeUsername}
  1690.                 <a target="_blank" href="http://youtube.com/{text:YoutubeUsername}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  1691.             {/block:IfYoutubeUsername}
  1692.            
  1693.             {block:IfWeHeartItUsername}
  1694.                 <a target="_blank" href="http://weheartit.com/{text:WeHeartItUsername}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1695.             {/block:IfWeHeartItUsername}
  1696.            
  1697.             {block:IfWebsiteUrl}
  1698.                 <a target="_blank" href="{text:WebsiteUrl}"><i class="fa fa-globe" aria-hidden="true"></i></a>
  1699.             {/block:IfWebsiteUrl}
  1700.            
  1701.             {block:IfGooglePlusUrl}
  1702.                 <a target="_blank" href="{text:GooglePlusUrl}"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  1703.             {/block:IfGooglePlusUrl}
  1704.            
  1705.             {block:IfWhatsAppNumber}
  1706.                 <a title="{text:WhatsAppNumber}"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
  1707.             {/block:IfWhatsAppNumber}
  1708.            
  1709.             {block:IfEmail}
  1710.                 <a title="{text:Email}"><i class="fa fa-envelope" aria-hidden="true"></i></a>
  1711.             {/block:IfEmail}
  1712.            
  1713.             <a target="_blank" title="theme by amplamente" href="http://ttamplamente.tumblr.com/"><i class="fa fa-code" aria-hidden="true"></i></a>
  1714.         </div>
  1715.     </div>
  1716.    
  1717.     <div class="dd">
  1718.         <div class="quote">
  1719.             "As folhas batem palma para ti Senhor, o vento a soprar ministra o louvor, o som direcionado a Ti é com amor".
  1720.         </div>
  1721.         <div class="qsub">
  1722.             &mdash; Gerson Rufino
  1723.         </div>
  1724.     </div>
  1725.     <section class="inf">
  1726.         {Title}, {CopyrightYears} all rights reserved &mdash; Theme created by <a href="http://ttamplamente.tumblr.com/">Amplamente</a>
  1727.     </section>
  1728. </footer>
  1729.  
  1730. {block:IfInfiniteScrolling}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}</div>{/block:IfInfiniteScrolling}
  1731.  
  1732. <div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>
  1733.  
  1734. <div class="credit"><a href="http://ttamplamente.tumblr.com/" title="theme by amplamente" target="_blank">am</a></div>
  1735.  
  1736. </body>
  1737.  
  1738. </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!